var artikelThumb = "";
	var ajaxAantalLoaded = false;
	var ajaxTimerDone = false;
	
	window.onload = function(){
		//resizeBackground();
		$('div#submenuitem').slideDown('slow');
	}
	
	window.onresize = function(){
		//resizeBackground();
	}
	
	function showAjaxAantal() {
		ajaxTimerDone = true;
		if (ajaxAantalLoaded) {
			$("#aantalPlaceholder").hide();
			$("#aantalContainer").show();
		}
	}

	//WEBSHOP JQUERY
	$(document).ready(function() {
		$('#aantalField').html($('#ajaxAantalItems').attr('value'));

		$('.webshopItem').each(function() {
			$(this).click(function() {
				var link = $(this).children(".column2").children("a").attr("href");
				if (link != undefined && link != "")
					location.href = link;
			});

			$(this).hover(function() {
				//Mouse Over
				$(this).addClass("webshopItemBackground");
			}, function() {
				//Mouse Out
				$(this).removeClass("webshopItemBackground");
			});
		});

		$('#zoekInput2').each(function() {
			$(this).attr('defaultValue', $(this).attr('value'));
			$(this).focus(function() {
				if ($(this).attr('defaultValue') == $(this).attr('value')) {
					$(this).attr('value', '');
				}
			});

			$(this).blur(function() {
				if ($(this).attr('value') == "") {
					$(this).attr('value', $(this).attr('defaultValue'));
				}
			});
		});

		$('#searchPaging a').each(function() {
			$(this).click(function() {
				if ($(this).text() == "alles")
					$('#webshopShowPerPageField').attr('value', 0);
				else
					$('#webshopShowPerPageField').attr('value', $(this).text());
				$(this).addClass('activePage');
				$(this).siblings('a').removeClass('activePage');
				document.webshopFilter.submit()
			});
		});

		$('#searchPagingPage a').each(function() {
			$(this).click(function() {
				$('#webshopGoPageField').attr('value', $(this).attr('targetPage'));
				//$(this).addClass('activePage');
				//$(this).siblings('a').removeClass('activePage');
				document.webshopFilter.submit()
			});
		});

		$('.webshopArtikelImageLink, .webshopArtikelBestelLink').each(function() {
			$(this).click(function() {
				$('#webshopShowArticleField').attr('value', $(this).attr('targetArtikel'));
				document.webshopFilter.submit()
			});
		});

		$('.ajax_materiaal, .ajax_kleur, .ajax_merk, .ajax_prijs').click(function() {
			$("#aantalContainer").hide();
			$("#aantalPlaceholder").show();

			ajaxAantalLoaded = false;
			ajaxTimerDone = false;

			setTimeout("showAjaxAantal();", 1000);

			var materiaalIDs = "";
			var kleurIDs = "";
			var merken = "";
			var prijzen = "";
			var webshopSoortID = 0;

			webshopSoortID = $('#ajaxSoortID').attr('value');

			$('.ajax_materiaal').each(function() {
				var value = $(this).attr('value');
				var checked = $(this).attr("checked");
				if (value != '' && checked) {
					if (materiaalIDs != '')
						materiaalIDs += ", ";
					materiaalIDs += value;
				}
			});

			$('.ajax_kleur').each(function() {
				var value = $(this).attr('value');
				var checked = $(this).attr("checked");
				if (value != '' && checked) {
					if (kleurIDs != '')
						kleurIDs += ", ";
					kleurIDs += value;
				}
			});

			$('.ajax_merk').each(function() {
				var value = $(this).attr('value');
				var checked = $(this).attr("checked");
				if (value != '' && checked) {
					if (merken != '')
						merken += ", ";
					merken += value;
				}
			});

			$('.ajax_prijs').each(function() {
				var value = $(this).attr('value');
				var checked = $(this).attr("checked");
				if (value != '' && checked) {
					if (prijzen != '')
						prijzen += ", ";
					prijzen += value;
				}
			});

			$.post("ajax/webshop.asp", { soortID: webshopSoortID, materiaal: materiaalIDs, kleur: kleurIDs, merk: merken, prijs: prijzen }, function(data) {
				ajaxAantalLoaded = true;
				if (IsNumeric(data)) {
					$('#aantalField').html(data);
				}
				else {
					$('#aantalField').html("0");
				}
				if (ajaxTimerDone) {
					$("#aantalPlaceholder").hide();
					$("#aantalContainer").show();
				}
			});

		});
	});


	function IsNumeric(strString)
	{
		var strValidChars = "0123456789.-";
		var strChar;
		var blnResult = true;

		if (strString.length == 0) return false;

		for (i = 0; i < strString.length && blnResult == true; i++) {
			strChar = strString.charAt(i);
			if (strValidChars.indexOf(strChar) == -1) {
				blnResult = false;
			}
		}
		return blnResult;
	}


	
	function posTemp()
	{
		var numberDiv = document.getElementById("numberDiv");
		if (numberDiv)
		{
			numberDiv.style.top = document.body.scrollTop;
		}
	}
	
	function resizeBackground()
	{
		var baDiv = document.getElementById('backgroundDiv');
		var baWidth = document.body.clientWidth;
		if (baDiv)
		{
			if (baWidth > 995)
			{
				if (baWidth < 1018)
				{
					baDiv.style.width = baWidth;
				}
				else
				{
					baDiv.style.width = "1018px";
				}
			}
			else
			{
				baDiv.style.width = "995px";
			}
		}
	}
	
	
	var verdana = {
		src: 'flash/verdana.swf'
		,ratios: [7,1.32,11,1.31,13,1.24,14,1.25,19,1.23,27,1.2,34,1.19,42,1.18,47,1.17,48,1.18,69,1.17,74,1.16,75,1.17,1.16]
	};
	
	var myriad = {
		src: 'flash/Myriad-Pro.swf'
		,ratios: [7,1.32,11,1.31,13,1.24,14,1.25,19,1.23,27,1.2,34,1.19,42,1.18,47,1.17,48,1.18,69,1.17,74,1.16,75,1.17,1.16]
	};
	
	var verdanaMenu = {
		src: 'flash/verdanaMenu.swf'
		,ratios: [7,1.32,11,1.31,13,1.24,14,1.25,19,1.23,27,1.2,34,1.19,42,1.18,47,1.17,48,1.18,69,1.17,74,1.16,75,1.17,1.16]
	};
	
	var thesansbold = {
		src: 'flash/the-sans-bold.swf'
		,ratios: [7,1.32,11,1.31,13,1.24,14,1.25,19,1.23,27,1.2,34,1.19,42,1.18,47,1.17,48,1.18,69,1.17,74,1.16,75,1.17,1.16]
	};
	
	sIFR.delayCSS  = true;
	//sIFR.domains = ['roobol6.local','roobol.nl','previewzone.nl'] // Don't check for domains in this demo
	sIFR.activate(myriad, verdana, thesansbold, verdanaMenu);
	
	sIFR.replace(myriad, {
		selector: 'h1'
		,css: [
			'.sIFR-root { font-size: 20px; color: #39302f; text-transform: uppercase; }'
		]
		,wmode: 'transparent'
	});
	
	sIFR.replace(myriad, {
		selector: 'h2'
		,css: [
			'.sIFR-root { margin: 20px 0 0 0; font-size: 16px; color: #39302f; text-transform: uppercase; }'
		]
		,wmode: 'transparent'
	});
	
	sIFR.replace(verdanaMenu, {
		selector: 'h3.lijn'
		,css: [
			'.sIFR-root { font-size: 11px; color: #39302f; text-align: center; color: #39302f; }'
		]
		,wmode: 'transparent'
	});
	
	sIFR.replace(verdanaMenu, {
		selector: 'h3'
		,css: [
			'.sIFR-root { font-size: 11px; color: #39302f; text-align: center; color: #658B83; }',
			'.sIFR-root a { color: #39302f; text-decoration: none; }',
			'.sIFR-root a:hover { color: #39302f; text-decoration: underline; } '
		]
		,wmode: 'transparent'
	});
	
	sIFR.replace(verdanaMenu, {
		selector: 'h4'
		,css: [
			'.sIFR-root { margin: 0; font-size: 13px; color: #39302f; text-transform: uppercase; }'
		]
		,wmode: 'transparent'
	});
	
	function isNumberKey(evt)
	{
		var charCode = (evt.which) ? evt.which : event.keyCode
		if (charCode > 31 && (charCode < 48 || charCode > 57))
			return false;
		
		return true;
	}
	
		
	var IE = false;
	if (navigator.appName == "Microsoft Internet Explorer"){IE = true}
	if (!IE){document.captureEvents(Event.MOUSEMOVE)}
	document.onmousemove = getMouseXY;

	function getMouseXY(m){
		if (IE)	
		{
			var tmpX = event.clientX;
			var tmpY = event.clientY;
		}	
		else 	
		{
			var tmpX = m.pageX;
			var tmpY = m.pageY;
		}  
		if (!document.body.scrollTop)
		{
			var iL = document.documentElement.scrollLeft;	
			var iV = document.documentElement.scrollTop;
		}
		else 	
		{
			var iL = document.body.scrollLeft;	
			var iV = document.body.scrollTop;	
		}
		if (IE)
		{
			document.getElementById("MouseX").value = tmpX + iL;
			document.getElementById("MouseY").value = tmpY + iV;
		}
		else
		{
			document.getElementById("MouseX").value = tmpX;
			document.getElementById("MouseY").value = tmpY;
		}
  	}
	
	function showThumb(sId)
	{
		artikelThumb = sId;
		setTimeout("showThumbTrue(" + sId + ");",1000);
	}
	
	function showThumbTrue(sId)
	{
		if (artikelThumb == sId)
		{
			var htmlStr = document.getElementById('ArtikelThumb' + sId + 'Temp').innerHTML;
			var x = document.getElementById("MouseX");
			var y = document.getElementById("MouseY");
			if (x && y)
			{
				x = parseFloat(x.value) + 20;
				y = parseFloat(y.value) - 226;
			}
			else
			{
				x = 0;
				y = 0;
			}
			if (y < 0) { y = 0 };
			if (document.getElementById('ArtikelThumb'))
			{
				document.getElementById('ArtikelThumb').innerHTML = htmlStr;
				document.getElementById('ArtikelThumb').style.top = y + "px";
				document.getElementById('ArtikelThumb').style.left = x + "px";
				document.getElementById('ArtikelThumb').style.display = "block";
			}
		}
	}
	
	function hideThumb(sId)
	{
		artikelThumb ="";
		document.getElementById('ArtikelThumb').innerHTML = "";
		document.getElementById('ArtikelThumb').style.display = "none";
	}
	
	function posThumb()
	{
		var x = document.getElementById("MouseX");
		var y = document.getElementById("MouseY");
		if (x && y)
		{
			x = parseFloat(x.value) + 20;
			y = parseFloat(y.value) - 226;
		}
		else
		{
			x = 0;
			y = 0;
		}
		if (isNaN(x)) { x = 0; }
		if (isNaN(y)) { y = 0; }
		if (y < 0) { y = 0; }
			if (document.getElementById('ArtikelThumb'))
			{
				document.getElementById('ArtikelThumb').style.top = parseFloat(y)+"px";
				document.getElementById('ArtikelThumb').style.left = parseFloat(x)+"px";
				document.getElementById('ArtikelThumb').style.display = "block";
			}
	}


	function sendArtikel(sAId)
	{
		var artikel = document.getElementById("sendArtikelId");
		if (artikel)
		{
			artikel.value = sAId;
			$('div#ArtikelMail').fadeIn("normal");
			document.aMailForm.sendNaam.focus();
		}
	}
	
	function openFolder()
		{
			window.open("/magazine%5Fpdf_v2/magazine.html" ,"","scrollbars=yes,toolbar=no,width=1024,height=720,resize=yes,menubar=no,left=5,top=15");
		}
		

	function changeBackgroundColor(objDivID) {
		 document.getElementById(objDivID).style.backgroundColor = '#f1f1f1';
		}
		
	function changeBackgroundColorBack(objDivID) {
			document.getElementById(objDivID).style.backgroundColor = '';
		}	
		
	function tbTest_focus(e,o){
		if(o.firstTime){return}
		o.firstTime=true
		o.value=""
	}		


$(window).bind("load",function(){
	$(".zoekBlock").click(function(){
			if ($("#zoekHide").css("display") == "none") {
			$("#zoekHide").slideDown();
			$("#zoekImage").attr({ src: "images/webshop/webshopzoek_o.gif", alt: "" });
			} else { 
			$("#zoekHide").slideUp();
			$("#zoekImage").attr({ src: "images/webshop/webshopzoek_a.gif", alt: "" });
			}
	});															 
});