window.addEvent('domready', function()
{
	transfilter();
	
	try {
		document.execCommand("BackgroundImageCache", false, true);
	} catch(err) {}
	
	$$('.green_button').each(function(e){
		var text = e.getText();
		e.empty();
		new Element ('img', {'src': '/afbeeldingen/main_button_green_a.png', 'class': 'imgbor'}).injectInside(e);
		d=new Element ('span', {'class': 'greenbutt'}).injectInside(e);
		d.setText(text);
		new Element ('img', {'src': '/afbeeldingen/main_button_green_b.png', 'class': 'imgbor'}).injectInside(e);
		transfilter();
	});
	
	$$('#hd_top a.active').each(function(e){
		e.setStyle('background', 'url(/afbeeldingen/hd_top_'+e.getStyle("width").toInt()+'.gif) no-repeat');
		e.setStyle('color', '#666666'); e.setStyle('font-weight', 'bold');
	});
	
	var hdset = 0;
	$('hds_foc').addEvent('focus', function(){
		if(!hdset){
			$('hds_foc').setProperty('value', '');
			$('hds_foc').setStyle('color', '#696969');
			hdset=1;
		}
	});
	$('hds_submit').addEvent('click', function(){document.hds_search.submit();});
	$('hds_submit').addEvent('mouseenter', function(){this.setStyle('cursor', 'pointer');});
	
	var list = $$('#hd_menu a');
	var active = 0;
	var b_active = 0;
	var c_active = 0;
	var stillon;
	
	list.each(function(element) {
		if(element.title)
		{
			element.setProperty("titler", element.title);
			element.removeAttribute("title");
		}
		var current = element.hasClass("current");
		if(current)
		{
			new Element ('div', {'class': 'hd_menu_l', 'id': 'cullent'}).injectBefore(element);
			new Element ('div', {'class': 'hd_menu_r', 'id': 'current'}).injectAfter(element);
			element.getParent().setStyle('padding', '0');
		}
		element.getParent().addEvent('mouseenter', function(){
			$$('input').each(function(e){e.blur()});
			stillon = (function(){
				active = 1;
				cleanup();
				if(!current)
				{
					new Element ('div', {'class': 'hd_menu_l'}).injectBefore(element);
					new Element ('div', {'class': 'hd_menu_r'}).injectAfter(element);
					element.setStyle('background', 'url(/afbeeldingen/hd_menu.gif)');
					element.setStyle('color', '#006600');
				}
				element.getParent().setStyle('padding', '0');
				element.getParent().setStyle('cursor', 'pointer');
				if(element.getProperty("titler").length>0)
				{
					divy = new Element ('div', {'class': 'tooltip', 'id': 'tip_'+element.getProperty("titler")}).injectInside(document.body);
					divy.setStyle('left', $('hd_menu').getPosition()['x']-12);
					new Fx.Style(divy, 'opacity', {duration:600}).start(0,1);
					divy.addEvent('mouseenter', function(){
						active = 0;
						b_active = 1;
					});
					divy.addEvent('mouseleave', function(){
						b_active = 0;
						menu_reset(element,current);
					});
					diby = new Element('div', {'id': 'hdl_inner'}).injectInside(divy);
					divy = new Element('div', {'class': 'hd_menu_layer'}).injectInside(diby);
					divy.setHTML('Bezig het menu aan het laden...');
					new Ajax("/submenu.php?categorienaam="+element.getProperty("titler"), {method: 'get', update: divy, evalScripts: true}).request(); // the HTTPRequest

				}
			}).delay(400);
		});
		element.getParent().addEvent('mouseleave', function(){
			$clear(stillon); 
			active = 0;
			menu_reset(element,current);
		});
		element.getParent().addEvent('click', function(){ 
			location.href = element.href;
		});
		function cleanup()
		{
			$$('.tooltip').each(function(el){el.remove();});
			$$('.hd_menu_l').each(function(l){
				if(l.id!=='cullent') l.remove();
			});
			$$('.hd_menu_r').each(function(l){
				if(l.id!=='current') l.remove();
			});
			$$('#hd_menu a').each(function(el){
				if(!el.hasClass("current"))
				{
					el.getParent().setStyle('padding', '0 11px 0 11px');
					el.setStyle('background', 'url(/afbeeldingen/spacer.gif)');
					el.setStyle('color', '#e6e4cc');
				}
			});
		}
		function menu_reset(element,current)
		{
			var delay = (function() {
				if(!active&&!b_active)
				{
					if(!current)
					{
						$$('.hd_menu_l').each(function(l){
							if(l.id!=='cullent') l.remove();
						});
						$$('.hd_menu_r').each(function(l){
							if(l.id!=='current') l.remove();
						});
						element.getParent().setStyle('padding', '0 11px 0 11px');
						element.setStyle('background', 'url(/afbeeldingen/spacer.gif)');
						element.setStyle('color', '#e6e4cc');
					}
					if($('tip_'+element.getProperty("titler")))
						$('tip_'+element.getProperty("titler")).remove();
				}
			}).delay(10);
		}
	});
	
	$$('.prijskaartje').each(function(e){
		e.addEvent('mouseenter', function(){
			el = e.getElementsByTagName("span")[0];
			el.style.backgroundColor = '#fff7d5'; 
			el = e.getElementsByTagName("span")[1];
			el.style.borderBottom = '2px solid';
		});
		e.addEvent('mouseleave', function(){
			el = e.getElementsByTagName("span")[0];
			el.style.backgroundColor = '#ffeda7';
			el = e.getElementsByTagName("span")[1];
			el.style.borderBottom = '0';
		});
	});
	
	var raquet = 0;
	if($('area4'))
	{
		var slide4 = new Slider($('area4'), $('knob4'), {	
			steps: knobsteps,
			knobheight: 20,
			onComplete: function(step){
                if(raquet++>0)
                    location.href = 'http://www.hinta.nl/category.php?categoryId='+categorie+'&minPrice='+step.minpos+'&maxPrice='+step.maxpos+'&so='+volgorde+''+merk+''+filter;
            },
			onChange: function(step){
				if(step.minpos<0) step.minpos = 0;
				$('upd4').setHTML('&euro;' + step.minpos + ',-');
				$('maxupd4').setHTML('&euro;' + step.maxpos + ',-');
				relativew = $('changer4').getStyle('width').toInt() / knobsteps;
				if($('maxknob4').getPosition()['x']>$('knob4').getPosition()['x'].toInt()) 
				{
					$('changer4').setStyle('margin-left', $('knob4').getStyle('left').toInt()+9);
					$('changer4').setStyle('width', $('maxknob4').getPosition()['x'].toInt()-$('knob4').getPosition()['x'].toInt());
				} else
				{
					$('changer4').setStyle('margin-left', $('maxknob4').getStyle('left').toInt()+9);
					$('changer4').setStyle('width', $('knob4').getPosition()['x'].toInt()-$('maxknob4').getPosition()['x'].toInt());
				}
				document.getElement("input[name=prijsmin]").value = step.minpos;
				document.getElement("input[name=prijsmax]").value = step.maxpos;
			}
		
		}, $('maxknob4'));
		slide4.set(knob1, knob2);
	}
});

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
function transfilter()
{
	if ((version >= 5.5) && (document.body.filters)) 
	{
	   for(var i=0; i<document.images.length; i++)
	   {
		  var img = document.images[i]
		  var imgName = img.src.toUpperCase()
		  if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
		  {
			 var imgID = (img.id) ? "id='" + img.id + "' " : ""
			 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
			 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
			 var imgStyle = "display:inline-block;" + img.style.cssText 
			 if (img.align == "left") imgStyle = "float:left;" + imgStyle
			 if (img.align == "right") imgStyle = "float:right;" + imgStyle
			 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
			 var strNewHTML = "<span " + imgID + imgClass + imgTitle
			 + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
			 + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
			 + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
			 img.outerHTML = strNewHTML
			 i = i-1
		  }
	   }
	}
}

