$(document).ready(function(){
	$(".menu > li").click(function(e){
		switch(e.target.id){

			case "sigurnost":
				//change status & style menu
				$("#sigurnost").addClass("active-sigurnost");
				$("#homologacije").removeClass("active-homologacije");
				$("#udobnost-nosenja").removeClass("active-nosenja");
				$("#ventilacije").removeClass("active-ventilacije");
				$("#aerodinamika").removeClass("active-aerodinamika");
				$("#velicine").removeClass("active-velicine");
				$("#pribor").removeClass("active-pribor");
				$("#jamstvo").removeClass("active-jamstvo");
				//display selected division, hide others
				$("div.sigurnost").fadeIn();
				$("div.homologacije").css("display", "none");
				$("div.udobnost-nosenja").css("display", "none");
				$("div.ventilacije").css("display", "none");
				$("div.aerodinamika").css("display", "none");
				$("div.velicine").css("display", "none");
				$("div.pribor").css("display", "none");
				$("div.jamstvo").css("display", "none");
			break;
			
			case "homologacije":
				//change status & style menu
				$("#sigurnost").removeClass("active-sigurnost");
				$("#homologacije").addClass("active-homologacije");
				$("#udobnost-nosenja").removeClass("active-nosenja");
				$("#ventilacije").removeClass("active-ventilacije");
				$("#aerodinamika").removeClass("active-aerodinamika");
				$("#velicine").removeClass("active-velicine");
				$("#pribor").removeClass("active-pribor");
				$("#jamstvo").removeClass("active-jamstvo");
				//display selected division, hide others
				$("div.homologacije").fadeIn();
				$("div.sigurnost").css("display", "none");
				$("div.udobnost-nosenja").css("display", "none");
				$("div.ventilacije").css("display", "none");
				$("div.aerodinamika").css("display", "none");
				$("div.velicine").css("display", "none");
				$("div.pribor").css("display", "none");
				$("div.jamstvo").css("display", "none");
			break;
			
			case "udobnost-nosenja":
				//change status & style menu
				$("#sigurnost").removeClass("active-sigurnost");
				$("#homologacije").removeClass("active-homologacije");
				$("#udobnost-nosenja").addClass("active-nosenja");
				$("#ventilacije").removeClass("active-ventilacije");
				$("#aerodinamika").removeClass("active-aerodinamika");
				$("#velicine").removeClass("active-velicine");
				$("#pribor").removeClass("active-pribor");
				$("#jamstvo").removeClass("active-jamstvo");
				//display selected division, hide others
				$("div.sigurnost").css("display", "none");
				$("div.homologacije").css("display", "none");
				$("div.udobnost-nosenja").fadeIn();
				$("div.ventilacije").css("display", "none");
				$("div.aerodinamika").css("display", "none");
				$("div.velicine").css("display", "none");
				$("div.pribor").css("display", "none");
				$("div.jamstvo").css("display", "none");
			break;
			
			case "ventilacije":
				//change status & style menu
				$("#sigurnost").removeClass("active-sigurnost");
				$("#homologacije").removeClass("active-homologacije");
				$("#udobnost-nosenja").removeClass("active-nosenja");
				$("#ventilacije").addClass("active-ventilacije");
				$("#aerodinamika").removeClass("active-aerodinamika");				
				$("#velicine").removeClass("active-velicine");
				$("#pribor").removeClass("active-pribor");
				$("#jamstvo").removeClass("active-jamstvo");
				//display selected division, hide others
				$("div.sigurnost").css("display", "none");
				$("div.homologacije").css("display", "none");
				$("div.udobnost-nosenja").css("display", "none");
				$("div.ventilacije").fadeIn();
				$("div.aerodinamika").css("display", "none");				
				$("div.velicine").css("display", "none");
				$("div.pribor").css("display", "none");
				$("div.jamstvo").css("display", "none");
			break;

			case "aerodinamika":
				//change status & style menu
				$("#sigurnost").removeClass("active-sigurnost");
				$("#homologacije").removeClass("active-homologacije");
				$("#udobnost-nosenja").removeClass("active-nosenja");
				$("#ventilacije").removeClass("active-ventilacije");
				$("#aerodinamika").addClass("active-aerodinamika");
				$("#velicine").removeClass("active-velicine");
				$("#pribor").removeClass("active-pribor");
				$("#jamstvo").removeClass("active-jamstvo");
				//display selected division, hide others
				$("div.sigurnost").css("display", "none");
				$("div.homologacije").css("display", "none");
				$("div.udobnost-nosenja").css("display", "none");
				$("div.ventilacije").css("display", "none");
				$("div.aerodinamika").fadeIn();
				$("div.velicine").css("display", "none");
				$("div.pribor").css("display", "none");
				$("div.jamstvo").css("display", "none");
			break;


			case "velicine":
				//change status & style menu
				$("#sigurnost").removeClass("active-sigurnost");
				$("#homologacije").removeClass("active-homologacije");
				$("#udobnost-nosenja").removeClass("active-nosenja");
				$("#ventilacije").removeClass("active-ventilacije");
				$("#aerodinamika").removeClass("active-aerodinamika");
				$("#velicine").addClass("active-velicine");
				$("#pribor").removeClass("active-pribor");
				$("#jamstvo").removeClass("active-jamstvo");
				//display selected division, hide others
				$("div.sigurnost").css("display", "none");
				$("div.homologacije").css("display", "none");
				$("div.udobnost-nosenja").css("display", "none");
				$("div.ventilacije").css("display", "none");
				$("div.aerodinamika").css("display", "none");
				$("div.velicine").fadeIn();
				$("div.pribor").css("display", "none");
				$("div.jamstvo").css("display", "none");
			break;


			case "pribor":
				//change status & style menu
				$("#sigurnost").removeClass("active-sigurnost");
				$("#homologacije").removeClass("active-homologacije");
				$("#udobnost-nosenja").removeClass("active-nosenja");
				$("#ventilacije").removeClass("active-ventilacije");
				$("#aerodinamika").removeClass("active-aerodinamika");
				$("#velicine").removeClass("active-velicine");
				$("#pribor").addClass("active-pribor");
				$("#jamstvo").removeClass("active-jamstvo");
				//display selected division, hide others
				$("div.sigurnost").css("display", "none");
				$("div.homologacije").css("display", "none");
				$("div.udobnost-nosenja").css("display", "none");
				$("div.ventilacije").css("display", "none");
				$("div.aerodinamika").css("display", "none");
				$("div.velicine").css("display", "none");
				$("div.pribor").fadeIn();
				$("div.jamstvo").css("display", "none");
			break;


			case "jamstvo":
				//change status & style menu
				$("#sigurnost").removeClass("active-sigurnost");
				$("#homologacije").removeClass("active-homologacije");
				$("#udobnost-nosenja").removeClass("active-nosenja");
				$("#ventilacije").removeClass("active-ventilacije");
				$("#aerodinamika").removeClass("active-aerodinamika");
				$("#velicine").removeClass("active-velicine");
				$("#pribor").removeClass("active-pribor");
				$("#jamstvo").addClass("active-jamstvo");
				//display selected division, hide others
				$("div.sigurnost").css("display", "none");
				$("div.homologacije").css("display", "none");
				$("div.udobnost-nosenja").css("display", "none");
				$("div.ventilacije").css("display", "none");
				$("div.aerodinamika").css("display", "none");
				$("div.velicine").css("display", "none");
				$("div.pribor").css("display", "none");
				$("div.jamstvo").fadeIn();
			break;

			
		}
		//alert(e.target.id);
		return false;
	});
});