function doscrolls(){

if (document.all && document.getElementById){

document.body.style.scrollbarFaceColor="#EFEFEF";

document.body.style.scrollbarArrowColor="#647AAD";

document.body.style.scrollbarHighlightColor="#FFFFFF";

document.body.style.scrollbar3dlightColor="#FFFFFF";

document.body.style.scrollbarDarkshadowColor="#FFFFFF";

document.body.style.scrollbarTrackColor="#FFFFFF";

document.body.style.scrollbarShadowColor="#FFFFFF";

}
}
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj, aantal){
	if(document.getElementById){
		
	/*var act = document.getElementById("arrow");
	act.style.display ="none";
	var act1 = document.getElementById("active");
	act1.style.background ="#2491c8";*/
	getal = obj.substring(4);
	for (var j=1; j<=aantal; j++){
		if(document.getElementById("arrow"+j)){
				var stt = document.getElementById("arrow"+j); 	
				stt.style.display = "none";
				var str = document.getElementById("color"+j);
				str.style.background="#85c538";
				if(document.getElementById("sub_"+j)){
					al=document.getElementById("sub_"+j);
					al.style.display = "none";
				//document.write(j);
				}
		}
		
	}
	
	var act2 = document.getElementById("arrow" + getal );
	act2.style.display ="block";
	var str = document.getElementById("color"+getal);
	str.style.background="#a6d547";
	var el = document.getElementById(obj);  //sub1
	var ar = document.getElementById("masterdiv").getElementsByTagName("div"); //alle spans
	if(el){
		if(el.style.display != "block"){ 
			for (var i=0; i<ar.length; i++){
				if (ar[i].className=="submenu") 
				ar[i].style.display = "none";
			}
			el.style.display = "block";
		}else{
			el.style.display = "none";
		}
	}
	
	}
}

function closeMenu(){
	if(document.getElementById){
	var ar = document.getElementById("masterdiv").getElementsByTagName("div"); //alle spans
			for (var i=0; i<ar.length; i++){
				if (ar[i].className=="submenu") 
				ar[i].style.display = "none";
			}
		}
	
}



function enhanceCheckboxes() {

// finds every checkbox on the page
// and converts it to a graphical version
  
  // find all input controls:
  var els=document.getElementsByTagName("input");
  
  // for each input element...
  for(var i=0; i < els.length; i++) {
      

    if (els[i].type=='checkbox') { // its a checkbox
  
      // hide the original checkbox control:  
      els[i].style.display='none';
      
      // create the graphical alternative:
      var img = document.createElement("img");
      
      // initial state of graphical checkbox 
      // is the same as the original checkbox:
       
      if (els[i].checked) {
       
        //img.src="/CheckboxChecked.gif.gif";
        img.src="/images/checkbox_checked.gif";
        img.title="Checked";
      }
      else {
      
        //img.src="/CheckboxUnchecked.gif";
        img.src="/images/checkbox.gif";
        img.title="Unchecked";
      } 
      
      // assign our onclick event 
      img.onclick= toggleCheckbox;
      
      // insert the new, clickable image into the DOM
      // infront of the original checkbox:
      
      els[i].parentNode.insertBefore(img, els[i]);
      
    }  
  
  }
 

}


function toggleCheckbox() {

// graphical checkbox onclick event handler
  
  // toggle the checkbox state:
  
  if (this.title == "Checked") {

    // toggle the image and title:  
   
    //this.src="/CheckboxUnchecked.gif";
    this.src="/images/checkbox.gif";
    this.title="Unchecked";
    
    // update the hidden real checkbox to match the state of the graphical 
    // version:
    this.nextSibling.checked=false;
    
  }
  else {
  
    // toggle the image and title:  
    
    //this.src="/CheckboxChecked.gif";
    this.src="/images/checkbox_checked.gif";
    this.title="Checked";

    // update the hidden real checkbox to match the state of the graphical 
    // version:
    this.nextSibling.checked=true;
    
  }

}
function EnhanceRadio() {

  // add popup links to all lookup fields

  var els=document.getElementsByTagName("input");

  for(var i=0; (el=els[i]); i++) {
  
    if (el.type == "radio") {
    
      el.style.display='none';

      var img=document.createElement("img");
      if (el.checked) {
       
       
        img.src="/images/radio_wineon.gif";
        img.title="Checked";
      }
      else {
      
      
        img.src="/images/radio_wineoff.gif";
        img.title="Unchecked";
      } 
      //img.setAttribute("src", "/RadioboxUnchecked.gif");
     // img.setAttribute("src", "/images/radiobutton.gif");
     // img.setAttribute("alt", "Unchecked");
      img.onclick= toggleRadio;
      el.onchange=toggleRadio;
      
      el.parentNode.insertBefore(img, el);
          
    }

  }
    
}

