// JavaScript Document

var feat1_Status = 1;
var feat2_Status = 0;
var feat3_Status = 0;
var feat4_Status = 0;
var feat5_Status = 0;

//Featured 1
function disp_feat1(){
	$("#num1").fadeIn("slow");
	$("#featPic-1").fadeIn("slow");
	$("#feat-1").css({ "color": "#b8b308" }); //Green
}

function hide_feat1(){
	$("#num1").fadeOut("slow");
	$("#featPic-1").fadeOut("slow");
	$("#feat-1").css({ "color": "#80561B" }); //Brown
}

//Featured 2
function disp_feat2(){
	$("#num2").fadeIn("slow");
	$("#featPic-2").fadeIn("slow");
	$("#feat-2").css({ "color": "#b8b308" }); //Green
}

function hide_feat2(){
	$("#num2").fadeOut("slow");
	$("#featPic-2").fadeOut("slow");
	$("#feat-2").css({ "color": "#80561B" }); //Brown
}

//Featured 3
function disp_feat3(){
	$("#num3").fadeIn("slow");
	$("#featPic-3").fadeIn("slow");
	$("#feat-3").css({ "color": "#b8b308" }); //Green
}

function hide_feat3(){
	$("#num3").fadeOut("slow");
	$("#featPic-3").fadeOut("slow");
	$("#feat-3").css({ "color": "#80561B" }); //Brown
}

//Featured 4
function disp_feat4(){
	$("#num4").fadeIn("slow");
	$("#featPic-4").fadeIn("slow");
	$("#feat-4").css({ "color": "#b8b308" }); //Green
}

function hide_feat4(){
	$("#num4").fadeOut("slow");
	$("#featPic-4").fadeOut("slow");
	$("#feat-4").css({ "color": "#80561B" }); //Brown
}

//Featured 5
function disp_feat5(){
	$("#num5").fadeIn("slow");
	$("#featPic-5").fadeIn("slow");
	$("#feat-5").css({ "color": "#b8b308" }); //Green
}

function hide_feat5(){
	$("#num5").fadeOut("slow");
	$("#featPic-5").fadeOut("slow");
	$("#feat-5").css({ "color": "#80561B" }); //Brown
}


//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
	
	//PIC 1
	//Click the pic event!
	$("#feat-1").click(function(){
									  
		if(feat1_Status==0){
		disp_feat1();
		}
		
		if(feat2_Status==1){
		hide_feat2();
		}
		
		if(feat3_Status==1){
		hide_feat3();
		}
		
		if(feat4_Status==1){
		hide_feat4();
		}
		
		if(feat5_Status==1){
		hide_feat5();
		}
		
		feat1_Status = 1;
		feat2_Status = 0;
		feat3_Status = 0;
		feat4_Status = 0;
		feat5_Status = 0;
	});
	
	//PIC 2
	//Click the pic event!
	$("#feat-2").click(function(){
							  
		if(feat2_Status==0){
		disp_feat2();
		}
		
		if(feat1_Status==1){
		hide_feat1();
		}
		
		if(feat3_Status==1){
		hide_feat3();
		}
		
		if(feat4_Status==1){
		hide_feat4();
		}
		
		if(feat5_Status==1){
		hide_feat5();
		}

		feat1_Status = 0;
		feat2_Status = 1;
		feat3_Status = 0;
		feat4_Status = 0;
		feat5_Status = 0;
	});
	
	//PIC 3
	//Click the pic event!
	$("#feat-3").click(function(){
							  
		if(feat3_Status==0){
		disp_feat3();
		}
		
		if(feat1_Status==1){
		hide_feat1();
		}
		
		if(feat2_Status==1){
		hide_feat2();
		}
		
		if(feat4_Status==1){
		hide_feat4();
		}
		
		if(feat5_Status==1){
		hide_feat5();
		}
		
		feat1_Status = 0;
		feat2_Status = 0;
		feat3_Status = 1;
		feat4_Status = 0;
		feat5_Status = 0;
	});
	
	//PIC 4
	//Click the pic event!
	$("#feat-4").click(function(){
							  
		if(feat4_Status==0){
		disp_feat4();
		}
		
		if(feat1_Status==1){
		hide_feat1();
		}
		
		if(feat2_Status==1){
		hide_feat2();
		}
		
		if(feat3_Status==1){
		hide_feat3();
		}
		
		if(feat5_Status==1){
		hide_feat5();
		}
		
		feat1_Status = 0;
		feat2_Status = 0;
		feat3_Status = 0;
		feat4_Status = 1;
		feat5_Status = 0;
	});
	
	//PIC 5
	//Click the pic event!
	$("#feat-5").click(function(){
							  
		if(feat5_Status==0){
		disp_feat5();
		}
		
		if(feat1_Status==1){
		hide_feat1();
		}
		
		if(feat2_Status==1){
		hide_feat2();
		}
		
		if(feat3_Status==1){
		hide_feat3();
		}
		
		if(feat4_Status==1){
		hide_feat4();
		}
		
		feat1_Status = 0;
		feat2_Status = 0;
		feat3_Status = 0;
		feat4_Status = 0;
		feat5_Status = 1;
	});
	
});