//if( window.addEventListener )
//  window.addEventListener( "load", getStep, false );
//else if( window.attachEvent ) 
// window.attachEvent( "onload", getStep );	

/* Retrieving the general beschermwijzer content (depending on the chosen steps) */
function getStep(step, mainCat, condition, object, treatment, finish)
{	

	if(step > 0)
	nStep = step;
	else
	nStep = 1;	
	
	// show beschermwijzer if hidden; first step = 1 
	if(document.getElementById('beschermwijzerContainer').style.display != "block")
	new Effect.Appear('beschermwijzerContainer', { duration: 2.0 })
	
	params = new Object(); 			
	params.nStep  		 		= nStep;
	params.sMainCategory 	= mainCat;	
	params.sCondition	 		= condition;
	params.sObjectType 		= object;
	params.sTreatment 		= treatment;
	params.sFinish		 		= finish;
	
	http( 'POST' , '/shared/cfcs/beschermwijzer.cfc?method=getContent' , returnResults , params ); 
	
}

// Output the results to the browser 
function returnResults()
{
	
	$('beschermwijzerContainer').style.display = "block";
	nPrevStep = obj.currentstep -1;	
	
	// Adding steps to the beschermwijzer container
	$('beschermwijzerStep' + obj.currentstep).innerHTML = obj.content;
	$('beschermwijzerStep' + obj.currentstep).style.display = "block";
	
	//if( obj.currentstep == 6 )
	//$('beschermwijzerStep' + obj.currentstep).style.zIndex = "99999999999";
	
	// hide previous step
	try {
		$('beschermwijzerStep' + nPrevStep).style.display = "none";
	} catch(e)
	{		}
	
	//alert(obj.currentstep);
	
	if (obj.currentstep == 2) {
  	$('stepRed').innerHTML = 0;
  }
	// adding header to the beschermwijzer 
	$('stepHeader' + obj.currentstep).innerHTML = obj.stepheader;
	$('stepHeader' + obj.currentstep).style.display = "block";		
	
	// help content 	
	if (obj.helptype == 2) {		
		$('stepRed').innerHTML  = obj.currentstep;
  	$('stepHelp').innerHTML = '<img id="redImage" align="right" style="width:88px; height:65px; cursor:pointer;" onclick="showHideHelp( 2, 2 )" src="/shared/images/beschemwijzerV2/help-highlight.png" />';
		new Effect.Pulsate('redImage', { pulses: 12, duration: 10.0});
		$('helpContentAdvanced').innerHTML = obj.helpstuff; 
  }
  else {
  	$('stepHelp').innerHTML = '<img align="right" style="width:88px; height:65px; cursor:pointer;" onclick="showHideHelp( 2, 1 )" src="/shared/images/beschemwijzerV2/help.png" />';
		$('helpContent').innerHTML = obj.helpstuff;
		//$('stepRed').innerHTML  = 0;
  }
	
	if(obj.loadnextstep)
	{
		if(obj.loadnextstep == 1)
		{	
			//$('beschermwijzerStep' + obj.currentstep).style.display 	= "";	
			//$('stepHeader' + obj.currentstep).innerHTML 							= '';
			$('beschermwijzerStep' + obj.currentstep).innerHTML	 			= '';
			$('stepHeader' + obj.currentstep).style.display 					= "none";				
			getStep(obj.nextstep, obj.tempmaincat, obj.tempcondition, obj.tempobjecttype, obj.temptreatment, obj.tempfinish);		
		}
	}	


}


