// JQUERY CUSTOM COMMANDS
$(document).ready( function() {  // start javascript when document is loaded
	
	attachButtonHandling();
	
	/* MENU HOVERS */
	$('#wrapper_menu_main li, #menu_sub li').hover(function() { // IE6 does not support :hover on elements other than <a>
	    $(this).addClass('hover');
	}, function() {
	    $(this).removeClass('hover');
	});
	
	//opacity for the green bg box over the first header image
	$('#wrapper_header .color_layer').fadeTo(1, 0.60);
	
   
   
   
   
   
   
    /* ONLOAD - for small browser, let the ads be in view */
  	var ad_big_pos = $('#attention_big').position();		//store big position data
  	var ad_big_cur_left = ad_big_pos.left;
	var ad_small_pos = $('#attention_small').position();	//store small position data
   	var ad_small_cur_left = ad_small_pos.left;
	
   	if ($(window).width() < 1024 && ad_big_cur_left != 742) { 			//small size
		$('#attention_big').animate({left: 742});						//small size
	}
	if ($(window).width() < 1024 && ad_small_cur_left != -17) {			//small size
	        $('#attention_small').animate({left: -17});					//small size
	}
   
   
   /* EVENT - for small browser, let the ads be in view */
   $(window).resize(function() {							//every time the window resize
    var ad_big_pos = $('#attention_big').position();		//store big position data
    var ad_big_cur_left = ad_big_pos.left;
	var ad_small_pos = $('#attention_small').position();	//store small position data
    var ad_small_cur_left = ad_small_pos.left;

	    if ($(window).width() < 1024 && ad_big_cur_left != 742) {			//small size
	        $('#attention_big').animate({left: 742});					 	//small size
	    } else if ($(window).width() >= 1024 && ad_big_cur_left != 766) {   //big size
	        $('#attention_big').animate({left: 766});					 	//big size
	    }
		
		if ($(window).width() < 1024 && ad_small_cur_left != -17) {				//small size
	        $('#attention_small').animate({left: -17});					 		//small size
	    } else if ($(window).width() >= 1024 && ad_small_cur_left != -31) {   	//big size
	        $('#attention_small').animate({left: -31});					 		//big size
	    }
	});
   
   
   
   
   
   
	
	// RANDOM IMAGE ARRAY -> JQUERY + CYCLE EXTENTION
	var arraySize = 2;   			//aantal foto hokken	
	var waitForNextSlideTime = 4000;  	//wachttijd per slide in miliseconden --> 4000 per slide
	
	
	for (var i=1; i < (arraySize+1); i++){	   		
		bouwBlok(i)
	} 		
	
	
	function bouwBlok(blokNo) {   	//set de blokken en pauzeer
		$("#header_visuals #s"+blokNo).cycle({ 
			speed:   2000, 			//2000 for relax
			nowrap: 0				//niet herstarten == 1 --> naar slide1			
			//end: talkMaster		//wat te doen na een loop
		});	 		
		$("#header_visuals #s"+blokNo).cycle('pause'); 
	}	
	
	
	var nextCycle;
	var prevCycle = 0;
	var hoverCheck = false;	
	
	nextCycle = 2;  //for lineair
	
	function talkMaster() { 			
		if (hoverCheck == false){				
			
			// --> lineair number start				
				if (nextCycle == 2){
					nextCycle = 1;										
				}
				else {
					nextCycle = 2;					
				}
			// --> lineair number END
			
			/*
			
			// --> random number start
				nextCycle = $.randomBetween(1, arraySize)					//bedenkt een random getal	
				
				if (nextCycle == prevCycle){								//praktisch nooit 2 maal hetzelfde 'random' getal					
					nextCycle = $.randomBetween(1, arraySize)				//bedenkt een random getal					
				}	
				
				else if (nextCycle > arraySize){							//check voor problemen, > of < dan de verwachte waardes
					//alert ('nextCycle > arraySize' + nextCycle);
					nextCycle = arraySize;
				}
				else if (nextCycle < 1){	
					//alert ('nextCycle < 1' + nextCycle);
					nextCycle = 1;
				}
			// --> random number END
			*/
			
			for (var i=1; i < (arraySize+1); i++){	   					//laat alle foto hokken pauzeren en beginnen op foto positie 1 (==0)			
				//$("#header_visuals #s"+i).cycle(0);  					//not for lineair
				$("#header_visuals #s"+i).cycle('pause'); 		 
			} 	
						
			startMaster(nextCycle);	        							//start een random slide       
			prevCycle = nextCycle;					
		}	
	}	
	
	
	function startMaster(blokNo) { 										//terug naar positie 1 (==0) en ga verder (==resume)
		if (hoverCheck == false){				
			
			//$("#header_visuals #s"+blokNo).cycle(0);  					
			$("#header_visuals #s"+blokNo).cycle('resume');

			t = setTimeout(function(){
				talkMaster();	         								//start iedere x seconden de slideshow                               
			}, waitForNextSlideTime); 									// adjust your time here 			
		}		
	}
		
	
	/*
	$('#header_visuals a').hover(function() { 							//denk aan de hooft div naam
		//$(this).addClass('hover');
		hoverCheck = true;												//belangrijke check
		
		for (var i=1; i < (arraySize+1); i++){	   						//laat alle foto hokken pauzeren en beginnen op foto positie 1 (==0)			
			$("#s"+i).cycle(0);  
			$("#s"+i).cycle('pause'); 		 
		} 	
				
		$(this).parents("li").cycle(1); 								//voor list items
		$(this).parents("li").cycle('pause'); 
		clearTimeout(t); 
		
	}, function() {
		//$(this).removeClass('hover');
		hoverCheck = false;												//belangrijke check
		
		$(this).parents("li").cycle(1);
		$(this).parents("li").cycle('resume'); 
		
		talkMaster();													//herstart de cycle na een hover actie
	});	
	*/
		
	talkMaster();				
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
}); // end ready function



function attachButtonHandling() {
	/* SUB MENU ALL LINK */
	$('#menu_sub li').click(function() {
		document.location.href = $(this).find('a').attr('href');
	});
}