document.documentElement.style.overflowY = 'hidden';
document.documentElement.style.overflowX = 'hidden';
pagina = "";
gesprongen = false;
geklikt= "geen";


function getFlashMovie(movieName) {
	var isIE = navigator.appName.indexOf("Microsoft") != -1;
	return (isIE) ? window[movieName] : document[movieName];
	
}

function callToActionscript(flash, str) {
	getFlashMovie(flash).sendToActionscript(str);
}

function sendToJavaScript(val)
{
	if(val == "klaar1"){
		
		
		if(geklikt == "pennenbak"){
		
			document.getElementById("dummy1").click();
			document.getElementById("pimDummy").click();
		}
		else if(geklikt == "fotolijst"){
			document.getElementById("dummy2").click();
			document.getElementById("pimDummy").click();
		}
		else if(geklikt == "werkmappen"){
			
			document.getElementById("dummy3").click();
			document.getElementById("pimDummy").click();
		}
	}
}

function sendPimKlaar2(){
	callToActionscript("flash/pim", "spring2");
}

//komt van as
function sendToNav(val)
{
	pagina = val;
	pimSpring(pagina);
}

function pimSpring(pagina){
	callToActionscript("flash/pim", "spring1");
	callToActionscript("flash/pim", pagina);
}

function sendKlaarPagina(pagina){
	
	if(pagina == "pennenbak"){
		callToActionscript("flash/contactSticker", pagina);
	}
	if(pagina == "fotolijst"){
		callToActionscript("flash/cv", pagina);
		callToActionscript("flash/briefpapier", pagina);
	}
	
}

//navigatie vraagt welk pagina flash nodig heeft

