function InitFancySelectors(){
	modelGroupsSelector=new FancySelector();
    modelGroupsSelector.init('modelGroup',modelGroupsSelected,'modelGroupIds','simple');
    brandSelector=new FancySelector();
    brandSelector.init('merk',brandsSelected,'brandIds','enhanced');
    
    brandIds = $("#brandIds").val(); 
    modelGroupIds = $("#modelGroupIds").val();
    brandsSelected(brandIds);

}

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 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);    
    
    if(action=='uitgebreid')
    {
        if (param=='new')
        {
           $("form").get(0).action='/nieuwe-autos';
           param='';
        }
        else
           $("form").get(0).action='/occasions';
    }
    $(":input[name='param']").val(param);    
    $("form").get(0).submit();          
}
function Extend(){                                                                        
    $("form").get(2).submit();
}
$(document).ready(function(){
    $('#carrButton').bind('click', function() {
    carrOpen();
    });            
    $('#carrPanel table.carr img').click(carrClicked);
    carrRead();
    
    setExtendedLinkText();                        
   
    $('').keypress(function(e) {
        if(e.which == 13) {
            submitAndWait();
        }
    });
   
     $(":input[name='priceMin']").keypress(function(e) {
         if(e.which == 46) {
            return false;
         }
    });
    $(":input[name='priceMax']").keypress(function(e) {
        if(e.which == 46) {
            return false;
        }
    });
   
   $("#priceMax").bind("focus",function(){
        if ($(this).val()=='max'){
            $(this).val('');
        }                  
   });
   
   $("#priceMin").bind("focus",function(){
        if ($(this).val()=='min'){
            $(this).val('');
        }                  
   });
   
   $("#priceMax").bind("blur",function(){
        if ($(this).val()==''){
            $(this).val('max');
        }                  
   });
   
   $("#priceMin").bind("blur",function(){
        if ($(this).val()==''){
            $(this).val('min');
        }                  
   });                        
                             
});