// DETECT BROWSERS
function Browser(){
  var ua,s,i
  ua = navigator.userAgent
  this.isIE=false; this.isMacIE=false; this.isGecko=false; this.isSafari=false; this.version=null;
  s="MSIE"
  if ((i=ua.indexOf("MSIE"))>=0){
    this.isIE=true
	if ((i=ua.indexOf("MSIE"))>=0 && (ua.indexOf("Mac"))>=0)
		this.isMacIE=true
    this.version=parseFloat(ua.substr(i+s.length))
    return
  }
  s="Gecko/"
  if ((i=ua.indexOf(s))>=0){
    this.isGecko=true
    this.version=parseInt(ua.substr(i+s.length))
    return
  }
  s="Safari/"
  if ((i=ua.indexOf(s))>=0){
    this.isSafari=true
    this.version=parseFloat(ua.substr(i+s.length))
    return
  }
}
var browser=new Browser()


// FORM COLORIZER
var alertFlashColor="#F11B1B".toLowerCase()
var alertColor="#EF7070".toLowerCase()
var focusInput="#EEEEEE".toLowerCase()
var focusButton="#B1B1B1".toLowerCase()
var mouseoverButton="#C5C5C5".toLowerCase()
function fncColorForm(){
	for(var i=0; i<document.forms.length; i++){
		theForm=document.forms[i]
		for(var ii=0; ii<theForm.length; ii++){
			theForm[ii].onfocus=fncColor;theForm[ii].onblur=fncColor;theForm[ii].onmouseover=fncColor;theForm[ii].onmouseout=fncColor}
		}
	}
function fncColor(e){
	if(!e) var e=window.event
	if(e.target) targ=e.target
	else if(e.srcElement) targ=e.srcElement
	if(targ.style.backgroundColor!==alertColor && targ.style.backgroundColor!==alertFlashColor && targ.id!=="noEffect"){
		if(e.type=='focus'){
			if(targ.type!='submit' && targ.type!='button' && targ.type!='reset')
				targ.style.backgroundColor=focusInput
			else if(targ.type=='submit' || targ.type=='button' || targ.type=='reset')
				targ.style.backgroundColor=focusButton
			}
		else if(e.type=='mouseover' && (targ.type=='submit' || targ.type=='button' || targ.type=='reset'))
			targ.style.backgroundColor=mouseoverButton
		else if(e.type=='mouseout' && (targ.type=='submit' || targ.type=='button' || targ.type=='reset'))
			targ.style.backgroundColor=''
		else if(e.type=='blur')
			targ.style.backgroundColor=''
		}
	}
// select form item
function form_selectfirst(){
if (document.forms[0]){
for (var i = 0; i<document.forms[0].elements.length; i++){
if (document.forms[0].elements[i].type != 'hidden' && document.forms[0].elements[i].disabled != 'true'){
switch (document.forms[0].elements[i].type) {
	case "hidden":
		break;
	case "text":
		document.forms[0].elements[i].select();
		document.forms[0].elements[i].click();
		break;
	case "file":
		document.forms[0].elements[i].select();
		document.forms[0].elements[i].focus();
		break;
	case "password":
		document.forms[0].elements[i].select();
		document.forms[0].elements[i].click();
		break;
	case "select-multiple":
		document.forms[0].elements[i].focus();
		break;
	case "select-one":
		document.forms[0].elements[i].focus();
		break;
	case "checkbox":
		document.forms[0].elements[i].focus();
		break;
	case "radio":
		document.forms[0].elements[i].focus();
		break;
	case "submit":
		document.forms[0].elements[i].focus();
		break;
	case "reset":
		document.forms[0].elements[i].focus();
		break;
	case "image":
		document.forms[0].elements[i].focus();
		break;
	case "button":
		document.forms[0].elements[i].focus();
		break;
}
i = document.forms[0].elements.length;
}
}
}
}

	
// DYNAMIC ONLOAD
ua=navigator.appVersion
isMac=(ua.indexOf("Mac")!=-1) ? true : false
IEmac=((document.all)&&(isMac)) ? true : false
IE4=((document.all)&&(ua.indexOf("MSIE 4.")!=-1)) ? true : false
var gSafeOnload = new Array()
function SafeAddOnload(f){
	if(IEmac&&IE4){
		window.onload=SafeOnload;gSafeOnload[gSafeOnload.length]=f}
	else if(window.onload){
		if (window.onload!=SafeOnload){
			gSafeOnload[0]=window.onload;window.onload=SafeOnload}		
		gSafeOnload[gSafeOnload.length]=f
		}
	else
		window.onload=f
	}
