﻿$(document).ready(function() {
     $("div.outer").mouseenter(function()
     {
        displayNav(this);         
     }).mouseleave(function(){
        $(this).removeClass("selected");
        $(this).children("div.nav").removeClass("selected");
        $("div.outer div.panel").hide(); 
     });
     
     $("div.outer div.panel").mouseenter(function(){
         $(this).siblings("div.nav").addClass("selected");
         $(this).siblings("div.panel").show();      
     }).mouseleave(function(){
        $(this).siblings("div.nav").removeClass("selected");
        $("div.outer div.panel").hide(); 
     });
     
     $("div#footer div.menu-1 ul li img.red").siblings("a").click(function(){
            hideAllNavs();
            displayNav($("div.outer.red"));
            $("body,html").animate({scrollTop: 0}, 'slow');            
            return false;
        });
        
     $("div#footer div.menu-1 ul li img.green").siblings("a").click(function(){
            hideAllNavs();
            displayNav($("div.outer.green"));
            $("body,html").animate({scrollTop: 0}, 'slow');            
            return false;
        });
        
     $("div#footer div.menu-1 ul li img.orange").siblings("a").click(function(){
            hideAllNavs();
            displayNav($("div.outer.orange"));
            $("body,html").animate({scrollTop: 0}, 'slow');            
            return false;
        });
        
     $("div#footer div.menu-1 ul li img.pink").siblings("a").click(function(){
            hideAllNavs();
            displayNav($("div.outer.purple"));
            $("body,html").animate({scrollTop: 0}, 'slow');            
            return false;
        });
        
     $("div#footer div.menu-1 ul li img.aqua").siblings("a").click(function(){
            hideAllNavs();
            displayNav($("div.outer.magenta"));
            $("body,html").animate({scrollTop: 0}, 'slow');            
            return false;
        });
});

function displayNav(nav)
{
    $(nav).addClass("selected");
    $(nav).children("div.nav").addClass("selected");
    $(nav).children("div.panel").show();
}

function hideAllNavs()
{
    $("div.outer,div.outer div.nav").removeClass("selected").children("div.panel").hide();
}
    

   


