$(document).ready(function() {
//test
var PrintTekst = "Print page";
var PDFTekst = "Download PDF";
var GalleriTekst = "Photo gallery";
$(".gallery").attr("id", "gallery");
if ($("html").is("[lang=NO]")) {
	Soketekst = "Search...";
	PrintTekst = "Print page";
	PDFTekst = "Download PDF";
	GalleriTekst = "Fotogalleri";
}

var Article = $(".accommodation");
var PDFLink = "http://pdfmyurl.com?url=" + window.location + "&-O=Portrait&--print-media-type";
var PrintPDFBox = "<P id=PrintPDF><A class=GalleryLink href=#gallery>" + GalleriTekst + "</A> <A id=PrintLink href=#>" + PrintTekst + "</A> <A id=PDFLink href=" + PDFLink + ">" + PDFTekst + "</A></P>";
Article.prepend(PrintPDFBox);

$("#PrintLink").click(function(event) {	
	window.print();
});

//Det som kjem etterpå her kan strengt tatt gjeres i CSS, men enkelte *kremt* populære browser-versjoner støtter det ikkje...
	$("#Innhold q").prepend("&#8220;"); // Sitatteikn
	$("#Innnhold q").append("&#8221;"); // Sitatteikn
	$("#Innhold BLOCKQUOTE CITE").prepend("— ");
	
SimpleGallery($(".gallery"));
setupSlideshow();

});

/********* Slideshower ***********/
var slideShow;
var slideBoard;
var slides;
var currentSlide;
var numberOfSlides;
var betweenNumbers;
var boardWidth;

function setupSlideshow() {
	if ($(".IE6").length > 0){
		return; //Don't bother with IE6...
	}

	slideShow = $(".slideShow");
	slideBoard= slideShow.children();
	slides = slideBoard.children();	
	currentSlide = 1;
	numberOfSlides = slides.size();
	boardWidth = (numberOfSlides * 940) + "px";
	slideBoard.css("width", boardWidth);
	
	slideShow.addClass("jsSlideShow");	
	
	
	if ($("html").is("[lang=EN]")) {
		slideShow.before("<div class=slideControls> <p class=slideCounter>0 of 0</p> <span class='linkButton disabled prevSlide'>Previous Slide</span> <span class='linkButton nextSlide'>Next Slide</span></div>");
		beforeNumber = "Slide ";
		betweenNumbers = " of ";
	}
	else {
		slideShow.before("<div class=slideControls> <p class=slideCounter>0 av 0</p> <span class='linkButton disabled prevSlide'>Forrige lysbilde</span> <span class='linkButton nextSlide'>Neste lysbilde</span></div>");
		betweenNumbers = " av ";
	}
	
	
	nextSlideLink = $(".nextSlide").click(nextSlide);
	prevSlideLink = $(".prevSlide").click(prevSlide);
	
	updateControls();
}

function nextSlide(event) {
	if (nextSlideLink.hasClass("disabled")) {
		return;
	}
	slideBoard.animate({"left": "-=940px"}, 400);
	currentSlide++;
	updateControls();
}

function prevSlide(event) {
	if (prevSlideLink.hasClass("disabled")) {
		return;
	}
	slideBoard.animate({"left": "+=940px"}, 400);
	currentSlide--;
	updateControls();
}

function updateControls() {
	var captionText = currentSlide + betweenNumbers + numberOfSlides;
	$(".slideControls p").html(captionText);
	
	if (currentSlide === 1) {
		prevSlideLink.addClass("disabled");
	}
	else {
		prevSlideLink.removeClass("disabled");
	}
	
	if (currentSlide === numberOfSlides) {
		nextSlideLink.addClass("disabled");
	}
	else {
		nextSlideLink.removeClass("disabled");
	}
	
}

$(document).keydown(function(e){
	if (e.keyCode == 37) { //Left arrow
	   prevSlide();
	   return false;
		}
	if (e.keyCode == 39) { //Right arrow
		nextSlide();
		return false;
		}
	});


/********* SimpleGallery ***********/

//Bruker denne variabelen til å vite kva bilde eg er på
var nCounter = 0;
var nGallerySize;

function SimpleGallery(WhatUlGallery) {
	//Legg til CSS som viser at dette er eit interaktivt galleri
	WhatUlGallery.addClass("jsGallery");

	imgList = $(".jsGallery");
	nGallerySize = imgList.children().size();
	//Lag diven(med bilde inni) som skal vise bildet
	imgList.before("<div class='imgView'><img><p></p></div>");	

	//Velg det første bildet
	SelectImage($(".jsGallery li:first"));

	//Lag en event for å gå til bilde når folk trykker på en thumbnail
	$(".jsGallery > li").click(function(event) {	SelectImage($(this));	});

	//Lag en event for når folk trykker på bildet
	$(".imgView img").click(function(event) {	NextImage();	});

}

function SelectImage(selectListItem) {
	$(".chosenImg").removeClass("chosenImg");	
	selectListItem.addClass("chosenImg");
	nCounter = $(".jsGallery LI").index(selectListItem) + 1;	
	$(".imgView img").attr("src", selectListItem.children("img").attr("src"));
	$(".imgView p").html(selectListItem.children("img").attr("title"));

}

function NextImage() {
	if (nCounter == nGallerySize) {
		nCounter = 1;
	}
	else {	
		nCounter++;
	}
	var TheNextImage = $(".jsGallery LI:nth-child(" + nCounter + ")");
	SelectImage(TheNextImage);
}

function PreviousImage() {
	if (nCounter == 1) {
		nCounter = nGallerySize;
	}
	else {
		nCounter--;
	}
	var ThePreviousImage = $(".jsGallery LI:nth-child(" + nCounter + ")");
	SelectImage(ThePreviousImage);	
}
