function meerinfo(n) {
	wocc = window.open('info.php?n='+n,'hofmanoccasion', 'width=800,height=600,scrollbars=yes,toolbar=no,location=no');
	wocc.focus();
}

function mailen() {
	var mstr = 'mailto:'+String.fromCharCode(77,65,73,76)+'@hof'+String.fromCharCode(77)+'a'+String.fromCharCode(78)+'.nl';
	window.location = (mstr.toLowerCase()+'?subject=Contact via de website');
}

$(document).ready(function() {
	$('#slider').show();
	setTimeout('doSlide()',1000);

	$('.hfmenu > li').bind('mouseover', hfmenu_open);
	$('.hfsubmenu > li').bind('mouseover', hfsubmenu_open);
	$('.hfmenu > li').bind('mouseout',  hfmenu_timer);
	$('.hfsubmenu > li').bind('mouseout',  hfsubmenu_timer);
});

function doSlide() {
	$('#coda-slider-1').codaSlider({
		dynamicArrows: false,
		dynamicTabs: false,
		autoSlide: true,
		autoSlideInterval: 7500,
		autoSlideStopWhenClicked: true
	});
	$('#slidernav').show(500);
}

var timeout    = 400;
var closetimer = 0;
var ddmenuitem = 0;
var closetimer2 = 0;
var ddmenuitem2 = 0;

function hfmenu_open()
{hfmenu_canceltimer();
   hfmenu_close();
   ddmenuitem = $(this).children('ul').css('visibility', 'visible');}

function hfmenu_close()
{if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function hfmenu_timer()
{closetimer = window.setTimeout(hfmenu_close, timeout);}

function hfmenu_canceltimer() {
	if(closetimer)
   {window.clearTimeout(closetimer);
      closetimer = null;}
}

document.onclick = hfmenu_close;

function hfsubmenu_open()
{hfsubmenu_canceltimer();
   hfsubmenu_close();
   ddmenuitem2 = $(this).find('ul').css('visibility', 'visible');}

function hfsubmenu_close()
{if(ddmenuitem2) ddmenuitem2.css('visibility', 'hidden');}

function hfsubmenu_timer()
{closetimer2 = window.setTimeout(hfsubmenu_close, timeout);}

function hfsubmenu_canceltimer() {
	if(closetimer2)
   {window.clearTimeout(closetimer2);
      closetimer2 = null;}
}

document.onclick = hfsubmenu_close;


var movemousePrev = true;
this.ondpreview = function(xOffset, yOffset){
	$("a.ondpreview").hover(function(e){
		this.t = this.title;
		this.title = "";
		var c = (this.t != "") ? "<br/>" + this.t : "";
		if (this.id != "") {
			$("body").append("<p id='ondpreview'><img src='"+ this.id +"' alt='Onderdeel preview' />"+ c +"</p>");
		}
		$("#ondpreview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");
    },
	function(){
		this.title = this.t;
		$("#ondpreview").remove();
    });
	if (movemousePrev) {
		$("a.ondpreview").mousemove(function(e){
			var y = e.pageY - xOffset;
			if (y<0) y = 0;
			var x = e.pageX + yOffset;
			if (x<0) x = 0;
			$("#ondpreview")
				.css("top",y + "px")
				.css("left",x + "px");
				//.append('|ey:'+e.pageY+' x:'+x);
		});
	}
};

(function(){var d=window,e=document;function f(b){var a=e.getElementsByTagName("head")[0];a||(a=e.body.parentNode.appendChild(e.createElement("head")));a.appendChild(b)}function _loadJs(b){var a=e.createElement("script");a.type="text/javascript";a.charset="UTF-8";a.src=b;f(a)}function _loadCss(b){var a=e.createElement("link");a.type="text/css";a.rel="stylesheet";a.charset="UTF-8";a.href=b;f(a)}function _isNS(b){b=b.split(".");for(var a=d,c=0;c<b.length;++c)if(!(a=a[b[c]]))return false;return true}
function _setupNS(b){b=b.split(".");for(var a=d,c=0;c<b.length;++c)a=a[b[c]]||(a[b[c]]={});return a}d.addEventListener&&typeof e.readyState=="undefined"&&d.addEventListener("DOMContentLoaded",function(){e.readyState="complete"},false);
if (_isNS('google.translate.Element')){return}var c=_setupNS('google.translate._const');c._cl='nl';c._cuc='googleTranslateElementInit';c._cac='';c._cam='';var h='translate.googleapis.com';var b=(window.location.protocol=='https:'?'https://':'http://')+h;c._pah=h;c._pbi=b+'/translate_static/img/te_bk.gif';c._pci=b+'/translate_static/img/te_ctrl3.gif';c._phf=h+'/translate_static/js/element/hrs.swf';c._pli=b+'/translate_static/img/loading.gif';c._plla=h+'/translate_a/l';c._pmi=b+'/translate_static/img/mini_google.png';c._ps=b+'/translate_static/css/translateelement.css';c._puh='translate.google.com';_loadCss(c._ps);_loadJs(b+'/translate_static/js/element/main_nl.js');})();

function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'nl',
    includedLanguages: 'nl,de,en,fr,it,es',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}

function occasionsFilter(hurl,url_prefix) {

	if (url_prefix == undefined) {

		url_prefix = "";
	}

	var select_merk = $("#select_merk"),
		select_model = $("#select_model"),
		select_brandstof = $("#select_brandstof");
		select_prijs_van = $("#select_prijs_van");
		select_prijs_tot = $("#select_prijs_tot");

	var jqxhr = jQuery.ajax({
		url: hurl + "filter/" + url_prefix,
		dataType: 'json'
	});
	jqxhr.error(function(){
		$("#occasions_search").empty().text("An error occured while loading the filter data. Please reload the page.");
	});
	jqxhr.success(function(data){

		if (data.merken != undefined) {

			filterData(hurl,select_merk,'merk',data.merken);
		}

		if (data.modellen != undefined && data.modellen == "disabled") {

			filterDisable(select_model);
		} else if (data.modellen != undefined) {

			filterData(hurl,select_model,'model',data.modellen);
		}

		if (data.brandstof != undefined && data.brandstof == "disabled") {

			filterDisable(select_brandstof);
		} else if (data.brandstof != undefined) {

			filterData(hurl,select_brandstof,'brandstof',data.brandstof);
		}

		if (data.prijs_van != undefined) {

			filterData(hurl,select_prijs_van,'prijs_van',data.prijs_van);
		}

		if (data.prijs_tot != undefined) {

			filterData(hurl,select_prijs_tot,'prijs_tot',data.prijs_tot);
		}

	});
}

function filterData(hurl,el,url_type,data) {

	el.empty();
	el.attr("disabled",false).css("opacity",1);

	jQuery.each(data.select,function(index,item){

		var decoded_value = $("<div/>").html(item.value).text();
		var decoded_text = $("<div/>").html(item.text).text();
		var option = jQuery(document.createElement("option")).text(decoded_text).val(decoded_value);
		if (item.selected != undefined && item.selected) {

			option.attr('selected',true);
		}

		el.append(option);
	});
	el.unbind("change").bind("change",function(){

		var url = url_type + ":" + el.val() + "/";

		if (url_type == "model") {

			url = 'merk:' + $("#select_merk").val() + '/' + url;
		}
		occasionsFilter(hurl,url);
	});
}

function filterDisable(el) {

	el.val('-').attr("disabled",true).css("opacity",0.4);
}
