/*
	Redefine Hotels
*/

//	In a frame?
if(top.location != self.location) { top.location = self.location; }

$(function() {
	var $body = $('body');
	var $h = $body.height() - 298;
	
	if(!$body.hasClass('depth1')) {
		$body.append('<div id="grad" style="top: ' + $h + 'px"></div>');
	}

	$body.addClass('js-enabled');
	$('ul li:last-child').addClass('last-child');
	
	if($.browser.msie) {
		$('body#homepage').css('background', 'none');
		$('body#homepage').append('<img id="bg" src="/images/bg.jpg" />');
	}
	
	function toggleme(speed) {
	var elms = 'aside.block, section#top div nav, section#top div form, section#content, .availability';
		if($body.hasClass('bg')) {
			//	Fade out
			$body.removeClass('bg').css('width', '100%');
			$(elms).fadeOut(speed);
			$('footer section#gallery li a.active').next().fadeIn(speed);
			$('footer header').animate({height: '30px'}, speed);
			if($body.attr('id') != 'homepage') { $('footer').css('position', 'fixed'); }
			$('section#top div').animate({height: 0}, speed);
			$body.append('<a id="logo" class="clone" href="/" style="position: absolute; top: 36px;">logo</a>')
		} else {
			//	Fade in
			$body.addClass('bg');
			$(elms).fadeIn(speed);
			$('footer section#gallery li a.active').next().fadeOut(speed);
			if($body.attr('id') != 'homepage') { $('footer').css('position', 'static'); }
			$('footer header').animate({height: '130px'}, speed);
			$('section#top div').animate({height: '132px'}, speed);
			$('a.clone').delay(speed).fadeOut(speed).remove();
		}
	}
	
toggleme(250);

	$('#top a.toggle, section#gallery h4').click(function() {
		if(!$(this).is(':animated')) {
			toggleme(600);
		}
		return false;
	});
	
	$('div.toggle').click(function() {
		toggleme(600);
		return false;
	});
		
	$('nav li').hover(function() {
		var ul = $(this).find('ul');
		if(!ul.is(':animated')) { ul.slideDown(400); }
	}, function() {
		$(this).find('ul').slideUp(400);
	});
	
	$('section#gallery li a').click(function() {
		$('section#gallery li a').removeClass('active');
		$(this).addClass('active');
		var $link = $(this).attr('href');
		var $title = $(this).find('img').attr('alt');
		if(!$.browser.msie) {
			$body.removeClass('newBG').addClass('cover').css({background: 'url(' + $link + ')', backgroundPositionX: '100%', backgroundAttachment: 'fixed'}).css('-moz-background-size','cover').animate({backgroundPositionX: 0}, 500);
		} else {
			$body.removeClass('newBG').append('<img id="bg" src="' + $link +'" />');
		}
		$('section#gallery h4 a').html($title);

		return false;
	});
	
	
	//	Gallery slider
	var currentPosition = 0;
	var slideWidth = 155;
	var slides = $('div.wrap li');
	var numberOfSlides = slides.length;
	
	$('div.wrap ul').css('overflow', 'hidden');
	slides.wrapAll('<div id="inner"></div>').css({'float': 'left', 'width': slideWidth -5});
	$('#inner').css('width', slideWidth * numberOfSlides);
	$('div.wrap').prepend('<span class="control" id="left">Clicking moves left</span>').append('<span class="control" id="right">Clicking moves right</span>');
	
	manageControls(currentPosition);
	
	$('.control').bind('click', function(){
		currentPosition = ($(this).attr('id')=='right') ? currentPosition+1 : currentPosition-1;
		manageControls(currentPosition);
		$('#inner').animate({'marginLeft': slideWidth*(-currentPosition)}, 250);
	});
	
	function manageControls(position) {
		if(position==0){
			$('#left').animate({opacity: '0.4'}, 200).css('cursor', 'default').delay(200).hide();
		} else {
			$('#left').animate({opacity: '1'}, 200).css('cursor', 'pointer').delay(200).show();
		}
		
		if(position==numberOfSlides-3) {
			$('#right').animate({opacity: '0.4'}, 200).css('cursor', 'default').delay(200).hide();
		} else {
			$('#right').animate({opacity: '1'}, 200).css('cursor', 'pointer').delay(200).show();
		}
	}
	
	//	News text
	$('dl').css('cursor', 'pointer').click(function() {
		var href = $(this).find('a').attr('href');
		
		document.location = href;
	});
	
	$fC = $('dd.summary p');
	//$fC.html($fC.html().substring(0,70) + '...');
	
	//	Subpage popup
	
	$body.append('<div id="modal"></div>');
	$('#modal').append('<div class="mask"></div>')
	$('#modal').hide();

	
	$('.images a').click(function() {
	
		var src = $(this).attr('href');
		var title = $(this).find('img').attr('alt');
		
		var img = new Image();
		img.src = src;
		
		
		if($('.mask').length == 0) {
			$body.append('<div id="modal"></div>');
			$('#modal').append('<div class="mask"></div>')
			$('.mask').css('display', 'none');
		}
		
		$('#modal').fadeIn(500);
		
		$('#modal').append('<div id="popup"><img src="' + src + '" alt="' + title + '" style="margin-top: -' + img.height /2 +'px; margin-left: -' + img.width /2 + 'px;" /></div>');
		return false;
	});
	
	$('.mask').click(function() {
		$('#modal').fadeOut(500);
		$('#popup').remove();
	});
	
	//	Go menu
	$('select').change(function() {
		var $s = $('option:selected').val();
		if($s != '#') {
			window.location = $s;		
		}
	});
});