// JavaScript Document
var status = 0;
var timer  = new Array(9);

function openMenu(title){
	
	var style;
	var page;
	var url;
	
	if (title == 'stropdassen'){
		style = 'basic';
		page  = 'producten';
		url   = 'xml_stropdassen.php';
	}else if (title == 'winkel-info'){
		style = 'basic';
		page  = 'winkelinfo';
		url   = 'xml_winkelinfo.php';
	}else if (title == 'aanbiedingen'){
		style = 'basic';
		page  = 'aanbiedingen';
		url   = 'xml_aanbiedingen.php';
	}else if (title == 'accessoires'){
		style = 'basic';
		page  = 'accessoires';
		url   = 'xml_accessoires.php';
	}else if (title == 'contact'){
		style = 'basic';
		page  = 'contact';
		url   = 'xml_contact.php';
	}else if (title == 'algemene-voorwaarden'){
		style = 'basic';
		page  = 'voorwaarden';
		url   = 'xml_voorwaarden.php';
	}else if (title == 'privacy-statement'){
		style = 'basic';
		page  = 'privacy';
		url   = 'xml_privacy.php';
	}else if (title == 'stropdas-knopen'){
		style = 'basic';
		page  = 'stropdas-knopen';
		url   = 'xml_stropdas_knopen.php';
	}else if (title == 'klimaatdas'){
		style = 'basic';
		page  = 'klimaatdas';
		url   = 'xml_klimaatdas.php';
	}else{
		style = 'basic';
		page  = title;
		url   = 'xml_stropdassen.php';	
	}
	
	openPopup(style,page,url);
}

function setColor(color){
	var field = document.getElementById('kleur');
	if (field){
		field.value = color;	
	}
}

function setTrans(value){
	var inner = document.getElementById('innerPopup');
	var html  = document.getElementById('popupContent');
	if (inner){
		inner.style.opacity = value/10;
		inner.style.filter  = 'alpha(opacity=' + value*10 + ')';
		
		if (value > 0){
			inner.style.display = 'block';
			setFlashHeight();
		}else{
			inner.style.display = 'none';
			html.innerHTML = ' ';
			setFlashHeight();
		}
	}
}

function openPopup(style,page,url){
	
	var inner = document.getElementById('innerPopup');
	var html  = document.getElementById('popupContent');
	var trans = 1;
	var opaci = 9;
	
	html.innerHTML = ' ';
	
	for (trans = 9; trans <= opaci; trans++) {
		clearTimeout(timer[trans]);
	}
	for (trans = 9; trans <= opaci; trans++) {
		timer[trans] = setTimeout("setTrans(" + trans + ")",trans*50);
	}
	html.innerHTML = get_xml(url);
}

function closePopup(){
	
	var inner = document.getElementById('innerPopup');
	var trans = 1;
	var opaci = 9;
	
	for (trans = 1; trans <= opaci; trans++) {
		clearTimeout(timer[trans]);
	}
	for (trans = 1; trans <= opaci; trans++) {
		timer[trans] = setTimeout("setTrans(" + (opaci-trans) + ")",trans*50);
	}
}

function get_xml(url){
	var xmlhttp = false;
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			xmlhttp = false;
		}
	}

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		xmlhttp = new XMLHttpRequest();
	}

	if (xmlhttp) {
		if (xmlhttp.readyState >= 1 && xmlhttp.readyState <= 3) {
			xmlhttp.abort();
		}
		var randomnumber=Math.floor(Math.random()*99999);
		var ran_number  =Math.floor(randomnumber); 
		xmlhttp.open("GET", url, false);
		xmlhttp.send(null);
		if (xmlhttp.status==200){
			return xmlhttp.responseText;
		} else {
			alert('Kan pagina niet vinden (' + url + ')');
		}
	}
}

function ElmHeight(elmID){
	if(document.getElementById(elmID).clientHeight) {
		return document.getElementById(elmID).clientHeight;
	} else {
		if(document.getElementById(elmID).offsetHeight) {
			return document.getElementById(elmID).offsetHeight;
		}else{
			return 0;	
		}
	}
}

function ScrHeight(){
	if (self.innerHeight){
 		return self.innerHeight;
	}else if(document.documentElement && document.documentElement.clientHeight){
		return document.documentElement.clientHeight;
	}else if(document.body){
		return document.body.clientHeight;
	}	
}

function getSWF(movieName) {
  if (navigator.appName.indexOf("Microsoft") != -1){
    return window[movieName];
  }else{
        if(document[movieName].length != undefined){
             return document[movieName][1];
        }
    return document[movieName];
  }
}

function setFlashHeight(){
	var Y = parseFloat(ElmHeight('popupContent'));
		Y = Y + 150;
	var S = parseFloat(ScrHeight());
	var V = getSWF('flashBackground');
	
	//alert('content hoogte: ' + Y + ' | Beeldhoogte: ' + S + ' | Flashhoogte: ' + V.height + '');
	
	if (V){
		if (S < 500 && Y <= S){
			V.height = '500px';
		}else{
			if (Y > S){
				if (Y < 500){ Y = 500;}
				V.height = Y + 'px';
			}else{
				V.height = S + 'px';	
			}
		}
	}
}

function lightbox(pic,action){
	var bg = document.getElementById('lightboxBG');
	var ct = document.getElementById('lightboxContainer');
	var pc = document.getElementById('lightboxPic');
	
	if (bg && pc && ct){
		if (action == 'show'){
			bg.style.display = 'block';
			ct.style.display = 'block';
			pc.innerHTML = '<img src="' + pic + '" style="border: solid 10px #ffffff">';
		}else{
			bg.style.display = 'none';
			ct.style.display = 'none';
			pc.innerHTML = '<img src="images/loading.gif" alt="Stropdassenfoto aan het laden" height="32" width="32" />';
		}
	}
}

var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			   string: navigator.userAgent,
			   subString: "iPhone",
			   identity: "iPhone/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();