var cardID;

function setColors(){

	if(document.getElementById("imgDivId2")==null && document.getElementById("imgDivId3")==null
	&& document.getElementById("imgDivId1") != null) {
		$("#imgDivId1").removeClass("landingcardWhiteBg").addClass("landingCardCenter");
	}
	var colorFromDB = document.forms['VisitorForm'].webpageColor.value;
	if(colorFromDB == 'yellow'){
		colorFromDB = 'red';
	}
	
	var programType = document.forms['VisitorForm'].PTAflag.value;
	switch(colorFromDB){ 	 
	  case "blue":  
	  	  document.getElementById('landingHead').className="landingBlue";
	  	  document.getElementById("bandImg").className += " blueBG";
	  	  document.getElementById("pickDesign").className += " blue";
	  	  if(programType == 'P'){
	  	  	document.getElementById("imgID").src = 'images/landing_showoff_blue.gif';
	  	  }
	  	  else {
	  	  	document.getElementById("imgID").src = 'images/landing_donate_blue.gif';
	  	  }
	  	  if(document.getElementById("affinitySite")) {
	  	  	document.getElementById("affinitySite").className = "blue";
	  	  }
	  	  document.getElementById("applyNowTextEnable").className += " blue";
	  	  document.getElementById("applyNowTextDisable").className += " blueDull";
		 break;
	  case "orange": 		  
		  document.getElementById('landingHead').className="landingOrange";
	  	  document.getElementById("bandImg").className += " orangeBG";
	  	  document.getElementById("pickDesign").className += " orange";
	  	  if(programType == 'P'){
	  	  	document.getElementById("imgID").src = 'images/landing_showoff_orange.gif';
	  	  }
	  	  else{
	  	  	document.getElementById("imgID").src = 'images/landing_donate_orange.gif';
	  	  }
	  	  if(document.getElementById("affinitySite")) {
	  	  	document.getElementById("affinitySite").className = "orange";
	  	  }
	  	  document.getElementById("applyNowTextEnable").className += " orange";
	  	  document.getElementById("applyNowTextDisable").className += " orangeDull";
	  break;
	  case "green":  			
		document.getElementById('landingHead').className="landingGreen";
	  	  document.getElementById("bandImg").className += " greenBG";
	  	  document.getElementById("pickDesign").className += " green";
	  	  if(programType == 'P'){
	  	  	document.getElementById("imgID").src = 'images/landing_showoff_green.gif';
	  	  }
	  	  else{
	  	  	document.getElementById("imgID").src = 'images/landing_donate_green.gif';
	  	  }
	  	  if(document.getElementById("affinitySite")) {
	  	  	document.getElementById("affinitySite").className = "green";
	  	  }
	  	  document.getElementById("applyNowTextEnable").className += " green";
	  	  document.getElementById("applyNowTextDisable").className += " greenDull";
	  break;
	  case "red": 			 
		 document.getElementById('landingHead').className="landingRed";
	  	  document.getElementById("bandImg").className += " redBG";
	  	  document.getElementById("pickDesign").className += " red";
	  	  if(programType == 'P'){
	  	  	document.getElementById("imgID").src = 'images/landing_showoff_red.gif';
	  	  }
	  	  else{
	  	  	document.getElementById("imgID").src = 'images/landing_donate_red.gif';
	  	  }
	  	  if(document.getElementById("affinitySite")) {
	  	  	document.getElementById("affinitySite").className = "red";
	  	  }
	  	  // document.getElementById("applyNowTextDisable").className += " redDisable";
	  	  document.getElementById("applyNowTextEnable").className += " red";
	  	  document.getElementById("applyNowTextDisable").className += " redDull";
	  break;
	   case "ash": 			 
		 document.getElementById('landingHead').className="landingGrey";
	  	  document.getElementById("bandImg").className += " greyBG";
	  	  document.getElementById("pickDesign").className += " grey";
	  	  if(programType == 'P'){
	  	  	document.getElementById("imgID").src = 'images/landing_showoff_grey.gif';
	  	  }
	  	  else{
	  	  	document.getElementById("imgID").src = 'images/landing_donate_grey.gif';
	  	  }
	  	  if(document.getElementById("affinitySite")) {
	  	  	document.getElementById("affinitySite").className = "grey";
	  	  }
	  	  document.getElementById("applyNowTextEnable").className += " grey";
	  	  document.getElementById("applyNowTextDisable").className += " greyDull";
	  break;
	  default:  	
   		document.getElementById('landingHead').className="landingGreen";
	  	  document.getElementById("bandImg").className += " greenBG";
	  	  document.getElementById("pickDesign").className += " green";
	  	  if(programType == 'P'){
	  	  	document.getElementById("imgID").src = 'images/landing_showoff_green.gif';
	  	  }
	  	  else{
	  	 	 document.getElementById("imgID").src = 'images/landing_donate_green.gif';
	  	  }
	  	  if(document.getElementById("affinitySite")) {
	  	  	document.getElementById("affinitySite").className = "green";
	  	  }
	  	  document.getElementById("applyNowTextEnable").className += " green";
	  	  document.getElementById("applyNowTextDisable").className += " greenDull";
	 }
	}
	function selectCard(card,cardIDselected) {
	cardID=cardIDselected;
	var count = document.forms['VisitorForm'].imageCount.value;
	if(document.getElementById("imgDivId2")==null && document.getElementById("imgDivId3")==null
		&& document.getElementById("imgDivId1") != null) {
	//if(count == '1') {	
	 	$("#imgDivId1").removeClass("landingCardCenter").addClass("landingcardSelectedCenter");
	 }
	else {
	 	for(var j = 1;j<=count;j++) {
	 	
		   	if(card == String(j))
			{
				if(card == '3'){
					$("#imgDivId3").removeClass("landingCardCenter").addClass("landingcardSelectedCenter");
					$("#imgDivId3").show();
				}
				else{
					$("#imgDivId"+j).removeClass("landingcardWhiteBg").addClass("landingcardSelected");
					$("#imgDivId"+j).show();
				}
			}
			else
			{ 
			  if(String(j) == '3'){
					$("#imgDivId3").removeClass("landingcardSelectedCenter").addClass("landingCardCenter");
					$("#imgDivId3").show();
				}
			 else{	
				  $("#imgDivId"+j).removeClass("landingcardSelected").addClass("landingcardWhiteBg");
				  $("#imgDivId"+j).show();
			  }
			}
		  }
		 }
  	displayHandler("enable");
	}
	function displayHandler(status){
		if(status == "enable"){
			document.getElementById('applyNowDisable').style.display = "none";
			document.getElementById('applyNowEnable').style.display = "block";
			document.getElementById('applyNowTextDisable').style.display = "none";
			document.getElementById('applyNowTextEnable').style.display = "block";
		}
		else if(status == "disable"){
			document.getElementById('applyNowDisable').style.display = "block";
			document.getElementById('applyNowEnable').style.display = "none";
			document.getElementById('applyNowTextDisable').style.display = "block";
			document.getElementById('applyNowTextEnable').style.display = "none";
		}
	}
	
	//card faq functions