$(document).ready(function(){
    var blocktimer;
    function hideBlocks(){
        if(blocktimer){ clearTimeout(blocktimer); blocktimer = null; }
        $("#infoBoxes>div").each(function(){
            $(this).fadeOut(500);
        });    
    }
    
    function updateBlock(id){
        if(blocktimer){ clearTimeout(blocktimer); blocktimer = null; }
        var block = "block" + id.split("item")[1];
        $("#infoBoxes>div").each(function(){
            if(this.id == block){
                $("#block"+block).fadeIn(500);
                //window.alert(this.id + " " + block);
                //$(this).fadeIn(500);
            }
            else{
                $(this).fadeOut(500);
                //window.alert(this.id + " " + block);
            }
        });
        blocktimer = setTimeout(function(){$("#"+block).fadeIn(500)},250);
    }
    
    function setBlockHover(a, on){
        var pos = 0;
        //var pos = a.parent().this.style.backgroundPosition.split(" ")[0];
        if(IE){
            var elm = document.getElementById(a.parent().attr("id"));
            pos = elm.currentStyle.backgroundPositionX;
        }
        else{
            pos = a.css("background-position").split(" ")[0];
        }
        //var pos = a. css("background-position")
        //window.alert(elm.id + " " + pos + " " + on);
        if(on){
            a.css("background-position", pos + " -33px").css("color", "#ffffff");
        }
        else{
            a.css("background-position", pos + " 0px").css("color", "#595959");
        }
    }   

    $("#itemBlocks div").mouseover(function(){
        this.style.cursor = "default";
        var a = $(this);
        //var pos = a.parent().css("background-position").split(" ")[0];
        //window.alert($(this).parent().attr("id"));
        //window.alert(a.parent().css("background-position"));
        updateBlock(a.attr("id"));
        setBlockHover(a, true)
        //a.css("background-position", pos + " -81px").css("color", "#ffffff");
    }).mouseout(function(){
        var a = $(this);
        hideBlocks();
        setBlockHover(a, false)
    });
    
    hideBlocks();
});