/* function getFlashMovie(movieName) {
	var isIE = navigator.appName.indexOf("Microsoft") != -1;
	return (isIE) ? window[movieName] : document[movieName];
	
}
function callToActionscript(flash, str) {
	if(getFlashMovie(flash)){
		alert("ja");
	}
	if(!getFlashMovie(flash)){
		alert("nee");
	}
	getFlashMovie(flash).sendToActionscript(str);
}

function getFromPim(value){
	gesprongen = value;
}

function sendToJavaScript(val)
{
	pagina = val;		
}

sendToPim();

function sendToPim(){
	callToActionscript("flash/index", "spring");
} */


 $(document).ready(function(){
	
/* 	
	BREEDTE HOOGTE AANPASSEN
if(screen.width <=600){
	  	$("#cssCode").attr("href", "sheet600.css");
		alert("1");
   }
   else if(screen.width >600 && screen.width <= 1024){
		$("#cssCode").attr("href", "sheet1024.css");
		alert("2");
   }
   else if(screen.width >1024 && screen.width <=1280){
		$("#cssCode").attr("href", "sheet1280.css");
		alert("3");
   }
   else if(screen.width >1280 && screen.width <=1600){
		$("#cssCode").attr("href", "sheet1600.css");
		alert("4");
   }
   //hoger dan 1600
   else{
		$("#cssCode").attr("href", "sheetHigher.css");
		alert("5");
   }
	
	alert($("#cssCode").attr("href"));
  */
	/*
	var deelcijfer = 800;
	
	
	var height = Math.round(5.45 * screen.height);
	var width = Math.round(1.0078125 * screen.width); 
	var pos1 = Math.round((500/800)* screen.height);
	var pos2 =Math.round(2.3125 * screen.height);
	var pos3 =Math.round(4.1375 * screen.height);
	
	var navHeight = Math.round((150/deelcijfer)* screen.height);
	var navWidth = Math.round((220/deelcijfer)* screen.height);
	var navRight = Math.round((100/3840)* screen.height);
	
	// alles delen door deelcijfer.
	var pimHeight = Math.round((400/deelcijfer) * screen.height);
	var pimWidth = Math.round((450/deelcijfer) * screen.height);
	var pimTop = Math.round((-73/deelcijfer) * screen.height);
	var pimLeft = Math.round((105/deelcijfer) * screen.height); 
	
	var pennenbakHeight = Math.round((500/deelcijfer)* screen.height);
	var pennenbakWidth = Math.round((550/deelcijfer)* screen.height);
	var pennenbakTop = Math.round((15/deelcijfer) * screen.height);
	var pennenbakLeft = Math.round((349/deelcijfer) * screen.height); 
	
	var contactHeight = Math.round((300/deelcijfer)* screen.height);
	var contactWidth = Math.round((550/deelcijfer)* screen.height);
	var contactTop = Math.round((-50/deelcijfer) * screen.height);
	var contactLeft = Math.round((280/deelcijfer) * screen.height); 
	
	var fotolijstHeight = Math.round((400/deelcijfer)* screen.height);
	var fotolijstWidth = Math.round((600/deelcijfer)* screen.height);
	var fotolijstTop = Math.round((770/deelcijfer) * screen.height);
	var fotolijstLeft = Math.round((58/deelcijfer) * screen.height); 
	
	var cvHeight = Math.round((170/deelcijfer)* screen.height);
	var cvWidth = Math.round((215/deelcijfer)* screen.height);
	var cvTop = Math.round((770/deelcijfer) * screen.height);
	var cvLeft = Math.round((58/deelcijfer) * screen.height); 
	
	var horlogeHeight = Math.round((130/deelcijfer)* screen.height);
	var horlogeWidth = Math.round((200/deelcijfer)* screen.height);
	var horlogeTop = Math.round((770/deelcijfer) * screen.height);
	var horlogeLeft = Math.round((58/deelcijfer) * screen.height); 
	
	var werkmappenHeight = Math.round((780/deelcijfer)* screen.height);
	var werkmappenWidth = Math.round((930/deelcijfer)* screen.height);
	var werkmappenTop = Math.round((100/deelcijfer) * screen.height);
	var werkmappenLeft = Math.round((58/deelcijfer) * screen.height); 
		
	$("#container").css("width" , width +"px");
	$("#container").css("height", height +"px");
	
 	$("#eersteVeld").css("marginTop", pos1 +"px");
	$("#tweedeVeld").css("top", pos2 +"px");
	$("#derdeVeld").css("top", pos3 +"px"); 
	
	$("#navPennenbak").css("height", navHeight +"px"); 
	$("#navPennenbak").css("width", navWidth +"px");
	$("#navPennenbak").css("marginRight", navRight +"px");	
	
	$("#navFotolijst").css("height", navHeight +"px"); 
	$("#navFotolijst").css("width", navWidth +"px");
	$("#navFotolijst").css("marginRight", navRight +"px");
	
	$("#navWerkmappen").css("height", navHeight +"px"); 
	$("#navWerkmappen").css("width", navWidth +"px");
	$("#navWerkmappen").css("marginRight", navRight +"px");
	
	
	$("#pim").css("marginTop", pimTop +"px"); 
	$("#pim").css("height", pimHeight +"px"); 
	$("#pim").css("width", pimWidth +"px"); 
	$("#pim").css("marginLeft", pimLeft +"px"); 
	
	$("#pennenbak").css("height", pennenbakHeight +"px");
	$("#pennenbak").css("width", pennenbakWidth + "px");
	$("#pennenbak").css("marginTop", pennenbakTop +"px"); 
	$("#pennenbak").css("marginLeft", pennenbakLeft +"px");
	
	$("#contactSticker").css("height", contactHeight +"px");
	$("#contactSticker").css("width", contactWidth + "px");
	$("#contactSticker").css("marginTop", contactTop +"px"); 
	$("#contactSticker").css("marginLeft", contactLeft +"px");	
	
	$("#fotolijst").css("height", fotolijstHeight +"px");
	$("#fotolijst").css("width", fotolijstWidth + "px");
	$("#fotolijst").css("marginTop", fotolijstTop +"px"); 
	$("#fotolijst").css("marginLeft", fotolijstLeft +"px");
	
	$("#horloge").css("height", horlogeHeight +"px");
	$("#horloge").css("width", horlogeWidth + "px");
	$("#horloge").css("marginTop", horlogeTop +"px"); 
	$("#horloge").css("marginLeft", horlogeLeft +"px"); 
	
	$("#werkmappen").css("height", werkmappenHeight +"px");
	$("#werkmappen").css("width", werkmappenWidth + "px");
	$("#werkmappen").css("marginTop", werkmappenTop +"px"); 
	$("#werkmappen").css("marginLeft", werkmappenLeft +"px");
	
	$("#cv").css("height", cvHeight +"px");
	$("#cv").css("width", cvWidth + "px");
	$("#cv").css("marginTop", cvTop +"px"); 
	$("#cv").css("marginLeft", cvLeft +"px");
	*/
	/*scroll pagina's*/
	//resets the page
	$("#container").scrollTo( 0 );
	$.scrollTo( 0 );
	$.scrollTo({top:$("#eersteVeld").css('top'), left:'0'}, 1000, {easing:'easeOutExpo'}, {queue:false}); 
	 
	 
	// click function
	 $('#dummy1').click(function(){
			
		if(pagina== "fotolijst"){
	 		$.scrollTo({top:$("#tweedeVeld").css('top'), left:'0'}, 2000, {easing:'easeOutExpo'}, {queue:true});

			// $('html,body').animate({scrollTop: $("#tweedeVeld").offset().top}, 'slow');
		}
		
		
		else if(pagina == "werkmappen"){
			$.scrollTo({top:$("#derdeVeld").css('top'), left:'0'},  2000, {easing:'easeOutExpo'}, {queue:true});
			 //$('html,body').animate({scrollTop: $("#derdeVeld").offset().top}, 'slow');
		}
		geklikt = "";
	});
	
	$('#dummy2').click(function(){
		 
		
		if(pagina== "pennenbak"){
			$.scrollTo({top:$("#eersteVeld").css('top'), left:'0'}, 2000, {easing:'easeOutExpo'}, {queue:true});
			 //$('html,body').animate({scrollTop: $("#eersteVeld").offset().top}, 'slow');
		}
		else if(pagina == "werkmappen"){
			$.scrollTo({top:$("#derdeVeld").css('top'), left:'0'},  2000, {easing:'easeOutExpo'}, {queue:true});
			// $('html,body').animate({scrollTop: $("#derdeVeld").offset().top}, 'slow');
		}
		geklikt = "";
	});
	
	$('#dummy3').click(function(){
		
		if(pagina== "pennenbak"){
			$.scrollTo({top:$("#eersteVeld").css('top'), left:'0'}, 2000, {easing:'easeOutExpo'}, {queue:true});
			// $('html,body').animate({scrollTop: $("#eersteVeld").offset().top}, 'slow');
		}
		else if(pagina == "fotolijst"){
			//$('html,body').animate({scrollTop: $("#tweedeVeld").offset().top}, 'slow');
			$.scrollTo({top:$("#tweedeVeld").css('top'), left:'0'}, 2000, {easing:'easeOutExpo'}, {queue:true});
		}
		geklikt = "";
	}); 
	
	$('#pimDummy').click(function(){
		if(pagina== "pennenbak"){
			$("#pim").animate({top : $("#eersteVeld").css('top')},'slow');
		}
		else if(pagina== "fotolijst"){
			$("#pim").animate({top : $("#tweedeVeld").css('top')},'slow');
		}
		else if(pagina== "werkmappen"){
			$("#pim").animate({top : $("#derdeVeld").css('top')},'slow');
		}
		$('#pim').queue(function() { 
			sendPimKlaar2();
			sendKlaarPagina(pagina);
			$(this).dequeue();
		});
	}); 
	
		// click function
	 $('#navPennenbak').click(function(){
		 geklikt = "pennenbak";
	});
	
	$('#navFotolijst').click(function(){
		geklikt = "fotolijst";
	});
	
	$('#navWerkmappen').click(function(){
		 geklikt = "werkmappen";
	}); 
});