function previousStep()
{	
	// Detect which step is the active one
	 for( i=1; i<7; i=i+1 )
	 {
		 if ( $('beschermwijzerStep' + i).style.display == "block")
		 {
			 nPreviousStep = i-1;
			 nCurrentStep  = i;
		 }
	 }	
	
	// show / hide steps, if step is 1, close the beschermwijzer 
	if( nPreviousStep < 1 )
	{
		exitBeschermWijzer()
	}
	else
	{		
	  //alert(nCurrentStep);
		
		$('beschermwijzerStep' + nCurrentStep).style.display = "none" ;	
		$('stepHeader' + nCurrentStep).style.display = "none" ;	
		
		//if (nPreviousStep != 4 )
		//$('stepHelp').innerHTML = '<img align="right" style="width:88px; height:65px; cursor:pointer;" onclick="showHideHelp( 2 )" src="/shared/images/beschemwijzerV2/help.png" />';	
		//alert($('stepRed').innerHTML);
		
		if($('stepRed').innerHTML == nPreviousStep )
		{
		  $('stepHelp').innerHTML = '<img id="redImage" align="right" style="width:88px; height:65px; cursor:pointer;" onclick="showHideHelp( 2, 2 )" src="/shared/images/beschemwijzerV2/help-highlight.png" />';
			new Effect.Pulsate('redImage', { pulses: 12, duration: 10.0});
		} else {
			$('stepHelp').innerHTML = '<img align="right" style="width:88px; height:65px; cursor:pointer;" onclick="showHideHelp( 2, 1 )" src="/shared/images/beschemwijzerV2/help.png" />';
		}
		
		if($('beschermwijzerStep' + nPreviousStep).innerHTML == "")
		{				
			// display only the last step with content
		 	for( b=1; b<nCurrentStep; b=b+1 )
			{
				 if($('beschermwijzerStep' + b).innerHTML == "")
				 {
					 	nDisplayStep = b - 1;
						$('beschermwijzerStep' + nDisplayStep).style.display 	= "block" ;		
						$('stepHeader' + nDisplayStep).style.display 					= "block" ;	
						break
				 }
			}		
			
			//tempPrevStep = nPreviousStep - 1;				
			//$('beschermwijzerStep' + tempPrevStep).style.display 	= "block" ;		
			//$('stepHeader' + tempPrevStep).style.display 					= "block" ;				
			
		}
		else 
		{		
			$('beschermwijzerStep' + nPreviousStep).style.display 	= "block" ;		
			$('stepHeader' + nPreviousStep).style.display 					= "block" ;			
		}
		
	}
	 
}

function exitBeschermWijzer( type )
{
	if( type != 1)
		new Effect.Fade('beschermwijzerContainer', { duration: 2.0 })
	
	// Empty beschermwijzer headers en steps 
 	for( i=1; i<6; i=i+1 )
	{
		$('beschermwijzerStep' + i).innerHTML = "";
		$('beschermwijzerStep' + i).style.display = "none";
		$('stepHeader' + i).innerHTML = "";		 
		$('stepHeader' + i).style.display = "none";
	}	
	
	
	if( type == 1)
	{
		$('stepHeader1').innerHTML = "Kies uw ondergrond";	
		getStep(1);
	}

}

function openVideo( sVidID )
{
	
	params = new Object(); 			
	params.sVideoGUID		= sVidID;
	
	http( 'POST' , '/shared/cfcs/beschermwijzer.cfc?method=getVideoContent' , showVideo , params ); 	
	
}

function showVideo()
{
	$('klusvideo').innerHTML 			= obj.videocontent;		
	$('klusvideoBackground').style.display = "block";
	$('klusvideo').style.display 	= "block";	
	//new Effect.Appear('klusvideo', { duration: 2.0 })
}

function closeVideo()
{
	$('klusvideo').innerHTML 								= "";		
	$('klusvideo').style.display 						= "none";
	$('klusvideoBackground').style.display 	= "none";
}

function showHideHelp( type, helpType )
{
	if (type == 1 && helpType == 1) {
  	$('helpContent').style.display = "none";
		//$('helpContentAdvanced').style.display = "block";		
  }
	
	if (type == 2 && helpType == 1) {
    $('helpContent').style.display = "block";
    $('helpContentAdvanced').style.display = "none";   
  }
 
 	if (type == 1 && helpType == 2) {
    //$('helpContent').style.display = "none";
    $('helpContentAdvanced').style.display = "none"; 
  }
	
	if (type == 2 && helpType == 2) {
    //$('helpContent').style.display = "block";
    $('helpContentAdvanced').style.display = "block"; 
  }		
	
}

