// JavaScript Document

//Siden initialiseres

$("document").ready(initAll);
// så definerer jeg variabelen som holder infoen om hvilket innhold som vises.
var curContent;

function initAll(){

// Kaller opp omSwitch funksjonen og setter start-innholdet på siden til portfolioet.
	omSwitch();
	
// Click-hanlder for logoen som returnerer deg til "Om-siden"
	$("#logo").bind("click", omSwitch);

// Binder click-handlers til navigasjons-menyen.
	$("#omKnapp").bind("click", omSwitch);
	$("#portfolioKnapp").bind("click", portfolioSwitch);
	$("#kontaktKnapp").bind("click", kontaktSwitch);
	
// og gjør det samme for call to action-knappene.
	$("#omCall").bind("click", portfolioSwitch);
	$("#portfolioCall").bind("click", kontaktSwitch);
	
// Binder click-handlers til navigasjons-menyen i footeren.
	$("#omFooterNav").bind("click", omSwitch);
	$("#portfolioFooterNav").bind("click", portfolioSwitch);
	$("#kontaktFooterNav").bind("click", kontaktSwitch);
	
	
//copyright line
	var now = new Date();
	var copyYear = now.getFullYear();
	$("#copyright").append(copyYear);
	
};

	
	
// Denne funksjonen skifter innholdet på siden til om-siden.

function omSwitch() {
	if (curContent != "om") {
		$("#content").animate({ left: "-0px"}, 600);
		$("#omKnapp").removeClass("knapp").addClass("knappActive");
		$("#kontaktKnapp").removeClass("knappActive").addClass("knapp");
		$("#portfolioKnapp").removeClass("knappActive").addClass("knapp");
		curContent = "om";
	};
};

// Denne skifter innholdet til Portfolioet

function portfolioSwitch() {
	if(curContent != "portfolio") {
		$("#content").animate({ left: "-950px"}, 600);
		$("#portfolioKnapp").removeClass("knapp").addClass("knappActive");
		$("#kontaktKnapp").removeClass("knappActive").addClass("knapp");
		$("#omKnapp").removeClass("knappActive").addClass("knapp");
		curContent = "portfolio";
	};
};
	
// Og denne skifter til Kontakt-siden

function kontaktSwitch() {
	if (curContent != "kontakt") {
		$("#content").animate({ left: "-1900px"}, 600);
		$("#kontaktKnapp").removeClass("knapp").addClass("knappActive");
		$("#omKnapp").removeClass("knappActive").addClass("knapp");
		$("#portfolioKnapp").removeClass("knappActive").addClass("knapp");
		curContent = "kontakt";
	};
};


// Dette er tooltip-koden

//function simple_tooltip(target_items, name){
// $(target_items).each(function(i){
//		$("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");
//		var my_tooltip = $("#"+name+i);
//
//		if($(this).attr("title") != "" && $(this).attr("title") != "undefined" ){
//
//		$(this).removeAttr("title").mouseover(function(){
//					my_tooltip.css({opacity:0.9, display:"none"}).fadeIn(300);
//		}).mousemove(function(kmouse){
//				var border_top = $(window).scrollTop();
//				var border_right = $(window).width();
//				var left_pos;
//				var top_pos;
//				var offset = 15;
//				if(border_right - (offset *2) >= my_tooltip.width() + kmouse.pageX){
//					left_pos = kmouse.pageX+offset;
//					} else{
//					left_pos = border_right-my_tooltip.width()-offset;
//					}
//
//				if(border_top + (offset *2)>= kmouse.pageY - my_tooltip.height()){
//					top_pos = border_top +offset;
//					} else{
//					top_pos = kmouse.pageY-my_tooltip.height()-offset;
//					}
//
//				my_tooltip.css({left:left_pos, top:top_pos});
//		}).mouseout(function(){
//				my_tooltip.css({left:"-9999px"});
//		});
//
//		}
//
//	});
//}
//
//$(document).ready(function(){
//	 simple_tooltip("a","tooltip");
//});