/* image slideshow */



var mainPictureSrc;

var mainPictureAlt;

$(function () {

    mainPictureSrc = $('#mainPicture').attr('src');

    mainPictureAlt = $('#mainPicture').attr('alt');

});



function SwitchMainPicture(src, alt) {

    //$("#mainPicture").animate({ "opacity": "0" }, 300);

    $('#mainPicture').attr('src', src);

    $('#mainPicture').attr('alt', alt);

    $('#mainPicture').attr('title', alt);

    //$("#mainPicture").animate({ "opacity": "100" }, 10);

}



$(function () {

    $('.thumbnail').mouseover(function () {

        var src = $(this).attr('src').replace('-TH', '');

        var alt = $(this).attr('alt');

        SwitchMainPicture(src, alt);

    });

});



$(function () {

    $('.thumbnail').mouseout(function () {

        //SwitchMainPicture(mainPictureSrc);

    });

});



/* menu buttons */

$(function () {

    // BUTTONS

    $('.fg-button').hover(

    		function () { $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },

    		function () { $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }

    	);



    // MENUS    	

    $('#menuHome').menu({

        content: $('#menuHome').next().html(), // grab content from this page

        showSpeed: 250

    });

    $('#menuAccommodation').menu({

        content: $('#menuAccommodation').next().html(), // grab content from this page

        showSpeed: 250

    });

    $('#menuTariff').menu({

        content: $('#menuTariff').next().html(), // grab content from this page

        showSpeed: 250

    });

    $('#menuFacilities').menu({

        content: $('#menuFacilities').next().html(), // grab content from this page

        showSpeed: 250

    });

    $('#menuItineraries').menu({

        content: $('#menuItineraries').next().html(), // grab content from this page

        showSpeed: 250,

        width: 280

    });

    $('#menuWhitehaven').menu({

        content: $('#menuWhitehaven').next().html(), // grab content from this page

        showSpeed: 250

    });

});



/* drop shadow */

$(function () {

    $(".dropshadow")

    .wrap("<div class='wrap0'><div class='wrap1'><div class='wrap2'>" +

    "<div class='wrap3'></div></div></div></div>");

});