pic1= new Image(); 
pic1.src = "images/header_image_1.jpg"; 

pic2= new Image(); 
pic2.src = "images/header_image_2.jpg"; 

pic3= new Image(); 
pic3.src = "images/header_image_3.jpg"; 
 
pic3= new Image(); 
pic3.src = "images/header_image_4.jpg"; 
  
pic3= new Image(); 
pic3.src = "images/header_image_5.jpg"; 
  
pic3= new Image(); 
pic3.src = "images/header_image_6.jpg"; 

var fade_counter = 2;
var timer = setTimeout("fadeHeader('header_image_2')",10000);
function fadeHeader(header){
	clearTimeout(timer);
	if(header == 'header_image_1'){
		document.getElementById('learn_more_link').href = 'new-pool-installation';
		document.getElementById('learn_more_link2').href = 'new-pool-installation';
		document.getElementById('learn_more').style.width = '905px';
		document.getElementById('learn_more').style.marginTop = '245px';
		document.getElementById('learn_more2').style.width = '905px';
		document.getElementById('learn_more2').style.marginTop = '245px';
	}
	else if(header == 'header_image_2'){
		document.getElementById('learn_more_link').href = 'pool-remodeling';
		document.getElementById('learn_more_link2').href = 'pool-remodeling';
		document.getElementById('learn_more').style.width = '905px';
		document.getElementById('learn_more').style.marginTop = '245px';
		document.getElementById('learn_more2').style.width = '905px';
		document.getElementById('learn_more2').style.marginTop = '245px';
	}
	else if(header == 'header_image_3'){
		document.getElementById('learn_more_link2').href = 'designcrete-coatings';
		document.getElementById('learn_more_link').href = 'designcrete-coatings';
		document.getElementById('learn_more').style.width = '905px';
		document.getElementById('learn_more').style.marginTop = '190px';
		document.getElementById('learn_more2').style.width = '905px';
		document.getElementById('learn_more2').style.marginTop = '190px';
	}
	else if(header == 'header_image_4'){
		document.getElementById('learn_more_link2').href = 'concrete';
		document.getElementById('learn_more_link').href = 'concrete';
		document.getElementById('learn_more').style.width = '905px';
		document.getElementById('learn_more').style.marginTop = '190px';
		document.getElementById('learn_more2').style.width = '905px';
		document.getElementById('learn_more2').style.marginTop = '190px';
	}
	else if(header == 'header_image_5'){
		document.getElementById('learn_more_link').href = 'shade-covers';
		document.getElementById('learn_more_link2').href = 'shade-covers';
		document.getElementById('learn_more').style.width = '905px';
		document.getElementById('learn_more').style.marginTop = '190px';
		document.getElementById('learn_more2').style.width = '905px';
		document.getElementById('learn_more2').style.marginTop = '190px';
	}
	else if(header == 'header_image_6'){
		document.getElementById('learn_more_link2').href = 'about';
		document.getElementById('learn_more_link').href = 'about';
		document.getElementById('learn_more').style.width = '905px';
		document.getElementById('learn_more').style.marginTop = '190px';
		document.getElementById('learn_more2').style.width = '905px';
		document.getElementById('learn_more2').style.marginTop = '190px';
	}
	
	var headerimg = 'images/'+header+'.jpg';
	for(i = 1; i<=6; i++){
		var iheader = 'header_image_'+i;
		var ifeature = 'feature_'+i;
		var ifeaturelink = 'feature_link_'+i;
		if(header == iheader){
			var a = i+1;
			
			if(i > 2){
				document.getElementById(ifeature).className = "feature_on smaller";
			}
			else{
				document.getElementById(ifeature).className = "feature_on";
				
			}

			
			
		}
		else{
			document.getElementById(ifeature).className = "";
		}
	}
	if(isEven(fade_counter)){
	
		document.getElementById("header_image2").style.backgroundImage = "url('"+headerimg+"')";
		$("#learn_more2").fadeIn("slow");
		$("#learn_more").fadeOut("slow");
		$("#header_image2").fadeIn("slow");
		$("#header_image1").fadeOut("slow");
		
	}
	else{
		document.getElementById("header_image1").style.backgroundImage = "url('"+headerimg+"')";
		$("#learn_more").fadeIn("slow");
		$("#learn_more2").fadeOut("slow");
		$("#header_image1").fadeIn("slow");
		$("#header_image2").fadeOut("slow");
		
	}
	//$("#").fadeOut("slow");
	if(a > 6){
		a = 1;	
	}
	var next_header_image = 'header_image_'+a;
	timer = setTimeout("fadeHeader('"+next_header_image+"')",10000);
	fade_counter++;
}

function featureOn(ifeature_change,ifeaturelink_change){
	document.getElementById(ifeature_change).style.backgroundImage = "url('images/header_features_over.png')";
	document.getElementById(ifeaturelink_change).style.color = "#f4d946";
}

function featureOff(ifeature_change,ifeaturelink_change){
	document.getElementById(ifeature_change).style.backgroundImage = "none";
	document.getElementById(ifeaturelink_change).style.color = "#fff";
}

var isEven = function(someNumber){
	return (someNumber%2 == 0) ? true : false;
};