// JavaScript Document
$(document).ready( function(){
		$("#ledPengenalan").show();
		$("#ledModel").hide();
		$("#ledPemasangan").hide();
		
		$("#ledPengenalanMenu").click( function(){
			$("#ledPengenalan").animate({ width: "820", left: "15"}, "slow");
			$("#ledModel").animate({ width: "20", left: "885"}, "slow");
			$("#ledPemasangan").animate({ width: "20", left: "885"}, "slow");
			$("#ledPengenalan").show("slow");
			$("#ledModel").hide("slow");
			$("#ledPemasangan").hide("slow");
			return false; });
		
		$("#ledModelMenu").click( function(){
			$("#ledPengenalan").animate({ width: "20", left: "885"}, "slow");
			$("#ledModel").animate({ width: "820", left: "15"}, "slow");
			$("#ledPemasangan").animate({ width: "20", left: "885"}, "slow");
			$("#ledPengenalan").hide("slow");
			$("#ledModel").show("slow");
			$("#ledPemasangan").hide("slow");
			
			return false; });
		
		$("#ledPemasanganMenu").click( function(){
			$("#ledPengenalan").animate({ width: "20", left: "885"}, "slow");
			$("#ledModel").animate({ width: "20", left: "885"}, "slow");
			$("#ledPemasangan").animate({ width: "820", left: "15"}, "slow");
			$("#ledPengenalan").hide("slow");
			$("#ledModel").hide("slow");
			$("#ledPemasangan").show("slow");
			return false; });
		
		$.ajax({
			   url: 'ledKatalog.php',
			   success: function(html){
					$('#ledM').html(html);
			   }
		});
	}
);