var previousId=-1;
var mouseOverMenuKey = ''
var isInLoop = false;

var isMainpage = false;
var scrollMainpageTimeout = 15000;
var scrollMainpageFade = 100;
var scrollMainpageCurrentItem = 0;
var scrollMainpageMaxItems = 6;
var scrollMainpageIsScrolling = false;

function nav(o,calledFromScrollMainpage) {
	//alert(o)
	isInLoop = false
	// Functie voor hoofdnavigatie.
	var number = getNumber(o.id);
	getIntroText(o.id);
	//alert( "id:" + o.id + "|previousId:"+ previousId)
	//window.status=( "id:" + o.id + "|previousId:"+ previousId)
	
	if(calledFromScrollMainpage) {
		//alert(calledFromScrollMainpage)
	} else if(scrollMainpageIsScrolling) { // Main page is aan het scrollen, maar door bezoeker onderbroken.
		if(scrollMainpageCurrentItem>0) {
			nav( document.getElementById(getKey(scrollMainpageCurrentItem)),true );
		} else {
			navOut();
		}
		scrollMainpageIsScrolling = false;
		scrollMainpageCurrentItem=0;
	}
	
	if (o.className == 'nav') { // mouseOver.
	
			mouseOverMenuKey = o.id;
			//status=('mouseover:' + o.id + '|:' + number + '|backgroundimage:' + backgroundImage)
			//o.className = "nav " + o.id;
			o.className = "nav white";
			document.getElementById('menu_'+o.id).src = 'http://www.paardekooper.nl/img/nav/menu_'+o.id+'_nl_on.gif'
			document.getElementById('menu-overlay').className = o.id;
			document.getElementById('menu-overlay').style.marginTop = (number * 19)+10 + 'px';
			document.getElementById('menu-overlay').innerHTML = '<img src="http://www.paardekooper.nl/img/nav/overlay-'+o.id+'_nl.gif" alt="">';
			
			if ( document.getElementById('content-overlay').style.display == 'none' ) {
				// Alleen indien er geen content is, dan text-overlay tonen.
				document.getElementById('text-overlay-content').innerHTML = getIntroText(o.id);
				document.getElementById('text-overlay').style.display = 'block';
			}
			if(document.getElementById('newsletter-overlay'))document.getElementById('newsletter-overlay').style.display = 'none';
			previousId = o.id
			
	} else {
		// mouseOut.
		mouseOverMenuKey = '';
		//alert('mouseout')
		o.className = "nav";	
		document.getElementById('menu_'+o.id).src = 'http://www.paardekooper.nl/img/nav/menu-zorg-'+o.id+'_nl.gif';
		document.getElementById('menu-overlay').className = '';
		document.getElementById('menu-overlay').innerHTML = '';
		document.getElementById('text-overlay').style.display = 'none';
		if(document.getElementById('newsletter-overlay'))document.getElementById('newsletter-overlay').style.display = 'block';
		previousId=-1;
	}
	
}

