// JavaScript Document
var currentPosition = 0;
var lastPosition = 0;
var slideWidth = 915;
var slides;
var numberOfSlides;
var hash;

$(document).ready(function(){
	slides = $('.slide');
	numberOfSlides = slides.length;
  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
	  'margin' : '0 auto',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

		/*if(currentPosition == 0) {
			document.getElementById("left_knapp").style.display = "none";
		} else {
			document.getElementById("left_knapp").style.display = "inline";
		}
		
		if(currentPosition == numElements -1) {
			document.getElementById("right_knapp").style.display = "none";
		} else {
			document.getElementById("right_knapp").style.display = "inline";
		}*/
	
	hash = document.location.hash;
	hash=hash.replace(/[0-9]/, "");
	
	switch(hash) {
		case "#start":
			$('#slideInner').css('margin-left', slideWidth * (-0));
			currentPosition = 0;
			//document.getElementById("slideInner").style.marginLeft = toString(slideWidth*(-0)) + "px";
			break;
		case "#om_oss":
			$('#slideInner').css('margin-left', slideWidth * (-1));
			currentPosition = 1;
			//document.getElementById("slideInner").style.marginLeft = toString(slideWidth*(-1)) + "px";
			break;
		case "#referenser":
			$('#slideInner').css('margin-left', slideWidth * (-2));
			currentPosition = 2;
			//document.getElementById("slideInner").style.marginLeft = toString(slideWidth*(-2) + "px");
			break;
		case "#tjanster":
			$('#slideInner').css('margin-left', slideWidth * (-3));
			currentPosition = 3;
			//document.getElementById("slideInner").style.marginLeft = toString(slideWidth*(-3)) + "px";
			break;
		case "#tjanster=":
			$('#slideInner').css('margin-left', slideWidth * (-3));
			currentPosition = 3;
			//document.getElementById("slideInner").style.marginLeft = toString(slideWidth*(-3)) + "px";
			break;
		case "#kontakt":
			$('#slideInner').css('margin-left', slideWidth * (-4));
			currentPosition = 4;
			//document.getElementById("slideInner").style.marginLeft = toString(slideWidth*(-4)) + "px";
			break;
		case "#kontakt_tack":
			$('#slideInner').css('margin-left', slideWidth * (-5));
			currentPosition = 5;
			//document.getElementById("slideInner").style.marginLeft = toString(slideWidth*(-5)) + "px";
			break;
	}
	
	setActive()
});

function showPanel(panel) {
	document.getElementById(panel).style.display = (document.getElementById(panel).style.display == "block") ? "none" : "block";
}


	function gotoRight() {
		var numElements = countElementsByClass("slide", "div");
		
		lastPosition = currentPosition;
		currentPosition = currentPosition+1;
		
		setActive();
		
		$('#slideInner').animate({
		  'marginLeft' : slideWidth*(-currentPosition)
		});
	}
	
	function gotoLeft() {
		var numElements = countElementsByClass("slide", "div");
		
		lastPosition = currentPosition;
		currentPosition = currentPosition-1;
		
		
		setActive();
		
		$('#slideInner').animate({
		  'marginLeft' : slideWidth*(-currentPosition)
		});
	}
	
	function gotoPosition(pos) {
		lastPosition = currentPosition;
		currentPosition = pos;
		
		$('#slideInner').animate({
		  'marginLeft' : slideWidth*(-currentPosition)
		});
		
		setActive();
		refreshContent(pos);
	}
	
	function linkClick(num, linkClicked) {
		
		var elements = document.getElementsByTagName("div");
		
		for (var i = 0; i < elements.length; i++){
			if (elements[i].className == "slidepanel"){
				elements[i].style.display = "none";
			}
		}
		
		gotoPosition(num);
		
		hash = document.location.hash;
		hash=hash.replace("#tjanster=", "");
		//if(num == 4) {
			if(linkClicked == null) {
				showPanel(hash);
			} else {
				showPanel(linkClicked);
			}
		//}
		
		
	}
	
	function refreshContent(page) {		
	
		switch(page) {
			case 0:
				$("#start_content").load("start.php");				
				break;
			case 1:
				//emptyAll();
				$("#om_content").load("om.php");
				break;
			case 2:
				//emptyAll();
				$("#referenser_content").load("referenser.php");
				break;
			case 3:
				//emptyAll();
				//$("#tjanster_content").load("tjanster.php");				
				break;
			case 4:
				//emptyAll();
				$("#kontakt_content").load("kontakt.php");
				break;
		}
		
		if(lastPosition == 3) {
			//$("#tjanster_content").load("tjanster.php");
		}
	}
	
	function setActive() {
		var numElements = countElementsByClass("slide", "div");
		
		switch(currentPosition) {
			case 0:
				document.getElementById("start_knapp").className = "start_aktiv";
				document.getElementById("om_knapp").className = "om";
				document.getElementById("referenser_knapp").className = "referenser";
				document.getElementById("tjanster_knapp").className = "tjanster";
				document.getElementById("kontakt_knapp").className = "kontakt";
				break;
			case 1:
				document.getElementById("start_knapp").className = "start";
				document.getElementById("om_knapp").className = "om_aktiv";
				document.getElementById("referenser_knapp").className = "referenser";
				document.getElementById("tjanster_knapp").className = "tjanster";
				document.getElementById("kontakt_knapp").className = "kontakt";
				break;
			case 2:
				document.getElementById("start_knapp").className = "start";
				document.getElementById("om_knapp").className = "om";
				document.getElementById("referenser_knapp").className = "referenser_aktiv";
				document.getElementById("tjanster_knapp").className = "tjanster";
				document.getElementById("kontakt_knapp").className = "kontakt";
				break;
			case 3:
				document.getElementById("start_knapp").className = "start";
				document.getElementById("om_knapp").className = "om";
				document.getElementById("referenser_knapp").className = "referenser";
				document.getElementById("tjanster_knapp").className = "tjanster_aktiv";
				document.getElementById("kontakt_knapp").className = "kontakt";
				break;
			case 4:
				document.getElementById("start_knapp").className = "start";
				document.getElementById("om_knapp").className = "om";
				document.getElementById("referenser_knapp").className = "referenser";
				document.getElementById("tjanster_knapp").className = "tjanster";
				document.getElementById("kontakt_knapp").className = "kontakt_aktiv";
				break;
		}
	}
	
	
	function countElementsByClass(className, elementTag){
		var count = new Array();
		var elements = document.getElementsByTagName(elementTag);
		
		for (var i = 0; i < elements.length; i++){
			if (elements[i].className == className){
				count.push("a");
			}
		}
		
		return count.length;
	}
	
	function loadContent(url)
	{
		//lastPosition = currentPosition;
		//currentPosition = 5;
		
		switch(currentPosition) {
			case 1:
				$("#om_left").load(url);
			case 2:
				$("#lankar").load("sub/lankar.php?o=" + url + "");
			case 4:
				$("#kontakt").load(url);
		}
		
		//$("#subpage_content").load(url);
		
		/*$('#slideInner').animate({
		  'marginLeft' : slideWidth*(-currentPosition)
		});*/
		
		
	}