function SafeOnload(){
	for(var i=0;i<gSafeOnload.length;i++)
		gSafeOnload[i]()
	}



// COOKIE FUNCTIONS
/*
 * Sets a Cookie with the given name and value.
 * name       Name of the cookie
 * value      Value of the cookie
 * [expires]  Expiration date of the cookie (default: end of current session)
 * [path]     Path where the cookie is valid (default: path of calling document)
 * [domain]   Domain where the cookie is valid
 *              (default: domain of calling document)
 * [secure]   Boolean value indicating if the cookie transmission requires a
 *              secure transmission
 */
function setCookie(name, value, expires, path, domain, secure) {
	document.cookie= name + "=" + escape(value) +
		((expires) ? "; expires=" + expires.toGMTString() : "") +
		((path) ? "; path=" + path : "") +
		((domain) ? "; domain=" + domain : "") +
		((secure) ? "; secure" : "");
}

/*
 * Gets the value of the specified cookie.
 * name  Name of the desired cookie.
 * Returns a string containing value of specified cookie,
 *   or null if cookie does not exist.
 */
function getCookie(name){
	var dc = document.cookie;
	var prefix = name + "=";
	var begin = dc.indexOf("; " + prefix);
	if (begin == -1) {
		begin = dc.indexOf(prefix);
		if (begin != 0) return null;
	} else {
		begin += 2;
	}
	var end = document.cookie.indexOf(";", begin);
	if (end == -1) {
		end = dc.length;
	}
	return unescape(dc.substring(begin + prefix.length, end));
}

/*
 * Deletes the specified cookie.
 * name      name of the cookie
 * [path]    path of the cookie (must be same as path used to create cookie)
 * [domain]  domain of the cookie (must be same as domain used to create cookie)
 */
function deleteCookie(name, path, domain) {
	if (getCookie(name)) {
		document.cookie = name + "=" + 
		((path) ? "; path=" + path : "") +
		((domain) ? "; domain=" + domain : "") +
		"; expires=Thu, 01-Jan-70 00:00:01 GMT";
	}
}


// ADVANCED IMAGE POPUPS
function fncShowImage(lVal, /* img URL or link to web page */
					  lTitle, /* page title */
					  lX, /* window width */
					  lY, /* window height */
					  lVarSize, /* window can be a bit larger if there's enough room:   'no resize' or '' */
					  lImgX, /* image width:   0 or higher */
					  lImgY /* image height:   0 or higher */
					  ) {
	if (lVal.indexOf(".jpg") > 0 || lVal.indexOf(".png") > 0 || lVal.indexOf(".gif") > 0) {
		// open large image of website
		window.open(siteRoot +'popup.asp?'+ lVal +'|'+ lTitle, '', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, fullscreen=no, width='+ lX +', height='+ lY); void(0)
	} else {
		// open a website 
		var screenWidth = screen.width
		if (screenWidth > lX && lVarSize == '') {
			lX = lX + 100
		}
		window.open(lVal, '', 'toolbar=yes, location=yes, directories=no, status=yes, menubar=yes, scrollbars=yes, resizable=yes, fullscreen=no, width='+ lX +', height='+ lY); void(0)
	}
}


// SHOW/ HIDE ELEMENTS
function fncToggleShowHide(obj) {
	var el = document.getElementById(obj);
	if ( el.style.display != 'none' ) {
		el.style.display = 'none';
	}
	else {
		el.style.display = '';
	}
}








// DREAMWEAVER
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}























