$.slide_opt = { 
	timeout: 5500,
	speed: 1700, 
	before: function() {
		$("div#image_alt").html('').fadeOut(800);
		//if( this.alt ) $("div#image_alt").html(this.alt);
	},
	after: function() { 
		if( this.alt != "" ) $("div#image_alt").html( this.alt ).fadeIn(400);
	}
};

$.load_slides = function( slide_id ) {		
	
	var s;
	
	if( slide_id == 1 ) s = "hu";
	else if( slide_id == 2 ) s = "ha";
	else if( slide_id == 3 ) s = "hg";
	else {
		s = "main";
		//$.server_vars.image_slide = 0;
	}
	
	if( slide_id <= 3 ||
	 ( slide_id > 3 && $.server_vars.image_slide <= 3 ) ) {
		
		$("div.slides").hide().cycle( {pause: 'true'} );
		$("div#"+s+"_slides").cycle( $.slide_opt );
		$("div#"+s+"_slides").show();
	}
	
	$.server_vars.image_slide = slide_id;
};

$(window).load(function() {
	
	// SET UP IMAGE SLIDES
	var slides = '<img src="img/slides/slide2.jpg">' +
		'<img src="img/slides/slide3.jpg" alt="photo: Terje Rakke">' +
		'<img src="img/slides/slide4.jpg" alt="photo: Nils-Erik Bjørholt">' +
		'<img src="img/slides/slide5.jpg" alt="">' +
		'<img src="img/slides/slide6.jpg" alt="photo: Terje Rakke">' +
		'<img src="img/slides/slide7.jpg" alt="photo: Terje Rakke">' +
		'<img src="img/slides/slide8.jpg" alt="photo: Terje Rakke">' +
		'<img src="img/slides/slide9.jpg" alt="">'; 
	$("div#main_slides").append( slides	);
	$("div#main_slides").show();
	$("div#main_slides").after(
		'<div class="slides" id="hu_slides">' +
			'<img src="img/slides/hu_slide1.jpg">' +
			'<img src="img/slides/hu_slide2.jpg">' +
			'<img src="img/slides/hu_slide3.jpg">' +
			'<img src="img/slides/hu_slide4.jpg">' +
			'<img src="img/slides/hu_slide5.jpg">' +
		'</div>' +
		'<div class="slides" id="hg_slides">' +
			'<img src="img/slides/hg_slide1.jpg">' +
			'<img src="img/slides/hg_slide2.jpg">' +
			'<img src="img/slides/hg_slide3.jpg">' +
			'<img src="img/slides/hg_slide4.jpg">' +
			'<img src="img/slides/hg_slide5.jpg">' +
		'</div>' +
		'<div class="slides" id="ha_slides">' +
			'<img src="img/slides/ha_slide1.jpg">' +
			'<img src="img/slides/ha_slide2.jpg">' +
			'<img src="img/slides/ha_slide3.jpg">' +
			'<img src="img/slides/ha_slide4.jpg">' +
		'</div>' );

	// FADE IN ELEMENTS
	$("div#whitebg").fadeIn( 400, function() {
		$("div#subtitle,div#subtitle_line," +
		"div#content,div#center_c,div#book,div#language_c,div#bottom_c,.links").fadeIn( 1400 );
		$("div#loading").hide();
	});
	
	$("div#main_slides").cycle( $.slide_opt );
});

$(document).ready(function() {

	// SET UP FORM INPUT
	$("input[class!=book][class!=back],textarea").clearField();

	// REMOVE LINK OF CURRENT LANGUAGE
	$("a#"+$.server_vars.lang).replaceWith( $("a#"+$.server_vars.lang).html() );

	if( $.server_vars.submitted != null ) {
	
		$("div.home").hide();
		$("div.submitted" ).show();
	}
	
	// SET UP BOOK LINK
	$("input.book").click( function() {
		$("div.page").hide();
		$("div#booking_form").fadeIn( 400 );
		return false;
	});
	
	// SET UP BACK LINK
	$("input.back").click( function() {
		$("div.page").hide();
		$("div.page[page_id=5]").fadeIn( 400 );
		return false;
	});


	// SET UP IMAGE SLIDES
	$("div#image_alt").animate({ opacity: .5 }, 0 );
	$.server_vars.image_slide = 7;

	// SET UP ITINERARY PAGE LINKS
	/*var pages = $("div.page[itinerary_id]");
	pages.each( function(index) {
		
		if( pages.length > 1 ) {

			$(this).append( function() {
			
				var id = $(this).attr("itinerary_id");
			
				var txt = "<div class=\'footer\'>";
				if( index != 0 ) txt += '<a href=\'\' page=\''+ (index-1) +'\' itinerary_id=\''+id+'\'>&laquo; previous</a>';
				if( index != 0 && (index+1 < pages.length) ) txt += ' | ';
				if( index+1 < pages.length ) txt += '<a href=\'\' page=\''+ (index+1) +'\' itinerary_id=\''+id+'\'>next &raquo;</a>';
				txt += '</div>';
			
				return txt;
			});
		}
	});*/

	// SET UP TEXT LINK HOVERS
	$(".links li").each(function(index) {

		$(this).animate({ opacity: .6 }, 0 );
		
		$(this).mouseover(function() {
     		$("img.link").eq(index).animate({ opacity: 1 }, 300 );
     		$("img.link").eq(index).css({ 'border': '2px solid #ffffff', 'padding' : '0px' });
   			$(this).animate({ opacity: 1 }, 300 );
   		});
   		$(this).mouseout(function() {
   			$("img.link").eq(index).animate({ opacity: .7 }, 300 );
   			$("img.link").eq(index).css({ 'border': 'none', 'padding' : '2px' });
   			$(this).animate({ opacity: .6 }, 300 );
   		});
   		$(this).click(function() {
      		$("div.page").hide();
			$("div.page[page_id="+$(this).attr("id")+"]").fadeIn(500);
			
			$.load_slides( $(this).attr("id") );
   		});
	});

	// SET UP IMAGE LINK HOVERS
	$("img.link").each(function(index) {

		$(this).animate({ opacity: .7 }, 0 );
		$(this).mouseover(function() {
     		$(this).animate({ opacity: 1 }, 300 );
			$(this).css({ 'border': '2px solid #ffffff', 'padding' : '0px' });
			$(".links li").eq(index).animate({ opacity: 1 }, 300 );
   		});
   		$(this).mouseout(function() {
   			$(this).animate({ opacity: .7 }, 300 );
   			$(this).css({ 'border': 'none', 'padding' : '2px' });
   			$(".links li").eq(index).animate({ opacity: .6 }, 300 );
   		});
   		$(this).click(function() {
      		$("div.page").hide();
			$("div.page[page_id="+$(".links li").eq(index).attr("id")+"]").fadeIn(500);
			
			$.load_slides( $(".links li").eq(index).attr("id") );
   		});
	});
	
	// SET UP ITINERARY LINKS
	$("ul.itin_link li").click( function() {
	
		$("div.page").hide();
		var first = $("div.page[itinerary_id="+$(this).attr("itinerary_id")+"]:first");
		first.fadeIn(500);
	});
	
	$("div.page[itinerary_id] div.footer a").click( function() {
		$("div.page").hide();
		$("div.page[page="+$(this).attr("page")+"][itinerary_id="+$(this).attr("itinerary_id")+"]").fadeIn(500);
		return false;
	});
});