$(document).ready(function(){
    $(".TopMenu .Tab").hover(
        function(){$(this).addClass("TabHover");},
        function(){$(this).removeClass("TabHover")}
    )
    $(".LeftTabs .Tab a").hover(
        function(){$(this).addClass("LeftTabHover");},
        function(){$(this).removeClass("LeftTabHover")}
    )
    
    
    $(".RaodTab").hover(
        function(){$("#RoadSubMenu").show();},
        function(){$("#RoadSubMenu").hide()}
    )
    
    $(".SubMenuTab").hover(
        function(){$(this).addClass("SubMenuTabHover");},
        function(){$(this).removeClass("SubMenuTabHover")}
    )
    
    
    
    
    $(".Links .Link a").hover(
        function(){$(this).addClass("LeftTabHover");},
        function(){$(this).removeClass("LeftTabHover")}
    )
    $("."+page).addClass("TabOn");
    
    var width = screen.width - 120;
    $("#test").animate({"left": "+="+width+"px"}, 7200);
    
    $("#test").animate({"left": "+=780px"}, 1200);
    
    
    setInterval("rotate.changeImage('next')", 5000);
})

function ShowAnswer(obj)
{
    if( $($($(obj).parent()).next()).is(':visible') )
        $($(obj).parent()).next().hide("puff");
    else
        $($(obj).parent()).next().show("puff");
}
function ShowMoreDetails()
{
    $(".MoreDetailsContainer").slideDown(3500);
}

function HideMoreDetails()
{
    $(".MoreDetailsContainer").slideUp(2500);
}

function ShowMoreDetails_2()
{
    $(".MoreDetailsContainer_2").slideDown(3500);
}

function HideMoreDetails_2()
{
    $(".MoreDetailsContainer_2").slideUp(2500);
}


function ShowMoreDetailsClass(className)
{
    $("." + className).slideDown(3500);
}
function HideMoreDetailsClass(className)
{
    $("." + className).slideUp(2500);
}