var vehicleSpec = {
    toggleItems : function(id){
        var items = document.getElementById("categoriesList").getElementsByTagName("div");
        var heads = document.getElementById("categoriesList").getElementsByTagName("h4");
        if(items[id].style.display == 'none'){
            if(items[id]){ items[id].style.display = "block"; }
            if(heads[id]){ heads[id].style.backgroundImage = "url('/images/global/bg_spec_title_open.gif')"; }
        }
        else{
            if(items[id]){ items[id].style.display = "none"; }
            if(heads[id]){ heads[id].style.backgroundImage = "url('/images/global/bg_spec_title.gif')"; }
        }
    },
    closeItems : function(){
        var items = document.getElementById("categoriesList").getElementsByTagName("div");
        for(var i = 0; i < items.length; i++){
            if(items[i]){
                items[i].style.display = "none";
            }
        }
    },
    toggleModels : function(id){
        var model = document.getElementById("variants"+id);
        if(model.style.display != 'none'){
            model.style.display = 'none';
        }
        else{
            model.style.display = 'block';
        }
        return false;
    },
    setModel : function(id){
        var lists = $("div.leftFloat>div");
        for(var i = 0; i < lists.length; i++){
            if(lists[i].id != id){
                lists[i].style.display = 'none';
            }
        }
    }
}

$(document).ready(function(){
    $("#categoriesList").mousemove(function(e){
        if($(e.target).parent()[0].nodeName.toLowerCase() == 'h4'){
            e.target.style.cursor = 'pointer';
            e.target.style.textDecoration = 'underline';
        }
    }).mouseout(function(e){
        if($(e.target).parent()[0].nodeName.toLowerCase() == 'h4'){
            e.target.style.cursor = 'default';
            e.target.style.textDecoration = 'none';
        }
    }).find("h4").each(function(i){
        $(this).bind('click', {index:i}, function(e){
            vehicleSpec.toggleItems(e.data.index);
        });
    });
    $("div.leftFloat").click(function(e){
        if(e.target.nodeName.toLowerCase() == 'a' && e.target.id.split("exp").length > 1){
            vehicleSpec.toggleModels(e.target.id.split("exp")[1]);
            return false;
        }
    });
});