
function builddialog(){

        $(".dialogerror").each(function(){$(this).addClass("ui-helper-hidden");});
        
               $("#advancedsearch").click(function(){
                $("#searchdialog").removeClass('ui-helper-hidden').dialog("open");});
 
            var $dia= $("#searchdialog")
                .dialog({
                    autoOpen:false,
                    title: 'Advanced Search',
                    width: 650,
                    height: 475,
                    modal:true
                });
                
            $("#acceptsearchbutton")
                .button()
                .click(function(){
                        if(validated()){
                            accept();
                        }
                    });
                
            $("#cancelsearchbutton")
                .button()
                .click(function(){$("#searchdialog").dialog("close")});
               
            $("#sizeslider")
                .slider({
                    range:true,
                    min:40,
                    max:63,
                    values: [ 40, 63 ],
                    slide:function(event, ui){
                       $('#sizetext').text("Diagonal " + ui.values[ 0 ] +"mm to "+ ui.values[ 1 ] +"mm ");
                    },
                    create:function(event,ui){
                        $('#sizetext').text("Diagonal " + 40+"mm to "+63+"mm ");
                    },
                    change: function(event, ui){
                        $('#sizetext').text("Diagonal " + ui.values[ 0 ] +"mm to "+ ui.values[ 1 ] +"mm ");
                    }
                    
                });
                
            $("#depthslider")
                .slider({
                    disabled:true,
                    range:true,
                    min:10,
                    max:40,
                    values: [ 10, 40 ],
                    slide:function(event, ui){
                        $('#depthtext').text("Depth "+ ui.values[ 0 ] +"mm to "+ ui.values[ 1 ] +"mm ");
                    },
                    create:function(event,ui){
                        $('#depthtext').text("Depth "+10+" to "+40+"mm --- avaliable 20th november");
                    },
                    change:function(event, ui){
                        $('#depthtext').text("Depth "+ ui.values[ 0 ] +"mm to "+ ui.values[ 1 ] +"mm --- avaliable 20th november");
                    }
                });
                
                $("#brandsclear")
                    .button()
                    .click(function(){$("#brandoptions input").attr("checked",false);});
                    
                $("#brandsall")
                    .button()
                    .click(function(){$("#brandoptions input").attr("checked",true);});
                    
                $("#coloursclear")
                    .button()
                    .click(function(){$("#colouroptions input").attr("checked",false);});
                    
                $("#coloursall")
                    .button()
                    .click(function(){$("#colouroptions input").attr("checked",true);});
                    
                $("#frontsclear")
                    .button()
                    .click(function(){$("#frontoptions input").attr("checked",false);});
                    
                $("#frontsall")
                    .button()
                    .click(function(){$("#frontoptions input").attr("checked",true);});
                    
                $("#rimsclear")
                    .button()
                    .click(function(){$("#rimoptions input").attr("checked",false);});                   
               
              
               
                $("#rimsall")
                    .button()
                    .click(function(){$("#rimoptions input").attr("checked",true);});
                    
                    
               getCookies();     
      
}

function validated(){
    $(".dialogerror").each(function(){$(this).addClass("ui-helper-hidden");});
    var allok=true;
    if($("#genderoptions input:checked").length==0){
        $("#gendererror").removeClass("ui-helper-hidden");
        allok=false;
    }
    if($("#colouroptions input:checked").length==0){
        $("#colourerror").removeClass("ui-helper-hidden");
        allok=false;
    }
   // if($("#brandoptions input:checked").length==0){
   //     $("#branderror").removeClass("ui-helper-hidden");
   //     allok=false;
   // }
    if($("#frontoptions input:checked").length==0){
        $("#fronterror").removeClass("ui-helper-hidden");
        allok=false;
    }  
    
    if($("#rimoptions input:checked").length==0){
        $("#rimerror").removeClass("ui-helper-hidden");
        allok=false;
    } 
    
    if($("#advancedsizeslider").slider("option","min")==$("#advancedsizeslider").slider("option","values")[0] &
        $("#advancedsizeslider").slider("option","max")==$("#advancedsizeslider").slider("option","values")[1] &
        $("#advanceddepthslider").slider("option","min")==$("#advanceddepthslider").slider("option","values")[0] &
        $("#advanceddepthslider").slider("option","max")==$("#advanceddepthslider").slider("option","values")[1] &
        $("#genderoptions input").length == $("#genderoptions input:checked").length &
        $("#colouroptions input").length == $("#colouroptions input:checked").length &
        $("#brandoptions input").length == $("#brandoptions input:checked").length &
        $("#frontoptions input").length == $("#frontoptions input:checked").length &
        $("#rimoptions input").length == $("#rimoptions input:checked").length
    ){
        allok=false;
        alert("Please change one of the filters or cancel the search")
    }
    
    return allok;
}

