﻿/***************************/
//@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

$(document).ready(function(){
	$(".menu > li").click(function(e){
		
		switch(e.target.id){
			case "bluff":
				//change status & style menu
				$("#bluff").addClass("active");
				$("#tjanster").removeClass("active");
				$("#metoder").removeClass("active");
				$("#kunder").removeClass("active");
				$("#kontakt").removeClass("active");
				$("#inloggning").removeClass("active");
				//display selected division, hide others
				$("div.bluff").fadeIn();
				$("div.tjanster").css("display", "none");
				$("div.metoder").css("display", "none");
				$("#kunder").css("display", "none");
				$("div.kontakt").css("display", "none");
				$("div.inloggning").css("display", "none");
				$("div.konsumentpanelen").css("display", "none");
			break;
			case "tjanster":
				//change status & style menu
				$("#bluff").removeClass("active");
				$("#tjanster").addClass("active");
				$("#metoder").removeClass("active");
				$("#kunder").removeClass("active");
				$("#kontakt").removeClass("active");
				$("#inloggning").removeClass("active");
				$("#konsumentpanelen").removeClass("active");
				//display selected division, hide others
				$("div.tjanster").fadeIn();
				$("div.bluff").css("display", "none");
				$("div.metoder").css("display", "none");
				$("div.kontakt").css("display", "none");
				$("div.kunder").css("display", "none");
				$("div.inloggning").css("display", "none");
				$("div.konsumentpanelen").css("display", "none");
			break;
			case "metoder":
				//change status & style menu
				$("#bluff").removeClass("active");
				$("#tjanster").removeClass("active");
				$("#metoder").addClass("active");
				$("#kunder").removeClass("active");
				$("#kontakt").removeClass("active");
				$("#inloggning").removeClass("active");
				$("#konsumentpanelen").removeClass("active");
				//display selected division, hide others
				$("div.metoder").fadeIn();
				$("div.bluff").css("display", "none");
				$("div.tjanster").css("display", "none");
				$("div.kontakt").css("display", "none");
				$("div.kunder").css("display", "none");
				$("div.inloggning").css("display", "none");
				$("div.konsumentpanelen").css("display", "none");
			break;
				case "kunder":
				//change status & style menu
				$("#bluff").removeClass("active");
				$("#tjanster").removeClass("active");
				$("#metoder").removeClass("active");
				$("#kunder").addClass("active");
				$("#kontakt").removeClass("active");
				$("#inloggning").removeClass("active");
				$("#konsumentpanelen").removeClass("active");
				//display selected division, hide others
				$("div.kunder").fadeIn();
				$("div.bluff").css("display", "none");
				$("div.tjanster").css("display", "none");
				$("div.metoder").css("display", "none");
				$("div.kontakt").css("display", "none");
				$("div.inloggning").css("display", "none");
				$("div.konsumentpanelen").css("display", "none");
			break;
			case "kontakt":
				//change status & style menu
				$("#bluff").removeClass("active");
				$("#tjanster").removeClass("active");
				$("#metoder").removeClass("active");
				$("#kunder").removeClass("active");
				$("#kontakt").addClass("active");
				$("#inloggning").removeClass("active");
				$("#konsumentpanelen").removeClass("active");
				//display selected division, hide others
				$("div.kontakt").fadeIn();
				$("div.bluff").css("display", "none");
				$("div.tjanster").css("display", "none");
				$("div.metoder").css("display", "none");
				$("div.kunder").css("display", "none");
				$("div.inloggning").css("display", "none");
				$("div.konsumentpanelen").css("display", "none");
			break;
			case "inloggning":
				//change status & style menu
				$("#bluff").removeClass("active");
				$("#tjanster").removeClass("active");
				$("#metoder").removeClass("active");
				$("#kunder").removeClass("active");
				$("#kontakt").removeClass("active");
				$("#inloggning").addClass("active");
				$("#konsumentpanelen").removeClass("active");
				//display selected division, hide others
				$("div.inloggning").fadeIn();
				$("div.bluff").css("display", "none");
				$("div.tjanster").css("display", "none");
				$("div.metoder").css("display", "none");
				$("div.kunder").css("display", "none");
				$("div.kontakt").css("display", "none");
				$("div.konsumentpanelen").css("display", "none");
				break;
			case "konsumentpanelen":
				//change status & style menu
				$("#bluff").removeClass("active");
				$("#tjanster").removeClass("active");
				$("#metoder").removeClass("active");
				$("#kunder").removeClass("active");
				$("#kontakt").removeClass("active");
				$("#inloggning").removeClass("active");
				$("#konsumentpanelen").addClass("active");
				//display selected division, hide others
				$("div.konsumentpanelen").fadeIn();
				$("div.bluff").css("display", "none");
				$("div.tjanster").css("display", "none");
				$("div.metoder").css("display", "none");
				$("div.kunder").css("display", "none");
				$("div.kontakt").css("display", "none");
				$("div.inloggning").css("display", "none");
			//$("#kunder").load("html/kunder.html");
		}
		//alert(e.target.id);
		return false;
	});
	
});