function toggleRadio() {

// graphical checkbox onclick event handler
  
  // toggle the checkbox state:

  this.nextSibling.checked=true;
  
  els=this.parentNode.parentNode.getElementsByTagName("input");
  
  for(var i=0; (el=els[i]); i++) {
  
    if (el.type == "radio") {
    
      if(el.checked) {
      
        //el.previousSibling.setAttribute("src", "/RadioboxChecked.gif");
        el.previousSibling.setAttribute("src", "/images/radio_wineon.gif");
        
      }
      else {
        //el.previousSibling.setAttribute("src", "/RadioboxUnchecked.gif");
        el.previousSibling.setAttribute("src", "/images/radio_wineoff.gif");
      }

    }

  }
  
}
var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no";

win=window.open(mypage,myname,settings);

win.focus();
}

function relTags() {

	if (document.getElementsByTagName) {
	
		var anchors = document.getElementsByTagName( "a" );
		
		for (var loop = 0; loop < anchors.length; loop++) {
			
			var anchor = anchors[loop];
			if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") {
				anchor.target = "_blank";
			}
		}
	}
}
 


 
window.onload = function() {

	relTags();
	doscrolls();
  enhanceCheckboxes();
  EnhanceRadio();
  if (navigator.appVersion.indexOf("6.")!=-1)  {parseStylesheets()};
  if (navigator.appVersion.indexOf("5.5")!=-1)  {parseStylesheets()};
}

