/***************************/
//@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 "overview":
				//change status & style menu
				$("#overview").addClass("active");
				$("#howitworks").removeClass("active");
				$("#savemoney").removeClass("active");
				$("#costofservice").removeClass("active");
				$("#order").removeClass("active");
				//display selected division, hide others
				$("div.overview").fadeIn();
				$("div.howitworks").css("display", "none");
				$("div.savemoney").css("display", "none");
				$("div.costofservice").css("display", "none");
				$("div.order").css("display", "none");
			break;
			case "howitworks":
				//change status & style menu
				$("#overview").removeClass("active");
				$("#howitworks").addClass("active");
				$("#savemoney").removeClass("active");
				$("#costofservice").removeClass("active");
				$("#order").removeClass("active");
				//display selected division, hide others
				$("div.howitworks").fadeIn();
				$("div.overview").css("display", "none");
				$("div.savemoney").css("display", "none");
				$("div.costofservice").css("display", "none");
				$("div.order").css("display", "none");
			break;
			case "savemoney":
				//change status & style menu
				$("#overview").removeClass("active");
				$("#howitworks").removeClass("active");
				$("#savemoney").addClass("active");
				$("#costofservice").removeClass("active");
				$("#order").removeClass("active");
				//display selected division, hide others
				$("div.savemoney").fadeIn();
				$("div.overview").css("display", "none");
				$("div.howitworks").css("display", "none");
				$("div.costofservice").css("display", "none");
				$("div.order").css("display", "none");
			break;
			case "costofservice":
				//change status & style menu
				$("#overview").removeClass("active");
				$("#howitworks").removeClass("active");
				$("#savemoney").removeClass("active");
				$("#costofservice").addClass("active");
				$("#order").removeClass("active");
				//display selected division, hide others
				$("div.costofservice").fadeIn();
				$("div.overview").css("display", "none");
				$("div.howitworks").css("display", "none");
				$("div.savemoney").css("display", "none");
				$("div.order").css("display", "none");
			break;
			case "order":
				//change status & style menu
				$("#overview").removeClass("active");
				$("#howitworks").removeClass("active");
				$("#savemoney").removeClass("active");
				$("#costofservice").removeClass("active");
				$("#order").addClass("active");
				//display selected division, hide others
				$("div.order").fadeIn();
				$("div.overview").css("display", "none");
				$("div.howitworks").css("display", "none");
				$("div.costofservice").css("display", "none");
				$("div.savemoney").css("display", "none");
			break;
		
		}
		//alert(e.target.id);
		return false;
	});
});