/***************************/
//@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!					
/***************************/
function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  }
  
  if (vars=="mission"){
  $("#about").removeClass("active");
  $("div.about").css("display", "none"); 
  $("#mission").addClass("active");
  $("div.mission").css("display", "block");
  }
  
    if (vars=="staff"){
  $("#about").removeClass("active");
  $("div.about").css("display", "none"); 
  $("#staff").addClass("active");
  $("div.staff").css("display", "block");
  }
  
    if (vars=="target"){
  $("#about").removeClass("active");
  $("div.about").css("display", "none"); 
  $("#target").addClass("active");
  $("div.target").css("display", "block");
  }
  
     if (vars=="areas"){
  $("#about").removeClass("active");
  $("div.about").css("display", "none"); 
  $("#areas").addClass("active");
  $("div.areas").css("display", "block");
  }
  
    if (vars=="types"){
  $("#about").removeClass("active");
  $("div.about").css("display", "none"); 
  $("#types").addClass("active");
  $("div.types").css("display", "block");
  }

} 

$(document).ready(function(){
						   
	getQueryVariable();	

	$(".sub_nav > li ").click(function(e){
		switch(e.target.id){
				case "about":
				//change status & style menu
				$("#about").addClass("active");
				$("#mission").removeClass("active");
				$("#staff").removeClass("active");
				$("#target").removeClass("active");
				$("#areas").removeClass("active");
				$("#types").removeClass("active");
				//display selected division, hide others
				$("div.about").fadeIn();
				$("div.mission").css("display", "none");
				$("div.staff").css("display", "none");
				$("div.target").css("display", "none");
				$("div.areas").css("display", "none");
				$("div.types").css("display", "none");
			break;
			case "mission":
				//change status & style menu
				$("#about").removeClass("active");
				$("#mission").addClass("active");
				$("#staff").removeClass("active");
				$("#target").removeClass("active");
				$("#areas").removeClass("active");
				$("#types").removeClass("active");
				//display selected division, hide others
				$("div.mission").fadeIn();
				$("div.about").css("display", "none");
				$("div.staff").css("display", "none");
				$("div.target").css("display", "none");
				$("div.areas").css("display", "none");
				$("div.types").css("display", "none");
			break;
			case "staff":
				//change status & style menu
				$("#about").removeClass("active");
				$("#mission").removeClass("active");
				$("#staff").addClass("active");
				$("#target").removeClass("active");
					$("#areas").removeClass("active");
				$("#types").removeClass("active");
				//display selected division, hide others
				$("div.staff").fadeIn();
				$("div.about").css("display", "none");
				$("div.mission").css("display", "none");
				$("div.target").css("display", "none");
				$("div.areas").css("display", "none");
				$("div.types").css("display", "none");
			break;
			case "target":
				//change status & style menu
				$("#about").removeClass("active");
				$("#mission").removeClass("active");
				$("#staff").removeClass("active");
				$("#target").addClass("active");
				$("#areas").removeClass("active");
				$("#types").removeClass("active");
				//display selected division, hide others
				$("div.target").fadeIn();
				$("div.about").css("display", "none");
				$("div.mission").css("display", "none");
				$("div.staff").css("display", "none");
				$("div.areas").css("display", "none");
				$("div.types").css("display", "none");
			break;
				case "areas":
				//change status & style menu
				$("#about").removeClass("active");
				$("#mission").removeClass("active");
				$("#staff").removeClass("active");
				$("#target").removeClass("active");
				$("#areas").addClass("active");
				$("#types").removeClass("active");
				//display selected division, hide others
				$("div.areas").fadeIn();
				$("div.about").css("display", "none");
				$("div.mission").css("display", "none");
				$("div.staff").css("display", "none");
				$("div.target").css("display", "none");
				$("div.types").css("display", "none");
			break;
			case "types":
				//change status & style menu
				$("#about").removeClass("active");
				$("#mission").removeClass("active");
				$("#staff").removeClass("active");
				$("#target").removeClass("active");
				$("#areas").removeClass("active");
				$("#types").addClass("active");
				//display selected division, hide others
				$("div.types").fadeIn();
				$("div.about").css("display", "none");
				$("div.mission").css("display", "none");
				$("div.staff").css("display", "none");
				
				$("div.target").css("display", "none");
				$("div.areas").css("display", "none");
			break;
			
		}
		//alert(e.target.id);
		return false;
	});


});