function brandsSelected() {
        selectedValues=brandSelector.value();
        if (selectedValues=='') {
            modelGroupsSelector.disable();
            //modelsSelector.disable();
        }
        else
        {
            $.getJSON("/metasearch/getModelGroupsByBrands", { brandIds : selectedValues }, function(data) {
                modelGroupsSelector.loadData(data);
                modelGroupsSelector.enable();
                modelGroupsSelector.write();
                modelGroupsSelector.read();
                modelGroupsSelected();
            });
        }
}

function modelGroupsSelected() {
        /*
        selectedValues=modelGroupsSelector.value();
        
        if (selectedValues=='')
        {
            modelsSelector.disable();
        }
        else
        {
            $.getJSON("/metasearch/getModelsByModelGroups", { modelIds : selectedValues }, function(data) {
                modelsSelector.loadData(data);
                modelsSelector.enable();
            });
        } 
        */
}

function paramChanged() {    
}

function setExtendedLinkText()
{
    extended=$("input[name='extended']").val();
    if (extended!='1') {
        $("#extendedLink").text('uitgebreid zoeken');
    }
    else
    {
        $("#extendedLink").text('eenvoudig zoeken');
    }
}

function submitAndWait()
{   
    mode=$(":hidden[name='mode']").val();
    if (mode=='1') {           
        if (brandSelector.isOpened()){
            brandSelector.close();
        }
        if (modelGroupsSelector.isOpened()){
            modelGroupsSelector.close();
        }
    }
    submitSearch();
}

function submitSearch(){
    mode=$(":hidden[name='mode']").val();
    if (carrOpened){
        carrClose();            
    }
    if (mode=='1') {
        pleaseWaitShow();
    }
    sub('search');
}

function pleaseWaitShow() {    
    var cp = $("#pleaseWaitPanel");    
    cp.modal({        
        onShow: function() {
            // center container
            var mc = $("#modalContainer");            
            var wd = cp.width();
            var ht = cp.height();
            var lt = ($(window).width() - wd) / 2;
            var tp = ($(window).height() - ht) / 2;            
            //var tp = $(window).height() / 3 + $(window).scrollTop();
            mc.css({ position: 'absolute', left: lt + 'px', top: tp + 'px', width: wd + 'px', height: ht + 'px' });            
            animatePleaseWaitAuto();            
        }
    });
}

var animationTypes = new Array("swing", "easein", "easeout", "easeinout", "bouncein", "bounceout", "elasin", "elasout", "elasinout", "backin", "backout", "backinout");
var waitAutoLeft = true;

function animatePleaseWaitAuto() {    
    var cp = $("#pleaseWaitPanel");                               
    var wd = cp.width();
    var rt = wd - 80;
    var to;
    if (waitAutoLeft) {    
        $("#pleaseWaitAuto").css({ left: '16' });
        $("#pleaseWaitAuto").attr('src', '/gfx/wait_auto1.png');
        to = rt;
    }
    else {
        $("#pleaseWaitAuto").css({ left: rt });
        $("#pleaseWaitAuto").attr('src', '/gfx/wait_auto2.png');
        to = 16;
    }
    waitAutoLeft = !waitAutoLeft;
    // choose animation type
    // var at = animationTypes[new Date().getMilliseconds() % animationTypes.length];        
    $("#pleaseWaitAuto").animate({ left: to }, 8000, 'linear', function() {
           setTimeout('animatePleaseWaitAuto()', 1000);    
    });
}

function sub(action, param) {
    if ($("#priceMax").val()=='max'){
        $("#priceMax").val('');         
    }
    
    if ($("#priceMin").val()=='min'){
        $("#priceMin").val('');         
    }
              
    $(":input[name='actionInput']").val(action);
    $(":input[name='action']").val(action);    
    $(":input[name='param']").val(param);
    $("form").get(0).submit();          
}