var searchTable = {category_1: 0, category_2: 0, category_3: 0, category_4: 0};

function formURL()
{
    var url = "";
    if(searchTable.category_1 != 0)
    {
        url =  "?";
        url += "feel=" + searchTable.category_1;
    }
    if(searchTable.category_2 != 0)
    {
        url += (url.length > 0) ? "&" : "?";
        url += "life=" + searchTable.category_2;
    }
    if(searchTable.category_3 != 0)
    {
        url += (url.length > 0) ? "&" : "?";
        url += "need=" + searchTable.category_3;
    }
    if(searchTable.category_4 != 0)
    {
        url += (url.length > 0) ? "&" : "?";
        url += "with=" + searchTable.category_4;
    }
    return url;
}
function validateURL(url)
{
    return formURL() != '' ? url+formURL() : url+"?all=1";
}

function bindURL()
{
    $('#searchResult a').attr('href', function(){
        return validateURL(this.href);
    });
}

function initHover(element)
{
    $(element).bind("mouseenter",function(){
        var src = $(this).find('img').attr('src');
        $(this).find('img').attr('src', src.replace('front', 'frontProducts'));
    }).bind("mouseleave",function(){
        var src = $(this).find('img').attr('src');
        $(this).find('img').attr('src', src.replace('frontProducts', 'front'));
    });
}

$(document).ready(function(){
    $('#searchBox').find('a').click(function(event){
        event.preventDefault();
        var key = $(this).parent().parent().attr('id');
        
        if($(this).attr('class')!='active')
        {
            $(this).parent().parent().find('a').removeClass('active');
            $(this).addClass('active');

            searchTable[key] = $(this).attr('id').replace('id_','');
        }
        else
        {
            $(this).removeClass('active');
            
            searchTable[key] = 0;
        }
        
        $("#searchResult").load(validateURL(this.href), null, function(){
            tb_init('#searchResult a');
            initHover('#searchResult a');
            bindURL();
        });
    });
    
    bindURL();
    initHover('#searchResult a');
});