$(document).ready(function () {
    //$(menuserv).hide();
    $(window).load(function () {

        /////////////////////////////////////////////////


        //var el = document.getElementById('menuservUL');
        //$(el).slideUp("slow");
        //$(el).slideUp("slow");
        //$(el).slideDown("slow");

        var currentImage = 0; //current image
        var prevImage = 0; // last image
        var maxImage = 2; //number of images to cycle
        var nextDelay = 3500; //how often to go to the next image
        var fadeDelay = 110; //wait time between fade out of prev and fade in of current image
        var fadeTm = 100; //time (ms) of the fading
        var imgCall = -1; // value used to see if an image has not been requested
        var timer; // general timer
        var fTimer; // fade timer
        $.fn.nextImg = function () {
            prevImage = currentImage;
            currentImage++;
            if (currentImage > maxImage) currentImage = 0;
            $(this).removeImg();
        };
        $.fn.preImg = function () {
            prevImage = currentImage;
            currentImage--;
            if (currentImage < 0) currentImage = maxImage;
            $(this).removeImg();
        };
        $.fn.removeImg = function () {
            $(timer).stopTime();
            var el = document.getElementById('tab' + prevImage);
            $(el).fadeOut(fadeTm, function () {
                if (jQuery.browser.msie) {
                    $(this).get(0).style.removeAttribute('filter');
                }
            });
            //var el2 = document.getElementById('link' + prevImage);
            //el2.style.color = "#454545";
            $(fTimer).oneTime(fadeDelay, function () {
                $(this).addImg();
            });
        };
        $.fn.addImg = function () {
            $(fTimer).stopTime();
            var el = document.getElementById('tab' + currentImage);
            $(el).fadeIn(fadeTm, function () {
                if (jQuery.browser.msie) {
                    $(this).get(0).style.removeAttribute('filter');
                }
            });
            //var el2 = document.getElementById('link' + currentImage);
            //el2.style.color = "#0088CC";
            if (imgCall > -1) {
                $(timer).stopTime();
                imgCall = -1;
            }
            else {
                $(timer).oneTime(nextDelay, function () {
                    $(this).nextImg();
                });
            }
        };
        $.fn.getImg = function (num) {
            prevImage = currentImage;
            currentImage = num;
            imgCall = num;
            $(this).removeImg();
        }
        $(timer).oneTime(nextDelay, function () {
            $(this).nextImg();
        });
    });
});

function getPage(loc) {
    location.href = "" + loc;
}
function randomIMG() {
    var i = Math.floor(Math.random() * 3) + 1;
    //if (document.all && document.getElementById) {
        mydiv = document.getElementById("randomIMG");
        if (mydiv != null) { //if the language panel is active
            mydiv.innerHTML = '<img src=images/mainpagehotel' + 1 + '.jpg></img>';
        }
    //} 
}
window.onload = randomIMG;