function accept(){

    var filters = [];

    //size filter//
    var val = $("#sizeslider").slider("option","values");
    if( val[0] > $("#sizeslider").slider("option","min") ){
        filters.push(["searchsizelower",val[0]]);
    }
    if( val[1] < $("#sizeslider").slider("option","max") ){
        filters.push(["searchsizehigher",val[1]]);
    }
    
    //depth filter
    val = $("#depthslider").slider("option","values");
        if( val[0] > $("#depthslider").slider("option","min") ){
        filters.push(["searchdepthlower",val[0]]);
    }
    if( val[1] < $("#depthslider").slider("option","max") ){
        filters.push(["searchdepthhigher",val[1]]);
    }
    
    //gender filter
    if($("#genderoptions input").length > $("#genderoptions input:checked").length){
        $("#genderoptions input:checked").each(function(){
            filters.push(["searchgender",$(this).attr("value")]);
        })
    }

    //colour filter
    if($("#colouroptions input").length > $("#colouroptions input:checked").length){
        $("#colouroptions input:checked").each(function(){
            filters.push(["searchcolour",$(this).attr("value")])
        })
    }
    
    //brand filter
    if ($("#brandoptions input").length > $("#brandoptions input:checked").length){
         $("#brandoptions input:checked").each(function(){
             filters.push(["searchbrand",$(this).attr("value")])
         });
    }

    //front material filter
    if($("#frontoptions input").length > $("#frontoptions input:checked").length){
        $("#frontoptions input:checked").each(function(){
            filters.push(["searchmaterial",$(this).attr("value")])
        });
    }
   
    //rim filter
    if($("#rimoptions input").length > $("#rimoptions input:checked").length){
        $("#rimoptions input:checked").each(function(){
            filters.push(["searchrim",$(this).attr("value")])
        });
    }
   
    $("#searchdialog").dialog("close");
    $("#noresult").addClass("ui-helper-hidden");
    
    
    if($("#brandinface").is(":checked")){$.cookie('brandinface',true,{expires: 1});}else{$.cookie('brandinface',false,{expires: 1});}

    setCookies();

    searching(filters);
    return;
}

function setCookies(){
    $.cookie('sizel',$("#sizeslider").slider("option","values")[0],{expires: 1});
    $.cookie('sizeh',$("#sizeslider").slider("option","values")[1],{expires: 1});
    $.cookie('depthl',$("#depthslider").slider("option","values")[0],{expires: 1});
    $.cookie('depthh',$("#depthslider").slider("option","values")[1],{expires: 1});
    
    $.cookie('brandinface',$("#brandinface").is(":checked"),{expires:1});
    $.cookie('brandny',$("#brandny").is(":checked"),{expires:1});
    $.cookie('brandhk',$("#brandhk").is(":checked"),{expires:1});
    $.cookie('brandlulu',$("#brandlulu").is(":checked"),{expires:1});
    $.cookie('brandtiteuf',$("#brandtiteuf").is(":checked"),{expires:1});
    $.cookie('brandarrow',$("#brandarrow").is(":checked"),{expires:1});
    $.cookie('brandarmonie',$("#brandarmonie").is(":checked"),{expires:1});
    $.cookie('brandmorel',$("#brandmorel").is(":checked"),{expires:1});
    
    $.cookie('colourblack',$("#colourblack").is(":checked"),{expires:1});
    $.cookie('colourgold',$("#colourgold").is(":checked"),{expires:1});
    $.cookie('colourgrey',$("#colourgrey").is(":checked"),{expires:1});
    $.cookie('colourbrown',$("#colourbrown").is(":checked"),{expires:1});
    $.cookie('colourblue',$("#colourblue").is(":checked"),{expires:1});
    $.cookie('colourpurple',$("#colourpurple").is(":checked"),{expires:1});
    $.cookie('colourpink',$("#colourpink").is(":checked"),{expires:1});
    $.cookie('colourred',$("#colourred").is(":checked"),{expires:1});
    $.cookie('colourgreen',$("#colourgreen").is(":checked"),{expires:1});
    $.cookie('colourorange',$("#colourorange").is(":checked"),{expires:1});
    
   
    $.cookie('frontmetal',$("#frontmetal").is(":checked"),{expires:1});
    $.cookie('frontacetate',$("#frontacetate").is(":checked"),{expires:1});
    $.cookie('fronttitanium',$("#fronttitanium").is(":checked"),{expires:1});
    
    $.cookie('rimfull',$("#rimfull").is(":checked"),{expires:1});
    $.cookie('rimnylon',$("#rimnylon").is(":checked"),{expires:1});
    $.cookie('rim3pce',$("#rim3pce").is(":checked"),{expires:1});
    $.cookie('rimhalf',$("#rimhalf").is(":checked"),{expires:1});
    
    $.cookie('gendermale',$("#gendermale").is(":checked"),{expires:1});
    $.cookie('genderfemale',$("#genderfemale").is(":checked"),{expires:1});
    
    
    return;
}