var currentSheet, doc = window.document;
function parseStylesheets() {
	var sheets = doc.styleSheets, l = sheets.length;
	for(var i=0; i<l; i++) 
		parseStylesheet(sheets[i]);
}
	function parseStylesheet(sheet) {
		var l, rules, imports;
		if(sheet.imports) {
			imports = sheet.imports, l = imports.length;
			for(var i=0; i<l; i++) 
				parseStylesheet(sheet.imports[i]);
		}

		rules = (currentSheet = sheet).rules, l = rules.length;
		for(var j=0; j<l; j++) parseCSSRule(rules[j]);
	}

	function parseCSSRule(rule) {
		var select = rule.selectorText, style = rule.style.cssText;
		if(!((/\b(([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):hover/i).test(select) || (/\b((([^ ]+)?)|(([^#.][^ ]+)+)):unknown/i).test(select))) return;
		
		var newSelect = select.replace(/(\.([a-z0-9_-]+):hover)|(:hover)/g, '.$2onHover');
		var hasClass = (/(\.([a-z0-9_-]+):hover)/g).exec(select);
		var className = (hasClass? hasClass[2]:'') + 'onHover';
		var affected = select.replace(/:hover.*$/g, '');
		var elements = getElementsBySelect(affected);
		
		currentSheet.addRule(newSelect, style);
		for(var i=0; i<elements.length; i++)
			new HoverElement(elements[i], className);
			
		var newSelect = select.replace(/(\.([a-z0-9_-]+):unknown)|(:unknown)/g, '.$2onFocus');
		var hasClass = (/(\.([a-z0-9_-]+):unknown)/g).exec(select);
		var className = (hasClass? hasClass[2]:'') + 'onFocus';
		var affected = select.replace(/:unknown.*$/g, '');
		var elements = getElementsBySelect(affected);
		
		currentSheet.addRule(newSelect, style);
		for(var i=0; i<elements.length; i++)
			new FocusElement(elements[i], className);
	}

function HoverElement(node, className) {
	if(!node.hovers) node.hovers = {};
	if(node.hovers[className]) return;
	node.hovers[className] = true;
	node.attachEvent('onmouseover',
		function() { node.className += ' ' + className; });
	node.attachEvent('onmouseout',
		function() { node.className = 
			node.className.replace((new RegExp('\\s+'+className)),''); });
}

function FocusElement(node, className) {
	if(!node.focuses) node.focuses = {};
	if(node.focuses[className]) return;
	node.focuses[className] = true;
	node.attachEvent('onfocus',
		function() { node.className += ' ' + className; });
	node.attachEvent('onblur',
		function() { node.className = 
			node.className.replace((new RegExp('\\s+'+className)),''); });
}

function getElementsBySelect(rule) {
	var parts, nodes = [doc];
	parts = rule.split(' ');
	for(var i=0; i<parts.length; i++) {
		nodes = getSelectedNodes(parts[i], nodes);
	}	return nodes;
}
	function getSelectedNodes(select, elements) {
		var result, node, nodes = [];
		var classname = (/\.([a-z0-9_-]+)/).exec(select);
		var identify = (/\#([a-z0-9_-]+)/).exec(select);
		var tagName = (/^[a-z0-9]+/i).exec(select.toUpperCase()) || '*';
		for(var i=0; i<elements.length; i++) {
			result = elements[i].getElementsByTagName(tagName);
			for(var j=0; j<result.length; j++) {
				node = result[j];
				if((identify && node.id != identify[1]) || (classname && !(new RegExp('\\b' +
					classname[1] + '\\b').exec(node.className)))) continue;
				nodes[nodes.length] = node;
			}
		}	return nodes;
	}
	
function showWin(x) { 
  var test = document.getElementById('form_menu'+ x);
  test.style.display = "block";
}
function closeWin(x) {
  var test = document.getElementById('form_menu'+x);
  test.style.display = "none";
}   
function showCal(x) { 
  var test = document.getElementById('cal'+ x);
  test.style.display = "block";
}
function closeCal(x) {
  var test = document.getElementById('cal'+x);
  test.style.display = "none";
}   
function showForm(x) { 
  var test = document.getElementById('wineform');
  var formc = document.getElementById('closeform');
  var formo = document.getElementById('openform');
  test.style.display = "block";
  formc.style.display = "block";
  formo.style.display = "none";
  
}
function closeForm(x) {
  var test = document.getElementById('wineform');
  var formc = document.getElementById('closeform');
  var formo = document.getElementById('openform');
  test.style.display = "none";
  formo.style.display = "block";
  formc.style.display = "none";
}   
function showCountry(x) { 
  var land = document.getElementById('land'+ x);
  var test = document.getElementById('country'+ x);
  if(test.style.display == "none") {
       test.style.display  = "block";
  }
  else{
  test.style.display = "none";
  }
 
  if(land.style.backgroundImage == "url(/images/wijn_off.gif)") {
       land.style.backgroundImage = "url(/images/wijn_on.gif)";
     //  land.style.color= "#a6d647";
  }
  else{
  land.style.backgroundImage = "url(/images/wijn_off.gif)";
  //land.style.color= "#fff";
  }
}
function showPrice() { 
  var land = document.getElementById('price');
  var test = document.getElementById('pricelist');
  if(test.style.display == "none") {
       test.style.display  = "block";
  }
  else{
  test.style.display = "none";
  }
 
  if(land.style.backgroundImage == "url(/images/wijn_off.gif)") {
       land.style.backgroundImage = "url(/images/wijn_on.gif)";
       land.style.color= "#a6d647";
  }
  else{
  land.style.backgroundImage = "url(/images/wijn_off.gif)";
  land.style.color= "#fff";
  }
}

/****************************************************
*  IMAGE POPUP ADVANCED                             *
*****************************************************/
function showImage(photo,width,height,caption) {
var wrapWidth = width + 50;
var wrapHeight= height + 50;

//get browser height/width and scroll positions
var scroll_array= getScrollXY();
var size_array=alertSize();

myleft=(screen.width)?(size_array[0]-wrapWidth)/2:100;
mytop=(screen.height)?(size_array[1]-wrapHeight)/2:100;
myleft+=scroll_array[0];
mytop+=scroll_array[1];
//document.write(myleft+ ''+mytop);
var i = document.getElementById('imageBlock');
i.style.left=myleft+"px";
i.style.top=mytop+"px";
photo.onload=i.style.display="none";
i.innerHTML = "<div id=\"wrapper\" style=\"width:" + wrapWidth + "px;height:" + wrapHeight + "px;z-index:100;\"><div class=\"closemer\" style=\"height:25px !important;\"><a href=\"javascript:loaderClose();\" style=\"color:#15475e; font-size:12px; float:right; font-family: Arial, sans-serif; text-transform:uppercase; margin:5px 10px; \" title=\"sluit dit venster\">x</a></div><div class=\"largeImage\"><a href=\"javascript:loaderClose();\" class=\"imageClose\"><img src=\"http://www.drankenservice-vdm.be/images/uploaded_vdm/" + photo + "\" width=\"" + width +"\" height=\"" + height +"\" alt=\"close\" title=\"sluiten\" id=\"largeImage\" /></a><div style=\" font-family: verdana; font-size:11px; color:#15475e;font-weight:bold;text-align:center;line-height:1.8em; \">"+ caption +"</div></div></div>";
//i.innerHTML = "<img src=\"http://test.909.be/images/uploaded/" + photo + "\" width=\"" + width +"\" height=\"" + height +"\" alt=\"$photo\" id=\"largeImage\" /></a>";
i.style.display='block';
i.style.opacity="1.0";


}

function loaderClose() {
var loader = document.getElementById('loader');
//loader.innerHTML = "";
//loader.style.display='none';
var p = document.getElementById('imageBlock');
p.style.display='none';
p.style.opacity="0";
}

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

///getsize of window

function alertSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
 return[ myWidth , myHeight];

}

function changeColor(x){
	//prompt(x);
	var i = document.getElementById(x);
	prompt(i);
	i.style.color="#0000FF";	
}