// VERTICAL MENU
function fncBgColor(lEl, lColor) {
	lEl.style.backgroundColor = lColor
	var fontWeight, fontColor
	if (lColor == "") {
		fontWeight = ""
		fontColor = ""
	} else {
		fontWeight = "bold"
		fontColor = "#ffffff"
	}
	lEl.childNodes[0].childNodes[0].childNodes[0].childNodes[0].style.fontWeight = fontWeight
	lEl.childNodes[0].childNodes[0].childNodes[0].childNodes[0].style.color = fontColor
}
function fncLink(lEl) {
	document.location.href = lEl.childNodes[0].childNodes[0].childNodes[0].childNodes[0].href
}
function fncSwitchCart(lEl, lImageURL) {
	if (lImageURL == "") {
		lEl.style.backgroundImage = ""
	} else {
		lEl.style.backgroundImage = "url("+ siteRoot +"Images/global/"+ lImageURL +")"
	}
}


// BROWSE PRODUCTS
function fncBgColorLeft(lEl, lColor) {
	lEl.style.backgroundColor = lColor
	var fontWeight, fontColor, triangle
	if (lColor == "") {
		fontWeight = ""
		fontColor = ""
		triangle = ""
	} else {
		fontWeight = "bold"
		fontColor = "#ffffff"
		triangle = "url("+ siteRoot +"Images/global/treeClosedWhite.gif)"
	}
	lEl.childNodes[0].childNodes[0].style.fontWeight = fontWeight
	lEl.childNodes[0].childNodes[0].style.color = fontColor
	if (lEl.childNodes[0].className == "treeClosed") {
		lEl.childNodes[0].style.backgroundImage = triangle
	}
}
function fncLinkLeft(lEl) {
	document.location.href = lEl.childNodes[0].childNodes[0].href
}




// SWITCH BETWEEN PRODUCTS
function fncLoadProduct(lGet, lFile, lEl) {
	document.location.href = lFile +"?"+ lGet +"&f_prodId="+ lEl.value
}





function fncImgPopup(lImg, lFormGroup) {
	var theImg
	if (lImg.indexOf(".gif") > 0 || lImg.indexOf(".jpg") > 0) {
		theImg = lImg
	} else {
		if (document.getElementById("f_option_"+ lFormGroup)) {
			var selectedField = $("f_option_"+ lFormGroup).selectedIndex
			if ($("OptionImageLarge_"+ lFormGroup +"_"+ selectedField).value != "") {
				theImg = "Pages/"+ $("OptionImageLarge_"+ lFormGroup +"_"+ selectedField).value
			} else {
				theImg = "Pages/"+ $("OptionImageThumb_"+ lFormGroup +"_"+ selectedField).value
			}
			//alert("OptionImageLarge_"+ lFormGroup +"_"+ selectedField)
		}
	}
	if (theImg.indexOf(".gif") > 0 || theImg.indexOf(".jpg") > 0) {
		window.open(siteRoot +'popup.asp?'+ theImg,
						'',
						'toolbar=no location=no, directories=no, status=no, menubar=no, scrollbars=no, '+
							'resizable=yes, fullscreen=no, width=100, height=100'
						)
	}
	void(0)
}





var hideNd
function fncShowCart() {
	if (!document.getElementById('cartTooltip')) {
		fncShowCart2()
	} else {
		if (document.getElementById('overDiv').style.visibility == 'hidden') {
			fncShowCart2()
		}
	}
}

function fncShowCart2() {
	clearTimeout(hideNd)
	hideNd = ""
	overlib("<div id='cartTooltip' onmouseover='fncHideCartCancel()' onmouseout='fncHideCart()'>LOADING DATA</div>", LEFT, OFFSETX, 0, OFFSETY, 0, FOLLOWMOUSE, CAPTION, "Inhoud winkelwagentje", BGCOLOR, "#6B5D29", WIDTH, 250)
	var myAjax = new Ajax.Updater(	{success: 'cartTooltip'},
									siteRoot +"includes/pageElements/cartTooltipData.asp", {
										method: 'get',
										parameters: 'f_rnd='+ Math.floor(Math.random()*999999),
										onFailure: fncError
									}
								);
	function fncError(request) {
		document.getElementById('cartTooltip').innerHTML = '<span style="color: #ff0000">ERROR LOADING DATA</span>'
	}	
}
function fncHideCart() {
	if (typeof(hideNd) == "undefined" || isNaN(hideNd) || hideNd == "") {
		hideNd = setTimeout('nd()', 3000)
	}
}
function fncHideCartCancel() {
	clearTimeout(hideNd)
	hideNd = ""
}