function navOut(id) {
//alert(' navout' )
	var o;
	if(id) {
		o = document.getElementById(id);
	} else { // Komt niet vanuit een hoofditem, maar van homepage of coorporate pagina.
		if (isMainpage && !scrollMainpageIsScrolling) { // Als het de homepage is en de pagina is niet (meer) aan het scrollen, dan scrollen aanzetten.
			if(mouseOverMenuKey!='') {
				//document.getElementById(mouseOverMenuKey).className = "nav";
			}
			scrollMainpageIsScrolling = true;
			//startScrollMainpage();
		}
		if ( document.getElementById('content-overlay').style.display == 'none' ) {
				// Alleen indien er geen content is, dan text-overlay tonen.
				document.getElementById('text-overlay-content').innerHTML = getIntroText();
				if (document.getElementById('text-overlay-content').innerHTML!='') {
					document.getElementById('text-overlay').style.display = 'block';
				}
		}
	}
	if(o) {
			var number = getNumber(o.id);
			getIntroText(o.id);
			document.getElementById('menu-overlay').className = o.id;
			document.getElementById('menu-overlay').style.marginTop = (number * 19)+10 + 'px';
			document.getElementById('menu-overlay').innerHTML = '<img src="http://www.paardekooper.nl/img/nav/overlay-'+o.id+'_nl.gif" alt="">';
	
			if (backgroundImage[0] != document.getElementById('sfeer-achtergrond').src) {
				currentOpacity = 0;
				document.getElementById('sfeer-achtergrond').src = backgroundImage[0];
				document.getElementById('sfeer-achtergrond-orna').src = 'http://www.paardekooper.nl/img/spacer.gif'
				document.getElementById('main-flippedphoto').style.backgroundImage = 'url(http://www.paardekooper.nl/uploads/multimedia/flipped_'+backgroundImage[0].substr(backgroundImage[0].lastIndexOf("/")+1) + ')'
				goFade('sfeer-achtergrond',10,40);
			}
			if(document.getElementById('newsletter-overlay'))document.getElementById('newsletter-overlay').style.display = 'none';	
	} else { // Homepage
		getIntroText('');
		if (backgroundImage[0] != document.getElementById('sfeer-achtergrond').src) {
			currentOpacity = 0;
			document.getElementById('sfeer-achtergrond').src = backgroundImage[0];
			document.getElementById('sfeer-achtergrond-orna').src = 'http://www.paardekooper.nl/img/spacer.gif'
			document.getElementById('main-flippedphoto').style.backgroundImage = 'url(http://www.paardekooper.nl/uploads/multimedia/flipped_'+backgroundImage[0].substr(backgroundImage[0].lastIndexOf("/")+1) + ')'
			goFade('sfeer-achtergrond',10,40);
		}
	}
}

var loop;
var currentBackgroundImage = 0;
var backgroundImage = '';
var loopTimeout = 1000;

function navSelected(o) {
	// Functie voor navigatie om geselecteerde hoofditem te selecteren.
	//alert('navselected');
	var number = getNumber(o.id);
	getIntroText(o.id);
	o.className = "nav white";
	document.getElementById('menu_'+o.id).src = 'http://www.paardekooper.nl/img/nav/menu_'+o.id+'_nl_on.gif'
	document.getElementById('menu-overlay-selected').className = o.id;
	document.getElementById('menu-overlay-selected').style.marginTop = (number * 19)+10 + 'px';
	document.getElementById('menu-overlay-selected').innerHTML = '<img src="http://www.paardekooper.nl/img/nav/overlay-'+o.id+'_nl.gif" alt="">';
	document.getElementById('text-overlay').style.display = 'none';
	document.getElementById('content-overlay').style.display = 'block';	
	document.getElementById('sfeer-achtergrond').src = backgroundImage[0];
	document.getElementById('main-flippedphoto').style.backgroundImage = 'url(http://www.paardekooper.nl/uploads/multimedia/flipped_'+backgroundImage[0].substr(backgroundImage[0].lastIndexOf("/")+1) + ')'
	if ( backgroundImage.length > 1 ) { // Meerdere achtergrond afbeeldingen.
		isInLoop = true
		loop = setInterval(changeBackgroundImage,2000)
	}
}

function changeBackgroundImage() {
	//alert ('currentBackgroundImage') 
	if(isInLoop) {
		currentBackgroundImage++;				
		if( currentBackgroundImage > backgroundImage.length-1 ) { currentBackgroundImage=0; } 
		//alert(currentBackgroundImage)
		currentOpacity = 0;
		document.getElementById('sfeer-achtergrond').src = backgroundImage[currentBackgroundImage];
		document.getElementById('main-flippedphoto').style.backgroundImage = 'url(http://www.paardekooper.nl/uploads/multimedia/flipped_'+backgroundImage[currentBackgroundImage].substr(backgroundImage[currentBackgroundImage].lastIndexOf("/")+1) + ')'
		goFade('sfeer-achtergrond',10,20);
		//loop = setInterval(changeBackgroundImage,2000)
	} else {
		loop = '';
	}
}

