$(document).ready(function (){
  
    var onHover;
    var activeSelection;
    
    $("#topNav li").bind("mouseenter mouseleave", function(e){
        onHover = this.id;
        $("#topNav").toggleClass(onHover);
    });

    activeSelection = ($("#topNav li").filter(".on").attr("id"));
    $("#topNav").addClass(activeSelection);
    
    $('input:text').hint();
    
    $("#meribel-coach,#meribel-week,#meribel-flight").before("<span class='navPrepend'>The 3 Valleys:</span>");
    $("#chamonix-coach,#chamonix-week,#chamonix-flight").before("<span class='navPrepend'>Mont Blanc:</span>");
    $("#zermatt-flight").before("<span class='navPrepend'>Swiss Alps:</span>");
    checkIfOnState();
    
    // remove href=("changeHotelImage()") as it is already called on the onclick
    $("#hotelImages a").removeAttr("href");
    $("#hotelImages a").removeAttr("href");
    
});


function checkIfOnState(){
    if($("#topNav .navOn2 li:has(.on)").attr("id") == undefined){
       $("#topLevel1").addClass("on");
    }
}

function doTooltip(){};
function hideTip(){};
function tipRich(){};


function changeHotelImage(myName)
{    
    var i = "#" + myName;
    var img = "#" + myName + " img";
    var el = $(i);
    var el2 = $(img);    
    $("#hotelImages a").removeClass("on");
    $(el).addClass("on");    
    var mainImg = $(el2).attr("src");
    $(".hotelInfoMainImage").attr({
    src: mainImg
    });    
}