$(document).ready(function() {
    
    $.ajaxSetup({
       contentType: "application/json; charset=utf-8",
       dataType: "json"
    });

   $("select#search2").change(function() {
    $.ajax({
        url: "/custom/autotypes.php?kenmerkcat=25&merk="+this.value,
        success: function(data) {
            data = data.results
            $("#search25").html("<option>- Maak een keuze -</option>");
            for (var x in data) {
                    var dataItem = {};
                    dataItem = data[x];
                    $("#search25").html($("#search25").html()+"<option value= '"+dataItem.id+"'>"+dataItem.kopregel+"</option>");
            }            
        } 
    });
    $.ajax({
        url: "/custom/autotypes.php?kenmerkcat=21&merk="+this.value,
        success: function(data) {
            data = data.results
            $("#search21").html("<option>- Maak een keuze -</option>");
            for (var x in data) {
                    var dataItem = {};
                    dataItem = data[x];
                    $("#search21").html($("#search21").html()+"<option value= '"+dataItem.id+"'>"+dataItem.kopregel+"</option>");
            }            
        } 
    });    
    $.ajax({
        url: "/custom/autotypes.php?kenmerkcat=17&merk="+this.value,
        success: function(data) {
            data = data.results
            $("#search17").html("<option>- Maak een keuze -</option>");
            for (var x in data) {
                    var dataItem = {};
                    dataItem = data[x];
                    $("#search17").html($("#search17").html()+"<option value= '"+dataItem.id+"'>"+dataItem.kopregel+"</option>");
            }            
        } 
    });    
   });
   
   $("#doIt").click(function() {
       $.getJSON("/custom/postcode.php?postcode="+$("#q").val(), 
        function(data) {
                $("#results").html("<strong>Kies uw dealer</strong>:<br/>");
            for (var i = 0; i < data.length; i++) {
                $("#results").append("<div class='dealeroverzicht'><label for=\"field"+i+"\">"+data[i]["kopregel"]+", "+data[i]["adres"]+", "+data[i]["postcode"]+", "+data[i]["plaats"]+"</label><input type=\"radio\" name=\"field\" value=\""+data[i]["id"]+"\"/></div>");
            };
        });
   }); 
   
   $(".refines").change(function() {
        document.location=$(this).val();
   });
});

var old = null;
function goToHome(){
    window.location = "/";
}
function clearField(field, text) {
    if (field.value == text) {
        field.style.color = "#000000";
        field.value = "";
    } else if (field.value == "") {
        field.style.color = "#AAAAAA";
        field.value = text;
    }
}
function searchTyre(){
    var form = document.searchTyreFRM;
    var location = "";
    if(form["search33"].selectedIndex > 0 && form["search34"].selectedIndex > 0 && form["search4"].selectedIndex > 0 && form["search12"].selectedIndex > 0){
        location = "/1,"+form["search33"].value+","+form["search34"].value+","+form["search4"].value+","+form["search12"].value;
        location = trim(location,",");

        document.location = "/refine"+location;
    }
    else{
        alert("U dient de verplichte velden in te vullen.");
    }
    return false;
}

function searchRim(){
    var form = document.searchRimFRM;
    var location = "";
    if(form["search37"].selectedIndex > 0 && form["search2"].selectedIndex > 0 && form["search25"].selectedIndex > 0){
        location = "/109,"+form["search37"].value+","+form["search2"].value+","+form["search25"].value;
        location = trim(location,",");

        document.location = "/refine"+location;
    }
    else{
        alert("U dient de verplichte velden in te vullen.");
    }
    return false;
}