function navUnSelected() {
	// Functie voor navigatie wanneer geen hoofditem is geselecteerd.
	getIntroText();
	
		//alert('toon content blok')
		document.getElementById('text-overlay').style.display = 'none';
		document.getElementById('content-overlay').style.display = 'block';
		if(document.getElementById('newsletter-overlay')){document.getElementById('newsletter-overlay').style.display = 'none';}
	
	document.getElementById('sfeer-achtergrond').src = backgroundImage[0];
	document.getElementById('sfeer-achtergrond-orna').src = 'http://www.paardekooper.nl/img/spacer.gif'
	document.getElementById('main-flippedphoto').style.backgroundImage = 'url(http://www.paardekooper.nl/uploads/multimedia/flipped_'+backgroundImage[0].substr(backgroundImage[0].lastIndexOf("/")+1) + ')'
}

function subnav(o,objImage) {
	// Functie voor subnavigatie.
	objImage = document.getElementById(objImage); 
	var ext = objImage.src.substr((objImage.src.length-3),objImage.src.length)
	if (o.className == 'nav') { // mouseOver.
		o.className = "nav white";
		objImage.src=objImage.src.replace('.'+ext,'_on.'+ext)		
	} else { // mouseOut.
		o.className = "nav";	
		objImage.src=objImage.src.replace('_on.'+ext,'.'+ext)		
	}
}

function getNumber(key) {
	switch(key) {
		case 'luxe':
			return 1;
			break;
		case 'industrie':
			return 2;
			break;
		case 'food':
			return 3;
			break;
		case 'zorg':
			return 4;
			break;
		case 'webshop':
			return 6;
			break;
		default:
			return 1;
	}
}

function getKey(number) {
	switch(number) {
		case 1:
			return 'luxe';
			break;
		case 2:
			return 'industrie';
			break;
		case 3:
			return 'food';
			break;
		case 4:
			return 'zorg';
			break;
		case 6:
			return 'webshop';
			break;
		default:
			return '';
	}
}

function getIntroText(key) {
	backgroundImage = Array();
	switch(key) {
		case 'food':
			backgroundImage = Array();
			
							backgroundImage[0] = 'http://www.paardekooper.nl/uploads/Multimedia/file2_Supermarkt_2_636.jpg';
									 
			//backgroundImage = 'http://www.paardekooper.nl/uploads/Multimedia/file2_Supermarkt_2_636.jpg';
			return 'Food verpak je met Paardekooper.<br>De rol van verpakkingen in de food branche is groot. Die verpakking heeft niet alleen functionele eigenschappen (zoals bescherming of houdbaarheid) maar ook decoratieve.  In sectoren als de AGF, horeca, catering, GWB, brood en banket, vlees en vis worden daarom steeds hogere eisen gesteld aan verpakkingen. Paardekooper is een specialist in het dynamische foodsegment.';
			break;
		case 'luxe':
		
			
							backgroundImage[0] = 'http://www.paardekooper.nl/uploads/Multimedia/file2_cadeaupapier_2_638.jpg';
						
			//backgroundImage = 'http://www.paardekooper.nl/uploads/Multimedia/file2_cadeaupapier_2_638.jpg';
			return 'Welke eisen stelt u aan luxe verpakkingen? Hoogstwaarschijnlijk dezelfde als die wij bij Paardekooper er ook aan stellen: hoogwaardige producten, met een ruime keus in materialen en mogelijkheden. Die luxe verpakkingen vindt u bij Paardekooper. Het assortiment luxe artikelen en accessoires is heel breed. Van cadeaupapier tot mand, van wijnverpakking tot tas en van lint tot luxe doos.';
			break;
		case 'industrie':
		
			
							backgroundImage[0] = 'http://www.paardekooper.nl/uploads/Multimedia/file2_Logistiek_centrum_2_637.jpg';
						
			//backgroundImage = 'http://www.paardekooper.nl/uploads/Multimedia/file2_Logistiek_centrum_2_637.jpg';
			return 'Als industriële afnemer verwacht u van een toeleverancier van verpakkingen kennis van zaken. Een luisterend oor voor uw vragen. En vooral een praktische aanpak. Het zijn de kwaliteiten die de organisatie van Paardekooper verenigt.';
			break;
		case 'zorg':
			
							backgroundImage[0] = 'http://www.paardekooper.nl/uploads/Multimedia/file2_Mensen_in_de_zorg_465.png';
						
			//backgroundImage = 'http://www.paardekooper.nl/uploads/Multimedia/file2_Mensen_in_de_zorg_465.png';
			return 'Er verandert veel in de zorgsector. Die veranderingen hebben hun weerslag op tal van terreinen, ook op de inkoop van facilitaire producten. De eisen op het gebied van efficiency, snelheid, betrouwbaarheid en kwaliteit zijn verder omhoog geschroefd. En het is aan de toeleveranciers om daar een antwoord op te geven. Paardekooper hééft dat antwoord en kan u als toeleverancier helpen om deze op te lossen.';
			break;
		case 'webshop':
			
                       // alert(0);
							backgroundImage[0] = 'http://www.paardekooper.nl/uploads/Multimedia/file2_webshop_461.jpg';
                            
						
			//backgroundImage = 'http://www.paardekooper.nl/uploads/Multimedia/file2_webshop_461.jpg';
			return 'Eén van de speerpunten van Paardekooper is innovatie. Dit zie je niet alleen terug in ons innovatieve productaanbod, maar ook in onze geavanceerde e-shop. Binnen de e-shop zijn al onze producten duidelijk gerangschikt en zoekt u gemakkelijk uw product via de zoekfunctie. <em><STRONG>KLIK</STRONG></em> snel door en laat u inspireren om gemakkelijk en snel te bestellen zonder dat u gestoord wordt.';
			break;
		default:
			
							backgroundImage[0] = 'http://www.paardekooper.nl/uploads/Multimedia/file2_Najaarsbrochure_2010_635.jpg';
						
			//backgroundImage = 'http://www.paardekooper.nl/uploads/Multimedia/file2_Najaarsbrochure_2010_635.jpg';
			return '';
	}
}

