// JavaScript Document
var IE = document.all?true:false
var UserOK
var active = ''
var activeItem

function nav(obj,over) {
  if(over){
    if (obj.src.indexOf('__o')>-1){
      obj.src = obj.src.replace('__o.jpg','.jpg')
    }else{
      obj.src = obj.src.replace('.jpg','__o.jpg')
    }
  }
}

function showImage(id,img) {
	if(document.getElementById(id)) document.getElementById(id).src = img
}

function BigImage(id,qty,title) {
	if(id==1) {
	  if (document.getElementById('bigimageleft')){
		  document.getElementById('bigimageleft').style.display = 'none'
		}
	}else{
		document.getElementById('bigimageleft').innerHTML = '<a href="#" class="tb" onClick="BigImage('+(id-1)+','+qty+',\''+title+'\');return false"><img src="img/btn_leftArrow.gif" alt="vorige" hspace="20" vspace="2"/></a>'
		document.getElementById('bigimageleft').style.display = 'block'
	}
	if(document.getElementById('hidmediumimage'+id)) document.getElementById('linktobigimage').innerHTML = '<a href="#" onClick="openOverlay(\'photo\',\''+ title +'\',\''+ document.getElementById('hidbigimage'+id).value +'\',520,520);return false"><img src="img/btn_GroteFoto.gif" title="Klik hier voor een grotere versie" /></a>'
	if(document.getElementById('hidbigimage'+id)) document.getElementById('bigimage').src = document.getElementById('hidmediumimage'+id).value
	if(id==qty) {
	  if(document.getElementById('bigimageright')){
		  document.getElementById('bigimageright').style.display = 'none'
		}
	}else{
		document.getElementById('bigimageright').innerHTML = '<a href="#" class="tb" onClick="BigImage('+(id+1)+','+qty+',\''+title+'\');return false"><img src="img/btn_RightArrow.gif" alt="volgende" hspace="20" vspace="2"/></a>'
		document.getElementById('bigimageright').style.display = 'block'
	}
}

function subnav(obj,onoff) {
	activeItem = obj
	if(obj) {ext = obj.src.slice(-3)}
	
	//hide all v, select v	
	var tmpid
	var spanObj = document.getElementById('block_subnav').getElementsByTagName('IMG')
	for(var i=0; i<spanObj.length; i++) {
		if(spanObj[i].id.indexOf('check_')>-1) {
			spanObj[i].src='img/spacer.gif';
		}else{
			spanObj[i].src = spanObj[i].src.replace('__o.'+ext,'.'+ext)
		}
		
	}
	if(onoff==1){
		var id = 'check_' + obj.id
		if(document.getElementById(id)) document.getElementById(id).src='img/active.gif';
		//if(obj.src.indexOf('__o')==-1) obj.src = obj.src.replace('.'+ext,'__o.'+ext)
	}
}

function subnav_art(obj, active) {
	$(obj).parent().parent().find('.check').each(
		function(){
			if($(this).attr('id')==''){
				$(this).find('img').attr('src',PROJECT_URL + 'img/spacer.gif');
			}
	});
	if(active){
		$(obj).parent().find('img').attr('src',PROJECT_URL + 'img/active.gif');
	}
}

function getCheckboxValue(id) {
	var allInputTags = document.getElementById(id+'_group').getElementsByTagName('INPUT');
	for (var c=0; c<allInputTags.length; c++) {
		if (allInputTags[c].checked) {
			return allInputTags[c].value;
			break;
		}
	}
	return ""
}

function showBig(src) {
	document.getElementById('bigimage').src = src
}

function changeRowStyle(obj){
  if (obj.className=='rowOver'){
    obj.className='to'
    obj.style.cursor='';
  }else{
    obj.className='rowOver'
    obj.style.cursor='pointer';
  }
}

function display(id,arr) {
	if(arr!=undefined) {
		var a = arr.split(',')
		for(i=0;i<a.length;i++){
			document.getElementById(a[i]).style.display='none'
		}
	}
	var obj = document.getElementById(id).style
	if(obj.display=='none'){
		obj.display='block'
	}else{
		obj.display='none'
	}
	return false
}

function btn(obj) {
	if(obj.src.indexOf('__o')>-1){
		obj.src = obj.src.replace('__o.gif','.gif')
	}else{
		obj.src = obj.src.replace('.gif','__o.gif')
	}
}

function openSearch() {
	GB_showCenter('Zoekresultaten', 'search.asp?searchfor='+document.getElementById('searchfor').value, /* optional */ 500, 966)
}

function openOverlay(type,title,url,width,height) {
	switch(type) {
	case 'photo':
		GB_showImage(title, url)
		break
	default:
		GB_showCenter(title, url, /* optional */ height, width)
		break
	}
}

