pause = new Image();
pause.src = "images/pause.gif";

play = new Image();
play.src = "images/play.gif";

function changeImage(page) {
	var number = parseInt($('.pause a,.play a').attr('rel'));
	if (number == totalImages) {
		number = 1;
	}
	else {
		number = number + 1;
	}
	$('#center').append('<img src="photos/'+page+'-'+number+'.jpg" class="click-image hidden" alt="Thumbnail" />');
	$('img.click-image:visible').fadeOut(600, function() {
		$(this).remove();
	});
	$('img.hidden').fadeIn(600);
	$('.pause a,.play a').attr('rel', number);	
}

function changeHomeImage() {
	var homenumber = parseInt($('#imageNavWrapper img').attr('alt'));
	if (homenumber == 4) {
		homenumber = 1;
	}
	else {
		homenumber = homenumber + 1;
	}
	$('#imageNavWrapper').prepend('<img src="photos/home-picture-'+homenumber+'.jpg" class="hidden" alt="'+homenumber+'" />');
	$('#imageNavWrapper img:visible').fadeOut(600, function() {
		$(this).remove();
	});
	$('#imageNavWrapper img.hidden').fadeIn(600);
}

 $(document).ready(function(){
	if ($('.pause').is(':visible')) {
		fadeShow = setInterval("changeImage(page)", 3000);
		$('.pause a').live("click", function() {
			clearInterval(fadeShow);
			$(this).parent().removeClass('pause').addClass('play');
			return false;
		});
		$('.play a').live("click", function() {
			changeImage(page);
			fadeShow = setInterval("changeImage(page)", 3000);
			$(this).parent().removeClass('play').addClass('pause');
			return false;
		});
	}
	if (page == 'rooms-picture') {
		$('.secondLevel').css('height','auto');
		var fullHeight = $('.secondLevel').height();
		$('.secondLevel').css('height','20px');
		$('.secondLevel').animate( { height : fullHeight + "px" }, 500, function() {
			$('.secondLevel').addClass("open");
		});
	}
	if (page == 'reservations-picture') {
		$('li.highlighted li a').click(function() {
			$('li.highlighted li a').removeClass('underline');
			$(this).addClass('underline');
			var imageID = $(this).attr('href');
			$('.reservations-image').hide();
			$(imageID).show();
			return false;
		});
	}
	if ($('#imageNavWrapper').is(':visible')) {
		setInterval("changeHomeImage()", 4000);
	}
});