jQuery.noConflict();

jQuery(function(){

	var visualTimer;

	var visualStart = function(){
		if(visualTimer) clearTimeout(visualTimer);
		jQuery("#visualHotelsOuter").animate({"top": "265px"},{duration: 2000});
	}
	visualTimer = setTimeout(visualStart, 1000);
	jQuery("#hotelVisual li").hide().css({opacity: 1});
	jQuery("#visualHotels li").hover(function(){
		jQuery("#hotelVisual li").eq(jQuery(this).index()).fadeIn("slow");
	},function(){
		jQuery("#hotelVisual li").hide();
	});

	var resume = function(){
		if(visualTimer) clearTimeout(visualTimer);
		jQuery("#scene01 div").animate(
			{opacity: 0},
			{duration: 2500, easing: "linear",complete: function(){
				jQuery(this).css({"margin-left":"10px"}).css({"display": "none"});
				jQuery("#visualMain").cycle('resume');
				jQuery("#visualMain").cycle('next');
			}
		});
	}
	var resetScene02 = function(){
		if(visualTimer) clearTimeout(visualTimer);
		jQuery("#scene02 img").css({"margin-top": 0});
		jQuery("#scene02 div").css({"display": "block","opacity": 0});
	}
	var resume2 = function(){
		if(visualTimer) clearTimeout(visualTimer);
		jQuery("#visualMain").cycle('resume');
		visualTimer = setTimeout(resetScene02, 4000);
	}
	var stopSlideshow =	function() {
		if(visualTimer) clearTimeout(visualTimer);
		jQuery("#visualMain").cycle('pause');
		jQuery("#scene01 div").css({"display": "block","opacity": 0}).animate(
			{"margin-left": "0px", opacity: 1},
			{duration: 1000, easing: "linear",complete: function(){
				visualTimer = setTimeout(resume, 3000);
			}
		});
	}
	var stopSlideshow2 =	function() {
		if(visualTimer) clearTimeout(visualTimer);
		jQuery("#visualMain").cycle('pause');
		jQuery("#scene02 div").css({"display": "block","opacity": 0}).animate(
			{opacity: 1},
			{duration: 2000, easing: "linear",complete: function(){
				visualTimer = setTimeout(resume2, 6000);
			}
		});
	}
	var endSlideshow = function(){
		jQuery("#visualMain").cycle('pause');
	}
	var visualSlideshow = function(){
		jQuery("#visualMain").cycle({
			fx: 'fade',
			speed: 2500,
			timeout: 8000,
			before: function(c,n,o){
				jQuery("#visualNav li").removeClass("current");
				jQuery("#visualNav li").eq(jQuery(this).index()).addClass("current");
				 if(jQuery(n).attr("id") == "scene01"){
					visualTimer = setTimeout(stopSlideshow, 4000);
				} else if (jQuery(n).attr("id") == "scene02") {
					jQuery("#scene02 img").animate({"margin-top": "-31px"},{duration: 3000});
					visualTimer = setTimeout(stopSlideshow2, 6000);
				} else if (jQuery(n).index() == jQuery("#visualMain li:last").index()){
					endSlideshow();
				}
			}
		});
	}
	visualSlideshow();
});