var timeoverId, timeoutId;

$(document).ready(function(){					   
	 $("#menu_btn_1").mouseover(function () {  
	 timeoutId = setTimeout(add_1, 0);
	 timeoutId = setTimeout(back_z, 400);
	  clearTimeout(timeoverId);
    });
	
	 $("#menu_btn_1").mouseout(function () {
	 timeoverId = setTimeout(go_z, 400);
	  clearTimeout(timeoutId);
    });
	 $("#menu_btn_2").mouseover(function () {  
	 timeoutId = setTimeout(add_2, 0);
	 timeoutId = setTimeout(back_x, 400);
	  clearTimeout(timeoverId);
    });
	
	 $("#menu_btn_2").mouseout(function () {
	 timeoverId = setTimeout(go_x, 400);
	  clearTimeout(timeoutId);
    });
	 
	 $("#menu_btn_3").mouseover(function () { 
	 timeoutId = setTimeout(add_3, 0);
	 timeoutId = setTimeout(back_c, 400);
	  clearTimeout(timeoverId);
    });
	
	 $("#menu_btn_3").mouseout(function () {
	 timeoverId = setTimeout(go_c, 400);
	  clearTimeout(timeoutId);
    });
	 $("#menu_btn_4").mouseover(function () { 
	 timeoutId = setTimeout(add_4, 0);
	 timeoutId = setTimeout(back_v, 400);
	  clearTimeout(timeoverId);
    });
	
	 $("#menu_btn_4").mouseout(function () {
	 timeoverId = setTimeout(go_v, 400);
	  clearTimeout(timeoutId);
    });
						   });
 function go_z() {  $("#menu_tab_1").css("display","block"); $("#menu_tab_2").css("display","none"); $("#menu_tab_3").css("display","none"); $("#menu_tab_4").css("display","none"); }
 function go_x() {  $("#menu_tab_1").fadeOut(500); $("#menu_tab_1").css("display","none"); $("#menu_tab_2").css("display","block"); $("#menu_tab_3").css("display","none"); $("#menu_tab_4").css("display","none"); }
 function go_c() {  $("#menu_tab_1").fadeOut(500); $("#menu_tab_1").css("display","none"); $("#menu_tab_2").css("display","none"); $("#menu_tab_3").css("display","block"); $("#menu_tab_4").css("display","none"); }
 function go_v() {  $("#menu_tab_1").fadeOut(500); $("#menu_tab_1").css("display","none"); $("#menu_tab_2").css("display","none"); $("#menu_tab_3").css("display","none"); $("#menu_tab_4").css("display","block"); counter=4; }

function back_z() {  $("#menu_tab_1").fadeIn(500); $("#menu_tab_1").css("display","block"); $("#menu_tab_2").css("display","none"); $("#menu_tab_3").css("display","none"); $("#menu_tab_4").css("display","none"); }
function back_x() {  $("#menu_tab_2").fadeIn(500); $("#menu_tab_1").css("display","none"); $("#menu_tab_2").css("display","block"); $("#menu_tab_3").css("display","none"); $("#menu_tab_4").css("display","none"); }
function back_c() {   $("#menu_tab_3").fadeIn(500); $("#menu_tab_1").css("display","none"); $("#menu_tab_2").css("display","none"); $("#menu_tab_3").css("display","block"); $("#menu_tab_4").css("display","none"); }
function back_v() {  $("#menu_tab_4").fadeIn(500); $("#menu_tab_1").css("display","none"); $("#menu_tab_2").css("display","none"); $("#menu_tab_3").css("display","none"); $("#menu_tab_4").css("display","block"); }


function add_1() {  
			$("#menu_btn_1").addClass('active');
			$("#menu_btn_2").removeClass('active');
			$("#menu_btn_3").removeClass('active');
			$("#menu_btn_4").removeClass('active');
		}
		 function add_2 () {  
			$("#menu_btn_2").addClass('active');
			$("#menu_btn_1").removeClass('active');
			$("#menu_btn_3").removeClass('active');
			$("#menu_btn_4").removeClass('active');
		}
		 function add_3 () {  
			$("#menu_btn_3").addClass('active');
			$("#menu_btn_1").removeClass('active');
			$("#menu_btn_2").removeClass('active');
			$("#menu_btn_4").removeClass('active');
		}
		function add_4 () {  
			$("#menu_btn_4").addClass('active');
			$("#menu_btn_1").removeClass('active');
			$("#menu_btn_2").removeClass('active');
			$("#menu_btn_3").removeClass('active');
		}