function navigate(id,active,showSub) {
	var obj = document.getElementById(id)
	var ext = obj.src.substr((obj.src.length-3),obj.src.length)
	if(!active) {
		if(obj.src.indexOf('_on.'+ext)==-1){
			obj.src=obj.src.replace('.'+ext,'_on.'+ext)
		}else{
			obj.src=obj.src.replace('_on.'+ext,'.'+ext)
		}
	}
	if(showSub){
		ypSlideOutMenu.showMenu(id);
	}
}

function startScrollMainpage() {
	// Start het scrollen van het menu op de homepage.
	isMainpage = true;
	scrollMainpageIsScrolling = true;
	loop = setInterval(function(){scrollMainpage()},scrollMainpageTimeout)
}

function scrollMainpage() {
	// Recursieve functie die door het menu op de homepage scrollt.
	if(scrollMainpageIsScrolling) {
		if(scrollMainpageCurrentItem>0) {
			nav( document.getElementById(getKey(scrollMainpageCurrentItem)),true );
		} else {
			navOut();
		}
		scrollMainpageCurrentItem++;
        if(scrollMainpageCurrentItem==5) { scrollMainpageCurrentItem++; } // Uitzondering webshop is index 6 niet 5 !!!
		if (scrollMainpageCurrentItem>scrollMainpageMaxItems) {
			scrollMainpageCurrentItem = 0;
		}
		if(scrollMainpageCurrentItem>0) {
			nav( document.getElementById(getKey(scrollMainpageCurrentItem)),true );
		} else {
			navOut();
		}
	}
}

ypSlideOutMenu.parentMenuShow = function(thisId,otherId,state,isCurrentMain) {
	if (state == 'off') {
		if (isCurrentMain == 1) {
			document.getElementById(otherId).src=menu_states[otherId]['on'];
		} else {
			document.getElementById(otherId).src=menu_states[otherId][state];
		}
	} else {
		document.getElementById(otherId).src = menu_states[otherId][state];
	}
}