// JavaScript Document


function pausecomp(millis) 
{
var date = new Date();
var curDate = null;

do { curDate = new Date(); } 
while(curDate-date < millis);
} 



function chkObject(theVal) {

	if (document.getElementById(theVal) != null) {
		return true;
	} 
	else {
		return false;
	}
}


function setContent(section) {
	
	
	if (section == '1' || section == '2' ||  section == '2a' || section == '2c' ||  section == '2d' ||  section == '3'  ||  section == '3a' ||  section == '3a4' || section == '6' ){
		
		if (chkObject('block1')==false){	
			Spry.Utils.updateContent('contentcontainer' , 'content/style/b.php');
		}

		
		//timedMsg();
		//pausecomp(500);
		
		if (chkObject('block14')==true){	


	
		switch(section){	
		
			case "1":
				refs =  new Array(15);
				refs[0]='';
				refs[1]='1';
				refs[2]='2';
				refs[3]='3';
				refs[4]='2e';
				refs[5]='2d';
				refs[6]='3a4';
				refs[7]='2c';
				refs[8]='3a5';
				refs[9]='4';
				refs[10]='3b';
				refs[11]='3a';
				refs[12]='5';
				refs[13]='3a3';
				refs[14]='7';
				var pagetitle ='Home';
				
			break
			
			case "2":
				refs =  new Array(15);
				refs[0]='';
				refs[1]='1';
				refs[2]='2e';
				refs[3]='2a';
				refs[4]='2d';
				refs[5]='2f';
				refs[6]='2c';
				refs[7]='2c';
				refs[8]='2a';
				refs[9]='2g';
				refs[10]='2h';
				refs[11]='2c';
				refs[12]='2a';
				refs[13]='2c';
				refs[14]='7';
				var pagetitle ='Traiteur';
				
			break
			
			case "2a":
				refs =  new Array(15);
				refs[0]='';
				refs[1]='1';
				refs[2]='2c';
				refs[3]='4a';
				refs[4]='7';
				refs[5]='2c';
				refs[6]='4a';
				refs[7]='2c';
				refs[8]='2c';
				refs[9]='4a';
				refs[10]='7';
				refs[11]='2c';
				refs[12]='4a';
				refs[13]='7';
				refs[14]='7';
				var pagetitle ='Locatie';
				
			break
					
			case "2c":
				var pagetitle ='Winkelassortiment';
			
			break

			case "2d":
				var pagetitle ='Wijnen';
			
			break

			case "3":
				refs =  new Array(15);
				refs[0]='';
				refs[1]='1';
				refs[2]='3a';
				refs[3]='3a1';
				refs[4]='3a2';
				refs[5]='3a3';
				refs[6]='3b';
				refs[7]='3a4';
				refs[8]='3a5';
				refs[9]='3a6';
				refs[10]='2d';
				refs[11]='3a8';
				refs[12]='3b';
				refs[13]='3a8';
				refs[14]='7';
				var pagetitle ='Catering';
		
			break
			
			case "3a":
				refs =  new Array(15);
				refs[0]='';
				refs[1]='1';
				refs[2]='3a';
				refs[3]='3a1';
				refs[4]='3a2';
				refs[5]='3a3';
				refs[6]='3b';
				refs[7]='3a4';
				refs[8]='3a5';
				refs[9]='3a6';
				refs[10]='3a7';
				refs[11]='3a8';
				refs[12]='3b';
				refs[13]='3a8';
				refs[14]='7';
				var pagetitle ='Arrangementen';
		
			break
			
			case "3a4":
				var pagetitle ='Hapjes';
			
			break
			
			case "6":
/*				refs =  new Array(15);
				refs[0]='';
				refs[1]='1';
				refs[2]='3a';
				refs[3]='3a1';
				refs[4]='3a2';
				refs[5]='3a3';
				refs[6]='3b';
				refs[7]='3a4';
				refs[8]='3a5';
				refs[9]='3a6';
				refs[10]='3a7';
				refs[11]='3a8';
				refs[12]='3b';
				refs[13]='3a8';
				refs[14]='7';*/
				var pagetitle ='Links';
		
			break
		
		
		}

fadeHTML('block14', '<a href="#" onclick="setContent(\'7\');"> <img src=media/images/blocks/1/block14.png /></a>');

		for  (var i=1; i < 14; i++) {
		
		var imagediv= 'block' + i;
		var blocka= 'block' + i +'a';
		var block= 'block' + i;

		var tekst = '<img src=media/images/blocks/' + section + '/' + blocka + '.png />';
		var image = '<img src="media/images/blocks/' + section + '/' + block + '.png" />';
		
					
		var func = 'fadeHTML(\'' +blocka+'\',\'<img src=media/images/blocks/' + section + '/' + blocka + '.png />\')';
		
		//original function
		var funcori = 'fadeHTML(\'' +blocka+'\',\'<a href=# onclick=setContent(' + refs[i] +');><img src=media/images/blocks/' + section + '/' + blocka + '.png /></a>\')';
		
		
		var func2= '';
		
		if (i==1) {
			var func2= ', fadeHTML(\'block1b\',\'<a href=# onclick=setContent(1);><img src=media/images/blocks/' + section + '/block1b.png /></a>\')';
		}
		
		var href = '<a href="#" onclick="setContent(\'' + refs[i] +'\')" onmouseover="'+ func + func2 +'"> '+ image +'</a>';
		var href2 = '<a href="#" onclick="setContent(\'' + refs[i] +'\')"></a>';
	
	
		
		fadeHTML(block, href);
		fadeHTML(blocka, '');
		fadeHTML('block1b', '');
	
 		 }
		}
		Spry.Utils.setInnerHTML('title' ,'<h1>'+ pagetitle +' </h1>');
		Spry.Utils.setInnerHTML('sideplatel' ,'<img width="135" height="358" src="media/images/bord/'+ section +'.gif" />');
		Spry.Utils.updateContent('content' , 'content/pages/'+ section +'.php');
		Spry.Utils.updateContent('script', 'scripts/sifr/subscript.php');	
	} 
	
	
	/*else{
		if (chkObject('grafisch')==false){	
		fadeIt('contentcontainer' , 'content/style/g.php');
		}*/	
		
	else{
		switch(section){	
		
			case "2e":

				var pagetitle ='Bestellen';
				
			break
			
			case "2f":

				var pagetitle ='Workshops';
				
			break
			
			case "2g":

				var pagetitle ='Proeverijen';
				
			break
			
			case "2h":

				var pagetitle ='Overwerken';
				
			break
			
			case "3a1":

				var pagetitle ='Lunch';
				
			break
			
			case "3a2":

				var pagetitle ='Diner';
				
			break
			
			case "3a3":

				var pagetitle ='Buffetten';
				
			break
			
			case "3a5":

				var pagetitle ='Fingerfood';
				
			break
			
			case "3a6":

				var pagetitle ='Picknick';
				
			break
			
			case "3a8":

				var pagetitle ='Overig';
				
			break
			
			case "3b":

				var pagetitle ='Locaties';
				
			break
			
			case "3a8":

				var pagetitle ='Overige Diensten';
				
			break
			
			case "4":

				var pagetitle ='Werkwijze';
				
			break
			
			case "4a":

				var pagetitle ='Bereiding';
				
			break
			
			case "4b":

				var pagetitle ='Leveranciers';
				
			break
			
			case "4c":

				var pagetitle ='Uitvoering';
				
			break
			
			case "5":

				var pagetitle ='Organisatie';
				
			break
			
			case "5a":

				var pagetitle ='Historie';
				
			break
			
			case "5b":

				var pagetitle ='Team Delicieux';
				
			break
			
			case "7":

				var pagetitle ='Contact';
				
			break
			
		}
		
		
		
		
		
		
		
		
		Spry.Utils.setInnerHTML('contentcontainer', '<div id="grafisch" style="background-image:url(media/images/grafisch/'+section+'.jpg);"><div id="grafischcontent"><div id="title"><h1>'+pagetitle+'</h1></div><div id="content"> </div></div></div>');
		/*Spry.Utils.setInnerHTML('title' ,'');*/
		//Spry.Utils.setInnerHTML('sideplatel' ,'<img width="135" height="358" src="media/images/bord/'+ section +'.gif" />');
		Spry.Utils.updateContent('content' , 'content/pages/'+ section +'.php');
		Spry.Utils.updateContent('script', 'scripts/sifr/subscript.php');
	
	}

}


function fadeIt(ele,url){
	Spry.Effect.DoFade( ele,{ duration: 500, from: 100, to: 0, finish: function() {
		Spry.Utils.updateContent(ele, url, function() {
			Spry.Effect.DoFade( ele,{ duration: 500, from: 0, to: 100 });
		});
  }
 });
}

function fadeHTML(ele,html){
	Spry.Effect.DoFade( ele,{ duration: 500, from: 0, to: 100, finish: function() {
		Spry.Utils.setInnerHTML(ele, html, function() {
			Spry.Effect.DoFade( ele,{ duration: 500, from: 0, to: 0 });
		});
  }
 });
}