function searchCarpointDakdragers(){
    var form = document.searchRimFRM;
    var location = "";
    if(form["search2"].selectedIndex > 0 && form["search21"].selectedIndex > 0){
        location = "/18498,4896,"+form["search2"].value+","+form["search21"].value;
        location = trim(location,",");

        document.location = "/refine"+location;
    }
    else{
        alert("U dient de verplichte velden in te vullen.");
    }
    return false;
}
function searchKinderzitjes(){
    var form = document.searchRimFRM;
    var location = "";
    if(form["search41"].selectedIndex > 0 && form["search15"].selectedIndex > 0){
        location = "/17962,"+form["search41"].value+","+form["search15"].value;
        location = trim(location,",");

        document.location = "/refine"+location;
    }
    else{
        alert("U dient de verplichte velden in te vullen.");
    }
    return false;
}
function searchFietsendragersUni(){
    var form = document.searchRimFRM;
    var location = "";
    if(form["search20"].selectedIndex > 0 && form["search2"].selectedIndex > 0){
        location = "/18501,17938,"+form["search20"].value+","+form["search2"].value;
        location = trim(location,",");

        document.location = "/refine"+location;
    }
    else{
        alert("U dient de verplichte velden in te vullen.");
    }
    return false;
}
function searchFietsendragersThule(){
    var form = document.searchRimFRM;
    var location = "";
    if(form["search20"].selectedIndex > 0 && form["search2"].selectedIndex > 0 && form["search17"].selectedIndex > 0){
        location = "/18501,18521,"+form["search20"].value+","+form["search2"].value+","+form["search17"].value;
        location = trim(location,",");

        document.location = "/refine"+location;
    }
    else{
        alert("U dient de verplichte velden in te vullen.");
    }
    return false;
}
function trim (str, charlist) {
    var whitespace, l = 0,
        i = 0;
    str += '';

    if (!charlist) {
        whitespace = " \n\r\t\f\x0b\xa0\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u2028\u2029\u3000";
    } else {
        charlist += '';
        whitespace = charlist.replace(/([\[\]\(\)\.\?\/\*\{\}\+\$\^\:])/g, '$1');
    }

    l = str.length;
    for (i = 0; i < l; i++) {
        if (whitespace.indexOf(str.charAt(i)) === -1) {
            str = str.substring(i);
            break;
        }
    }

    l = str.length;
    for (i = l - 1; i >= 0; i--) {
        if (whitespace.indexOf(str.charAt(i)) === -1) {
            str = str.substring(0, i + 1);
            break;
        }
    }

    return whitespace.indexOf(str.charAt(0)) === -1 ? str : '';
}
function submitenter(field,e){
    var keycode;
    if (window.event) keycode = window.event.keyCode;
    else if (e) keycode = e.which;
    else return true;

    if (keycode == 13){
        field.form.submit();
        return false;
    }
    else
        return true;
}
function mouseOverWithDisplayNone(id){
    if(old){
        document.getElementById(old).style.display = "none";
    }
    document.getElementById(id).style.display = "block";
    old = id;
}
function mouseOutWithDisplayNone(id){
    document.getElementById(id).style.display = "none";
}
function layerOpen(layer){
    var oldStyle = document.getElementById(layer).style.display.toString();

    if(old!=null){
        document.getElementById(old).style.display = "none";
        document.getElementById("link"+old).className = "";
    }
    
    if(old==null || (document.getElementById(layer) && oldStyle != "block")){
        document.getElementById(layer).style.display = "block";
        document.getElementById("link"+layer).className = "active";
        old=layer;
    }
}
function sameHeight(){
    var hoogte  = null;
    var lis     = document.getElementsByClassName("itemcell");
    
    for(var i=0;i<lis.length;i = i+2){
        if(lis[i+1]){
            hoogte  = lis[i].clientHeight>hoogte?lis[i].clientHeight:hoogte;
            hoogte  = lis[i+1].clientHeight>hoogte?lis[i+1].clientHeight:hoogte;

            lis[i].style.height = hoogte+"px";
            lis[i+1].style.height = hoogte+"px";
            hoogte  = null;
        }
        else{
            hoogte  = lis[i].clientHeight>hoogte?lis[i].clientHeight:hoogte;
            lis[i].style.height = hoogte+"px";
        }
    }
    
}
document.getElementsByClassName = function(clsName){
    var retVal = new Array();
    var elements = document.getElementsByTagName("*");
    for(var i = 0;i < elements.length;i++){
        if(elements[i].className.indexOf(" ") >= 0){
            var classes = elements[i].className.split(" ");
            for(var j = 0;j < classes.length;j++){
                if(classes[j] == clsName){
                    retVal.push(elements[i]);
                }
            }
        } else if(elements[i].className == clsName){
            retVal.push(elements[i]);
        }
    }
    return retVal;
}

function showPicture(_e,content){
    var layer       = document.getElementById("__ballon");
    if(content != "" && layer){
        var e           = window.event? window.event : _e;
        var d           = (document.compatMode && document.compatMode!="BackCompat" && document.body.scrollTop==0)? document.documentElement : document.body;

        var y 	= e.clientY + d.scrollTop+5;
        var x 	= e.clientX + d.scrollLeft+5;
        var tHeight	= y+layer.clientHeight;
        var vHeight	= document.body.clientHeight;
        var tWidth	= x+layer.clientWidth;
        var vWidth	= document.body.clientWidth;

        if(tHeight > vHeight){
            y 	= parseInt(e.clientY) + parseInt(d.scrollTop) - parseInt(layer.clientHeight)+25;
        }
        if(tWidth > vWidth){
            x 	= parseInt(e.clientX) + parseInt(d.scrollLeft) - parseInt(layer.clientWidth)-10;
        }
        layer.innerHTML = content;
        layer.style.top=y+"px";
        layer.style.left=x+"px";
        layer.style.display="block";
    }
}
function dragPicture(_e){
    var layer       = document.getElementById("__ballon");
    if(layer){
        var e           = window.event? window.event : _e;
        var d           = (document.compatMode && document.compatMode!="BackCompat" && document.body.scrollTop==0)? document.documentElement : document.body;

        var y 	= e.clientY + d.scrollTop+5;
        var x 	= e.clientX + d.scrollLeft+5;
        var tHeight	= y+layer.clientHeight;
        var vHeight	= document.body.clientHeight;
        var tWidth	= x+layer.clientWidth;
        var vWidth	= document.body.clientWidth;

        if(tHeight > vHeight){
            y 	= ((e.clientY + d.scrollTop)-layer.clientHeight )+25;
        }
        if(tWidth > vWidth){
            x 	= ((e.clientX + d.scrollLeft)-layer.clientWidth )-10;
        }

        layer.style.top=y+"px";
        layer.style.left=x+"px";
        layer.style.display="block";
    }
}

function hidePicture(){
    var layer       = document.getElementById("__ballon");
    if(layer){
        layer.style.display = "none";
    }
}