var disappeardelay		= 500;			// Tijd in milisec.
var delayhide			= 'undifined';
var currentSubDiv		= '';
var dropDirection		= 'bottom';		// [right | bottom]
var offsetLeft			= 10;			// tussenruimte positie vanaf menu naar rechts
var offsetTop			= 0;			// tussenruimte positie vanaf menu naar beneden
	initsubMenuArr = new Array();			// detecteer of de initialisatie al gedaan is [true | false	]



function initSubmenu(pageId) {


	// Submenu background Height Fix
	sumItemDivHeight = document.getElementById('submenuItemLinkContainer_' + pageId).offsetHeight;
	document.getElementById('submenuItemLabelLeft_' + pageId).style.height = sumItemDivHeight + 'px';
	document.getElementById('submenuItemLabelMain_' + pageId).style.height = sumItemDivHeight + 'px';
	document.getElementById('submenuItemLabelRight_' + pageId).style.height = sumItemDivHeight + 'px';

	if (!initsubMenuArr[pageId]){
		
		initsubMenuArr[pageId] = true;

		// Submenu background Width Fix
		sumItemDivWidth = document.getElementById('submenuItemLinkContainer_' + pageId).offsetWidth;
		document.getElementById('submenuItemLabelBg_' + pageId).style.width = eval(sumItemDivWidth+20) + 'px';
		document.getElementById('submenuItemLabelMain_' + pageId).style.width = sumItemDivWidth + 'px';
		document.getElementById(SubDiv).style.left = (offsetLeft + document.getElementById(menuDiv).offsetLeft) + 'px';
	}
}



function menuActive(pageId) {
		document.getElementById('menuItemLabelLeft_' + pageId).className = 'menuOver_left';
		document.getElementById('menuItemLabelMain_' + pageId).className = 'menuOver_main';
		document.getElementById('menuItemLabelRight_' + pageId).className = 'menuOver_right';
		document.getElementById('menuHrefLink_' + pageId).style.color = '#3e4844';


}


function menuDeActive(pageId) {
		document.getElementById('menuItemLabelLeft_' + pageId).className = 'menu_left';
		document.getElementById('menuItemLabelMain_' + pageId).className = 'menu_main';
		document.getElementById('menuItemLabelRight_' + pageId).className = 'menu_right';
		document.getElementById('menuHrefLink_' + pageId).style.color = '#FFFFFF';
}

function submenuActive(pageId) {


	menuDiv			= 'menu_' + pageId;
	SubDiv			= 'submenu_' + pageId;
	SubItemDiv		= 'submenuitem_' + pageId;

	
	if (currentSubDiv != ''){
		if (currentSubDiv != SubDiv){
			document.getElementById(currentSubDiv).style.visibility = 'hidden';
			currentSubDiv = '';
		}
	}


	clearhidemenu(delayhide);
	if (document.getElementById(SubDiv) && document.getElementById(menuDiv)) {
		
		if (dropDirection == 'right') {
			SubMenuoffsetLeft = offsetLeft + document.getElementById(menuDiv).offsetWidth;
			document.getElementById(SubDiv).style.left = (SubMenuoffsetLeft + document.getElementById(menuDiv).offsetLeft) + 'px';
			document.getElementById(SubDiv).style.top = (offsetTop + document.getElementById(menuDiv).offsetTop) + 'px';
		} else if (dropDirection =='bottom'){
			SubMenuoffsetTop = offsetTop + document.getElementById(menuDiv).offsetHeight;
			document.getElementById(SubDiv).style.top = (SubMenuoffsetTop + document.getElementById(menuDiv).offsetTop) + 'px';
			document.getElementById(SubDiv).style.left = (offsetLeft + document.getElementById(menuDiv).offsetLeft) + 'px';

			if (document.getElementById('submenuItemLinkContainer_' + pageId)){
				initSubmenu(pageId);
			}
			
			document.getElementById(SubDiv).style.left = (offsetLeft + document.getElementById(menuDiv).offsetLeft) + 'px';

		}

		menuActive(pageId);
		document.getElementById(SubDiv).style.visibility = 'visible';
	}
}

function submenuDeActive(pageId) {

	menuDiv = 'menu_' + pageId;
	SubDiv = 'submenu_' + pageId;

	// Submenu 
	delayhidemenu(SubDiv);
	currentSubDiv = SubDiv;

	if (currentMenu != pageId) {
		menuDeActive(pageId);
	}


}




function delayhidemenu(SubDiv){
	document.getElementById(SubDiv).style.visibility='hidden';
//	delayhide=setTimeout("document.getElementById(SubDiv).style.visibility='hidden'",disappeardelay);

}

function clearhidemenu(delayhide){
	if (delayhide != "undifined") {
		clearTimeout(delayhide);
	}
}



function AddSeperator(fieldId) {

	fieldValue = document.getElementById(fieldId).value;

	if ((event.keyCode != 8) && (event.keyCode != 46) && (event.keyCode != 109) && (event.keyCode != 191)){
		if (fieldValue.length == 2 && fieldValue[1] != '-') {
			document.getElementById(fieldId).value = fieldValue + '-';
		}

		if (fieldValue.length == 5 && fieldValue[4] != '-') {
			document.getElementById(fieldId).value = fieldValue + '-';
		}
	}
}






function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}


function startArtikelSlide(divId) {

	if (!pauzeArtikelSlide[divId])
	{
	
		currentArtikel[divId] = 1;
		x = readCookie('current' + divId);
		if (x) {
			currentArtikel[divId] = parseInt(x);
		}
		artikelSlide(divId,'next');
	}
	setTimeout("startArtikelSlide('" + divId + "','next')", 6000);
}

function artikelSlide(divId, direction) {


	limit = totalArtikelen[divId];  // een getal, of netzoveel items
	if (totalArtikelen[divId] < limit) {
		limit = totalArtikelen[divId];
	}


	for(var i=1; i <= limit; i++)    {
		document.getElementById(divId + i).style.display = 'none';
	}

	if (direction == 'prev') {

		if ((currentArtikel-1) == 0) {
			currentArtikel = limit+1;
		}
		currentArtikel[divId] = currentArtikel[divId] - 1;

	}
	if (direction == 'next') {

		if ((currentArtikel[divId]+1) > limit) {
			currentArtikel[divId] = 0;
		}
		currentArtikel[divId] = currentArtikel[divId] + 1;
	}

	Effect.toggle(divId  + currentArtikel[divId],'appear');
	createCookie('current' + divId,currentArtikel[divId],1);

}


function quickOrder_updateItemRow(rowNumber) {

	var Artikelnummer 	= document.forms['quickForm']['winkelwagenItem['+rowNumber+'][Artikelnummer]'].value;
	var Aantal			= document.forms['quickForm']['winkelwagenItem['+rowNumber+'][Aantal]'].value;
	
	
	if (Artikelnummer.length > 3) {
		
		if (Aantal.length == 0 || Aantal == 0) {
			document.forms['quickForm']['winkelwagenItem['+rowNumber+'][Aantal]'].value = 1;
			Aantal = 1;
		}
		
		HTML_AJAX.replace('scriptHandler','/webshop/functions.handler.php?quickOrder=true&updateItemRow='+rowNumber+'&Artikelnummer=' + Artikelnummer + '&Aantal=' + Aantal); 
	
	}
	
	
	
}