var minprice;
var maxprice;
var volgorde;
var filter;
var merk;
var net;


function submenu(sub,b,c,d,e,f,g)
{
	minprice = b;
	maxprice = c;
	volgorde = d;
	filter = e;
	merk = f;
	net = g;
	
	$('subshow').empty();
	var divy = new Element('div', {'class':'subber'}).injectInside($('subshow'));
	new Element('img', {'src':'/afbeeldingen/submenu_head.png'}).injectInside(divy);
	var bodie = new Element('div', {'class':'subber_body'}).injectInside(divy);
	bodie.setHTML('Bezig het menu aan het laden...');
	new Element('img', {'src':'/afbeeldingen/submenu_foot.png'}).injectInside(divy);
	transfilter();
	new Ajax("/submerk.php?cat="+sub+'&minPrice='+minprice+'&maxPrice='+maxprice+'&so='+volgorde+'&net='+net+''+filter+''+merk, {method: 'get', update: bodie, evalScripts: true}).request();
	return false;
}

var knobsteps;
var knob1;
var knob2;
var categorie;
var volgorde;
var merk;
var filter;
var relativew;
function setKnob(a,b,c,d,e,f,g)
{
	knobsteps = a;
	knob1 = b;
	knob2 = c;
	categorie = d;
	volgorde = e;
	merk = f;
	filter = g;
}


var combozindex=100

function dhtmlselect(selectid, selectwidth, optionwidth){
	var selectbox=document.getElementById(selectid)
	document.write('<div id="dhtml_'+selectid+'" class="dhtmlselect"><span id="selly">'+selectbox.options[0].text+'</span><div class="dropdown">')
	var border = '';
	for (var i=0; i<selectbox.options.length; i++)
	{
		if(i==selectbox.options.length-1) border = ' style="border-bottom: 1px solid #848484"';
		document.write('<a onclick="selly(\''+selectbox.options[i].text+'\', \''+selectbox.options[i].value+'\')"'+border+' onmouseover="this.style.background=\'#ffe469\'" onmouseout="this.style.background=\'white\'">'+selectbox.options[i].text+'</a>')
	}
	document.write('</div></div>')
	selectbox.style.display="none";
	var dhtmlselectbox=document.getElementById("dhtml_"+selectid)
	dhtmlselectbox.style.zIndex=combozindex
	combozindex--
	if (typeof selectwidth!="undefined")
		dhtmlselectbox.style.width=selectwidth
	if (typeof optionwidth!="undefined")
		dhtmlselectbox.getElementsByTagName("div")[0].style.width=optionwidth
	dhtmlselectbox.getElementsByTagName("div")[0].style.top=dhtmlselectbox.offsetHeight-2+"px"
	dhtmlselectbox.getElementsByTagName("div")[0].style.left="-1px"
	dhtmlselectbox.onmouseover=function(){
		this.getElementsByTagName("div")[0].style.display="block"
	}
	dhtmlselectbox.onmouseout=function(){
		this.getElementsByTagName("div")[0].style.display="none"
	}

}
function selly(d,e){
	$('selly').setHTML(d);
	$('hds_cat').value=e;
}