function setActiveTab( nActive, divID )
{

	if( nActive == 1)
		var sImageExtension = "_grey";
	else
		var sImageExtension = "";		 	
	
	var sContentDiv = '"' +  divID + '"';	
	var sImagePath = "/shared/images/beschemwijzerV2/";
		
	
	//adviceNavKenmerken
	//adviceNavKlusadvies
	//adviceNavKleuren
	//adviceNavWaarStaatHet
	
	if(divID == "adviceNavKenmerken")
	{
		//set as active
		$(divID).innerHTML  									= "<img class='kenmerk' onclick='setActiveTab(2, " +  sContentDiv +  ")' 					src='" + sImagePath + "kenmerken.png' />";		
		// set others inactive
		$('adviceNavKlusadvies').innerHTML  	= "<img class='klusadvies' onclick='setActiveTab(2, \"adviceNavKlusadvies\")' 		src='" + sImagePath + "klusadvies_grey.png' />";
		$('adviceNavKleuren').innerHTML  			= "<img class='kleuren' onclick='setActiveTab(2, \"adviceNavKleuren\")' 					src='" + sImagePath + "kleuren_grey.png' />";
		$('adviceNavWaarStaatHet').innerHTML 	= "<img class='waarstaathet' onclick='setActiveTab(2, \"adviceNavWaarStaatHet\")' src='" + sImagePath + "advies_printen_grey.png' />";
		
		// show / hide content divs 
		$('kenmerkenBlad').style.display 			= "block";	
		$('klusadviesBlad').style.display 		= "none";	
		$('kleurenBlad').style.display 				= "none";	
		$('waarStaatHetBlad').style.display 	= "none";
		// info block on the right 
		$('nietVergetenBlad').style.display  						= "block";
		$('nietVergetenBladBackground').style.display  	= "block";		
		$('meerInformatieOver').style.display 					= "none";
		$('meerInformatieOverBackground').style.display = "none";	
		
	}
	
	if(divID == "adviceNavKlusadvies")
	{
		//set as active
		$(divID).innerHTML  									= "<img class='klusadvies' onclick='setActiveTab(2, " +  sContentDiv +  ")' 			src='" + sImagePath + "klusadvies.png' />";		
		// set others inactive
		$('adviceNavKenmerken').innerHTML  		= "<img class='kenmerk'	onclick='setActiveTab(2, \"adviceNavKenmerken\")' 				src='" + sImagePath + "kenmerken_grey.png' />";
		$('adviceNavKleuren').innerHTML  			= "<img class='kleuren' onclick='setActiveTab(2, \"adviceNavKleuren\")' 					src='" + sImagePath + "kleuren_grey.png' />";
		$('adviceNavWaarStaatHet').innerHTML 	= "<img class='waarstaathet' onclick='setActiveTab(2, \"adviceNavWaarStaatHet\")' src='" + sImagePath + "advies_printen_grey.png' />";
		
		// show / hide content divs 			
		$('kenmerkenBlad').style.display 			= "none";	
		$('klusadviesBlad').style.display 		= "block";	
		$('kleurenBlad').style.display 				= "none";	
		$('waarStaatHetBlad').style.display 	= "none";					
				// info block on the right 
		$('nietVergetenBlad').style.display  						= "none";
		$('nietVergetenBladBackground').style.display  	= "none";		
		$('meerInformatieOver').style.display 					= "block";
		$('meerInformatieOverBackground').style.display = "block";		

	}

	if(divID == "adviceNavKleuren")
	{
		//set as active
		$(divID).innerHTML  									= "<img class='kleuren' onclick='setActiveTab(2, " +  sContentDiv +  ")' 					src='" + sImagePath + "kleuren.png' />";		
		// set others inactive
		$('adviceNavKenmerken').innerHTML  		= "<img class='kenmerk'	onclick='setActiveTab(2, \"adviceNavKenmerken\")' 				src='" + sImagePath + "kenmerken_grey.png' />";
		$('adviceNavKlusadvies').innerHTML  	= "<img class='klusadvies' onclick='setActiveTab(2, \"adviceNavKlusadvies\")' 		src='" + sImagePath + "klusadvies_grey.png' />";
		$('adviceNavWaarStaatHet').innerHTML 	= "<img class='waarstaathet' onclick='setActiveTab(2, \"adviceNavWaarStaatHet\")' src='" + sImagePath + "advies_printen_grey.png' />";
		
		// show / hide content divs 		
		$('klusadviesBlad').style.display 		= "none";	
		$('kenmerkenBlad').style.display 			= "none";	
		$('kleurenBlad').style.display 				= "block";	
		$('waarStaatHetBlad').style.display 	= "none";		
		// info block on the right 
		$('nietVergetenBlad').style.display  						= "none";
		$('nietVergetenBladBackground').style.display  	= "none";		
		$('meerInformatieOver').style.display 					= "none";
		$('meerInformatieOverBackground').style.display = "none";		
	}
	
	if(divID == "adviceNavWaarStaatHet")
	{
		//set as active
		$(divID).innerHTML  									= "<img class='waarstaathetActive' onclick='setActiveTab(2, " +  sContentDiv +  ")' 		src='" + sImagePath + "advies_printen.png' />";		
		// set others inactive
		$('adviceNavKenmerken').innerHTML  		= "<img class='kenmerk'	onclick='setActiveTab(2, \"adviceNavKenmerken\")' 				src='" + sImagePath + "kenmerken_grey.png' />";
		$('adviceNavKlusadvies').innerHTML  	= "<img class='klusadvies' onclick='setActiveTab(2, \"adviceNavKlusadvies\")' 		src='" + sImagePath + "klusadvies_grey.png' />";
		$('adviceNavKleuren').innerHTML  			= "<img class='kleuren' onclick='setActiveTab(2, \"adviceNavKleuren\")' 					src='" + sImagePath + "kleuren_grey.png' />";
		
		// show / hide content divs 		
		$('klusadviesBlad').style.display 		= "none";	
		$('kenmerkenBlad').style.display 			= "none";	
		$('kleurenBlad').style.display 				= "none";	
		$('waarStaatHetBlad').style.display 	= "block";		
		// info block on the right 
		$('nietVergetenBlad').style.display  						= "none";
		$('nietVergetenBladBackground').style.display  	= "none";		
		$('meerInformatieOver').style.display 					= "none";
		$('meerInformatieOverBackground').style.display = "none";		
	}	
	
	
}