function getCookies(){

    if($.cookie('sizel')!==null){ $("#sizeslider").slider("values",0,depthl=$.cookie('sizel'))}
    if($.cookie('sizeh')!==null){$("#sizeslider").slider("values",1,$.cookie('sizeh'))}
    if($.cookie('depthl')!==null){ $("#depthslider").slider("values",0,depthl=$.cookie('depthl'))}
    if($.cookie('depthh')!==null){$("#depthslider").slider("values",1,$.cookie('depthh'))}
        
    $("#brandinface").attr("checked",$.cookie('brandinface')=="true");
    $("#brandny").attr("checked",$.cookie('brandny')=="true");
    $("#brandhk").attr("checked",$.cookie('brandhk')=="true");
    $("#brandlulu").attr("checked",$.cookie('brandlulu')=="true");
    $("#brandtiteuf").attr("checked",$.cookie('brandtiteuf')=="true");
    $("#brandarrow").attr("checked",$.cookie('brandarrow')=="true");
    $("#brandarmonie").attr("checked",$.cookie('brandarmonie')=="true");
    $("#brandmorel").attr("checked",$.cookie('brandmorel')=="true");
    
    $("#colourblack").attr("checked",($.cookie('colourblack')=="true"));
    $("#colourgold").attr("checked",($.cookie('colourgold')=="true"));
    $("#colourgrey").attr("checked",($.cookie('colourgrey')=="true"));
    $("#colourbrown").attr("checked",($.cookie('colourbrown')=="true"));
    $("#colourblue").attr("checked",($.cookie('colourblue')=="true"));
    $("#colourpurple").attr("checked",($.cookie('colourpurple')=="true"));
    $("#colourpink").attr("checked",($.cookie('colourpink')=="true"));
    $("#colourred").attr("checked",($.cookie('colourred')=="true"));
    $("#colourgreen").attr("checked",($.cookie('colourgreen')=="true"));
    $("#colourorange").attr("checked",($.cookie('colourorange')=="true"));
    
    
    $("#frontmetal").attr("checked",($.cookie('frontmetal')=="true"));
    $("#frontacetate").attr("checked",($.cookie('frontacetate')=="true"));
    $("#fronttitanium").attr("checked",($.cookie('fronttitanium')=="true"));
    
    $("#rimfull").attr("checked",($.cookie('rimfull')=="true"));
    $("#rimnylon").attr("checked",($.cookie('rimnylon')=="true"));
    $("#rim3pce").attr("checked",($.cookie('rim3pce')=="true"))
    $("#rimhalf").attr("checked",($.cookie('rimhalf')=="true"))
    
    $("#gendermale").attr("checked",($.cookie('gendermale')=="true"))
    $("#genderfemale").attr("checked",($.cookie('genderfemale')=="true"))
    
    return;
}