function fncShowLogname(lLoginName) {
	if (!document.getElementById('loggedAs')) {
		fncShowLogname2(lLoginName)
	} else {
		if (document.getElementById('overDiv').style.visibility == 'hidden') {
			fncShowLogname2(lLoginName)
		}
	}
}
function fncShowLogname2(lLoginName) {
	overlib("<div id='loggedAs'>Ingelogd als <strong>"+ lLoginName +"</strong></div>", LEFT, OFFSETX, 0, OFFSETY, 0, STICKY, BGCOLOR, "#6B5D29", TIMEOUT, 3000, RIGHT, OFFSETX, 10, HAUTO, VAUTO, WRAP)	
}

function fncGetOptionImage (lEl, lFormId) {
	var lThumb = $("OptionImageThumb"+ lFormId +"_"+ lEl.selectedIndex).value
	$('itemRequired'+ lFormId).checked = true
	if (lThumb != "") {
		$("image"+ lFormId).src = lThumb
		$("image"+ lFormId).style.visibility = "visible"
	} else {
		$("image"+ lFormId).style.visibility = "hidden"
	}
}


function fncNumberToString(lI) {
	var strNumber
	switch (lI) {
		case 0:
			strNumber = "nul"
			break;
		case 1:
			strNumber = "één"
			break;
		case 2:
			strNumber = "twee"
			break;
		case 3:
			strNumber = "drie"
			break;
		case 4:
			strNumber = "vier"
			break;
		case 5:
			strNumber = "vijf"
			break;
		case 6:
			strNumber = "zes"
			break;
		case 7:
			strNumber = "zeven"
			break;
		case 8:
			strNumber = "acht"
			break;
		case 9:
			strNumber = "negen"
			break;
		case 10:
			strNumber = "tien"
			break;
		case 11:
			strNumber = "elf"
			break;
		case 12:
			strNumber = "twaalf"
			break;
		case 13:
			strNumber = "dertien"
			break;
	}
	return strNumber
}



// unselect a radiobutton
function fncDeselect(lEl) {
	if (lEl.checked) {
		setTimeout("document.getElementById('"+ lEl.id +"').checked = false", 250)
	}
}


function fncGetProperty() {
	var theForm = document.productDetails
	for (var i=0; i<theForm.f_requiredProperty.length; i++) {
		if (theForm.f_requiredProperty[i].checked) {
			if (theForm.f_requiredProperty[i].value != "") {
				//if ($('largeProductImg')) {
					var formId = theForm.f_requiredProperty[i].id
					if ($(formId +"_img").value != "") {
						$('propertyImg').innerHTML = "<img src='"+ $(formId +"_img").value +"' style='border: 1px solid #6B7173'>"
					} else {
						$('propertyImg').innerHTML = "<div style='color: #8F9495'>Geen foto van variant beschikbaar</div>"
					}
					$("f_idOptions").value = "["+ $("id").value +"|"+ theForm.f_requiredProperty[i].value +"]"
				//}
			}
		}
	}
	//$('propertyImg').innerHTML = "<div style='color: #8F9495'>OK</div>"
}






























function fncOpenDedon() {
var breite = 1000;
var hoehe = 700;
var language = 'en' // possible values de,en
var jump = "micro";
var seite = (screen.availWidth - breite) / 2;
var oben = (screen.availHeight - hoehe) / 2;
var sStatus; sStatus =
	"resizable=no,scrollbars=yes,location=no,menubar=no,status=no,width=" + breite + ",height=" + hoehe + ",left=" + seite + ",top=" + oben;
	window.open("http://www.dedon.de/main.php?myLan=" + language + "&directJump=" + jump,"dedon",sStatus);
}