function initSIFR() {

	if(typeof sIFR == "function"){
		// header big, white
		//sIFR.replaceElement(named( {sSelector:"h1",sFlashSrc:"flash/h4.swf",sColor:"#FFFFFF",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));
		// header small, black
		sIFR.replaceElement(named( {sSelector:"h1.white",sFlashSrc:"flash/h2.swf",sColor:"#FFFFFF",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));
		sIFR.replaceElement(named( {sSelector:"h1",sFlashSrc:"flash/h2.swf",sColor:"#414141",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));		
		// header small, white	
		sIFR.replaceElement(named( {sSelector:"h3.active",sFlashSrc:"flash/h2.swf",sColor:"#C5B900",sHoverColor:"#C5B900",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));	
		sIFR.replaceElement(named( {sSelector:"h3.inactive",sFlashSrc:"flash/h2.swf",sColor:"#FFFFFF",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));	
		sIFR.replaceElement(named( {sSelector:"h3",sFlashSrc:"flash/h2.swf",sColor:"#FFFFFF",sHoverColor:"#C5B900",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));	
		// price
		sIFR.replaceElement(named( {sSelector:"span.priceBig,span.priceSmall",sFlashSrc:"flash/h2.swf",sColor:"#FFFFFF",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));	
		sIFR.replaceElement(named( {sSelector:"span.priceEuro",sFlashSrc:"flash/h2.swf",sColor:"#CCCCCC",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));
		//Price Red
		sIFR.replaceElement(named( {sSelector:"span.RedpriceBig",sFlashSrc:"flash/h2.swf",sColor:"#CC0000",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=right&offsetTop=0"}));
		sIFR.replaceElement(named( {sSelector:"span.RedpriceSmall",sFlashSrc:"flash/h2.swf",sColor:"#CC0000",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));
		//Price Grey
		sIFR.replaceElement(named( {sSelector:"span.GreypriceBig",sFlashSrc:"flash/h2.swf",sColor:"#999999",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=right&offsetTop=0"}));
		sIFR.replaceElement(named( {sSelector:"span.GreypriceSmall",sFlashSrc:"flash/h2.swf",sColor:"#999999",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));
		//Submenu items
		sIFR.replaceElement(named( {sSelector:"span.subMenuActive",sFlashSrc:"flash/h2.swf",sColor:"#C5B900",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));
		sIFR.replaceElement(named( {sSelector:"span.subMenu",sFlashSrc:"flash/h2.swf",sColor:"#FFFFFF",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));		
		
		sIFR.replaceElement(named( {sSelector:"li.white",sFlashSrc:"flash/h2.swf",sColor:"#FFFFFF",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));		
		sIFR.replaceElement(named( {sSelector:"span.whiteSmall",sFlashSrc:"flash/h2.swf",sColor:"#FFFFFF",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));		
		sIFR.replaceElement(named( {sSelector:"li.green",sFlashSrc:"flash/h2.swf",sColor:"#bcb332",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));		
		
	};
}

function updateSIFR() {
	
	if(typeof sIFR == "function"){

		// header small, black
		sIFR.replaceElement(named( {sSelector:"h2",sFlashSrc:"flash/h2.swf",sColor:"#414141",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));
		// price
		sIFR.replaceElement(named( {sSelector:"span.priceBig,span.priceSmall",sFlashSrc:"flash/h2.swf",sColor:"#FFFFFF",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));	
		sIFR.replaceElement(named( {sSelector:"span.priceEuro",sFlashSrc:"flash/h2.swf",sColor:"#CCCCCC",sWmode:"transparent",sCase:"upper",nPaddingTop:0,nPaddingBottom:0,sFlashVars:"textalign=left&offsetTop=0"}));
		
	};
}

function countChars(id,qty) {
	var obj = document.getElementById(id)
	obj.onclick=function(){document.getElementById('cntChars').innerHTML = qty - obj.value.length}
	obj.onkeyup=function(){
		document.getElementById('cntChars').innerHTML = qty - obj.value.length; 
		if (obj.value.length >= qty){
			document.getElementById(id).value=document.getElementById(id).value.substring(0,qty)
		}
	}
	document.getElementById('cntChars').innerHTML = qty - obj.value.length
}

function load(scriptName) {
	var scriptElem = document.createElement('link'); 
	scriptElem.setAttribute('href',scriptName); 
	scriptElem.setAttribute('type','text/css'); 
	scriptElem.setAttribute('rel','stylesheet'); 
	document.getElementsByTagName('head')[0].appendChild(scriptElem); 	
}

function loadWmv(container,filename){
	var container = document.getElementById(container)
	if (container){
		var str = '<' + 'OBJECT ID="MediaPlayer1" width="320" height="285" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,02,902" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">'
		var str = '<'+ 'PARAM NAME="FileName" VALUE="' + filename + '">'
		var str = '<'+ 'PARAM NAME="animationatStart" VALUE="true">'
		var str = '<'+ 'PARAM NAME="transparentatStart" VALUE="false">'
		var str = '<'+ 'PARAM NAME="autoStart" VALUE="true">'
		var str = '<'+ 'PARAM NAME="showControls" VALUE="true">'
		var str = '<'+ 'EMBED type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" SRC="' + filename +'" name="MediaPlayer1" width="320" height="285" AutoStart="true">'
		var str = '<'+ '/EMBED>'
		var str = '<'+ '/OBJECT>'
	}
}

function placeCheck(obj){
    var imgStr = '<img src="img/active.gif" alt="" />';
    obj.find('.check').each(function(){
        $(this).html(imgStr);
    });
    
}

function showMsgCont(title,msg){
    var strObj = '#msgBox';
    $(strObj).center(true);
    
    $(strObj).find('#title').each(function(){        
        $(this).html(title)
        $(this).css('background-color','#e5e5e5');
        $(this).css('margin','4px 4px 0px 4px');
        $(this).css('padding','7px');
        $(this).css('font-weight','bold');
    });
    $(strObj).find('#body').each(function(){
        $(this).html(msg);
        $(this).css('background-color','#FFFFFF');
        $(this).css('margin','0px 4px 4px 4px');
        $(this).css('padding','7px');
    });
    
		$(strObj).css('z-index',500);
		$(strObj).css('width','400px');
		$(strObj).css('position','absolute');
		$(strObj).css('background-color','#0e97c8');
    $(strObj).show();
    
    setTimeout("$('#msgBox').hide(500)",2000)
    
}