$(document).ready(function(){

    var button = "btn";
    var panel = "pnl";
    var rangetimer;

    $("#buttons").mouseover(function(e){
        var a = e.target;
        if(a.nodeName.toLowerCase() == 'a'){
            var model = a.id.split(button)[1];
            showModel(model);
        }
    });
    $("#pnlHome").fadeIn(750);

    function showModel(model){
        if(rangetimer){ clearTimeout(rangetimer); rangetimer = null; }
        $("#panels>div").each(function(){
            var a = $(this);
            if(a[0].id != (panel+model)){
                if(a.css("display") != "none"){
                    a.fadeOut(500);
                }
            }
        });
        rangetimer = setTimeout(function(){$("#" + panel + model).fadeIn(500)},500);
    }
    
    $("#tabVideo").click(function(e){
        var a = $(this);
        if(e.target.id == "tabClick" || $(e.target).parent()[0].id == "tabClick"){
            var left = (a.css("left") == "0px") ? "-545px" : "0px";
            a.animate({
                "left" : left
            }, 1000, function(){
                if(!IE6){ // oh why oh why is ie6 such a pain?
                    var src = (a.css("left") == "0px") ? "/images/range/home-video-tab-open.png" : "/images/range/home-video-tab.png";
                    var img = (a[0].nodeName.toLowerCase() == 'img') ? a[0] : a.find("img")[0];
                    img.src = src;
                }
            });
            $f('player').pause();
        }
    }).mousemove(function(e){
        if(e.target.nodeName.toLowerCase() == 'img'){
            e.target.style.cursor = "pointer";
        }
        else if(e.target.id == 'tabClick'){
            e.target.style.cursor = "pointer";
        }
    });
    
});