$(document).ready(function() {
	$(".no-js").css("display", "none"); //Hide no-javascript notices
	
	/* Add proper quotes around quote-tag. This is done in javascript since IE doesn't support :before/:after content in CSS */
	$("#Article q").prepend("“");
	$("#Article q").append("”");
	
	SetupSlideshow();		});
	

	
//Slideshow	
var Slideshow;
var Slideboard;
var NextSlideButton;
var PrevSlideButton;
var BackToStartButton;
var LastStop;
var numberOfSlides;
var currentSlide;
var beforeTheNumber;
var betweenTheNumbers;

function SetupSlideshow() {
	Slideshow = $("#Slideshow").attr("class", "Interactive");

	if ($(".IE6").length > 0){
		Slideshow.before("<p>Sorry, slideshow is not supported in Internet Explorer 6. Please use a more up to date browser.</p>");
		return;	
	}	

	//Change ID so JS-enabled CSS kick inn 
	// Should display as normal article if JS is absent.
	Slideshow = $("#Slideshow").attr("class", "Interactive");
	Slideboard = Slideshow.children();
	
	
	var Slides = $("#Slideshow > OL > LI");
	currentSlide = 1;
	 numberOfSlides = Slides.size();
	
	if ( $("HTML").attr("lang") == "EN") {
		Slideshow.before("<DIV id=Controls><SPAN id=PrevSlide class=DisabledButton>Previous slide</SPAN><P>Slide 0 of 0</P><SPAN id=NextSlide class=Button>Next slide</SPAN></DIV>");
		$("#Slideshow > OL > LI:last").append("<P id=EndSlide>End of presentation <SPAN id=BackToStart class=Button>Go back to the first slide</SPAN></P>");
		beforeTheNumber = "Slide ";
		betweenTheNumbers = " of ";
		}
	else {
		Slideshow.before("<DIV id=Controls><SPAN id=PrevSlide class=DisabledButton>Forrige lysbilde</SPAN><P>0 av 0</P><SPAN id=NextSlide class=Button>Neste lysbilde</SPAN></DIV>");
		$("#Slideshow > OL > LI:last").append("<P id=EndSlide>Slutt på presentasjon <SPAN id=BackToStart class=Button>Gå tilbake til første lysbilde</SPAN></P>");
		beforeTheNumber = "";
		betweenTheNumbers = " av ";
		}
	
	

	NextSlideButton = $("#NextSlide");
	PrevSlideButton = $("#PrevSlide");
	BackToStartButton = $("#BackToStart");	
	
	//1014 because of padding (actual slidesize is 952)
	BoardWidth = (numberOfSlides * 1014) + "px";
	Slideboard.css("width", BoardWidth);
	

	NextSlideButton.click(function(event) {	NextSlide();	});
	PrevSlideButton.click(function(event) {	PreviousSlide();	});
	BackToStartButton.click(function(event) { BackToStart();	});	

	UpdateControls();
	}
	
$(document).keydown(function(e){
    if (e.keyCode == 37) { //Left arrow
       PreviousSlide();
       return false;
    	}
	if (e.keyCode == 39) { //Right arrow
		NextSlide();
		return false;
		}
	});

function NextSlide() {
	if (NextSlideButton.attr("class") != "DisabledButton") {
		PrevSlideButton.attr("class", "Button");	
		Slideboard.animate({"left": "-=1014px"}, 400);
		currentSlide++;
		UpdateControls();
		}
	}

function PreviousSlide() {
	if (PrevSlideButton.attr("class") != "DisabledButton") { 
		NextSlideButton.attr("class", "Button");
		Slideboard.animate({"left": "+=1014px"}, 400);		
		currentSlide--;
		UpdateControls();
		}
	}
	
function BackToStart() {
	Slideboard.animate({"left": "0"}, 800);
	currentSlide = 1;
	UpdateControls();
	}
	
function UpdateControls() {
	var CaptionText = beforeTheNumber + currentSlide + betweenTheNumbers + numberOfSlides;
	$("#Controls P").html(CaptionText);
	
	if (currentSlide == 1) { PrevSlideButton.attr("class", "DisabledButton"); }
	else { PrevSlideButton.attr("class", "Button"); }
	
	if (currentSlide == numberOfSlides) { NextSlideButton.attr("class", "DisabledButton"); }
	else { NextSlideButton.attr("class", "Button"); }
	}