function dontForget( product )
{	
	params 						= new Object(); 			
	params.sProduct		= product;
	 
	http( 'POST' , '/shared/cfcs/beschermwijzer.cfc?method=dontForget' , showVideo , params ); 		
}

function moreInfo( product )
{
	params 						= new Object(); 			
	params.sProduct		= product;
	 
	http( 'POST' , '/shared/cfcs/beschermwijzer.cfc?method=moreInfo' , showVideo , params ); 	
}

function prepareAdvicePrint()
{
	if( $('choice1').checked )
		var choice1 = 2;
	else
		var choice1 = 1;
		
	if( $('choice2').checked )
		var choice2 = 2;
	else
		var choice2 = 1;	
		
	if( $('choice3').checked )
		var choice3 = 2;
	else
		var choice3 = 1;	
		
	if( choice1 == 1 && choice2	== 1 && choice3 == 1)
	{
			alert('Kies aub wat u wilt afdrukken');
			return false
	}
	
	$('generatedPDFInfo').innerHTML  = "Momentje geduld aub..."
	
	params 						= new Object(); 			
	params.choice1		= choice1;
	params.choice2		= choice2;
	params.choice3		= choice3;
	 
	http( 'POST' , '/shared/cfcs/beschermwijzer.cfc?method=generatePDF' ,displayPDF ,params ); 	
}

function displayPDF()
{
	$('generatedPDFInfo').innerHTML = obj.pdfurl;
}