$.preloadImages = function(){
var preload = [
'i/slider/1.jpg',
'i/slider/2.jpg',
'i/slider/3.jpg',
'i/slider/4.jpg',
'i/slider/5.jpg',
'i/slider/6.jpg',
'i/slider/7.jpg'
];
$(document.createElement('img')).bind('load', function(){
if(preload[0]) this.src = preload.shift();
}).trigger('load');
}
var clr;
var ind = 1;						   

var speed = 8000;
$(document).ready(function() {
	var firstImgInitial = $("#imagesHotels").append("<img src=i/slider/" + 0 + ".jpg />");
	Lis = $("#slider > ul > li");
        briefInfo = $("#imagesHotels > div.briefInfo");
	
	pics = Lis.length;
	imgs = $("#imagesHotels img");
	$(window).load(changePics, speed);
	
	$("#slider > ul > li a").mouseover(function() {
                clearInterval(clr);
                $("#imagesHotels > div.briefInfo").fadeOut("slow");
                $("#slider > ul > li").removeClass("active");
                $(this).parent().addClass("active");
                ind = $(this).parent().index();
                var imgClone = imgs.eq(0).clone().appendTo("#imagesHotels").css("opacity", 0).attr("src", "i/slider/" + ind  + ".jpg").animate({opacity:1}, 300, function() {$("#imagesHotels > div.briefInfo").eq(ind).show()});
                 if ($("#imagesHotels > img").length > 6) {
                        $("#imagesHotels img").eq(1).remove();
                }
	})

         $("#slider").mouseout(function() {
                clearInterval(clr);
                 clr = setInterval(changePics, speed);
                 ind++;
                 if (ind > 7) ind = 0;
         })
})
 

 function changePics() {
                $("#imagesHotels > div.briefInfo").fadeOut("slow");
				
                Lis.removeClass("active");
                Lis.eq(ind).addClass("active");
                var imgClone = imgs.eq(0).clone().appendTo("#imagesHotels").css("opacity", 0).attr("src", "i/slider/" + ind  + ".jpg").animate({opacity:1}, 500, function() {$("#imagesHotels > div.briefInfo").eq(ind-1).slideDown("slow")});
				
                if ($("#imagesHotels > img").length > 6) {
                        $("#imagesHotels img").eq(0).remove();
                }
                
                clearInterval(clr);
                clr = setInterval(changePics, speed)
                ind++;
                if (ind > 7) ind = 0;
        }