$(document).ready(function(){
	//alert("ready");
	var t;
	var currCat = 1;
	var prevCat = 0;
	
	var overlay = false;
	
	$("#overlay").animate({
			opacity: "0"
		}, 5);
		
	
	// Investment Button	
	$("#inv_bt").mouseover(function(){
		
		clearTimeout(t);
		prevCat = currCat;
		currCat = 1;
		
		if(prevCat!=0){
			document.getElementById("content"+prevCat).style.display = "none";
		}
		document.getElementById("worldID").style.display = "none";
		document.getElementById("loginID").style.display = "none";
		
		document.getElementById("overlay").style.display = "block";
		
		$("#content1").fadeIn(500);
		
		if(overlay == false){
			$("#overlay").animate({
				opacity: "0.7"
			}, 300, function(){overlay = true;});
		}
		changeToWhite();
	});
	
	$("#inv_bt").mouseout(function(){
		t = setTimeout(function(){
			
			$("#content1").fadeOut(500);
			
			if(overlay == true){
			$("#overlay").animate({
				opacity: "0"
			}, 300, function(){overlay = false; document.getElementById("overlay").style.display = "none";});
			}
			
			changeToBlack();
			
		}, 200);
		
	});
	// --- END --
	
	// Investment Content
	$("#content").mouseover(function(){
		clearTimeout(t);
		
		document.getElementById("worldID").style.display = "none";
		document.getElementById("loginID").style.display = "none";
		
	});
	
	$("#content").mouseout(function(){
		t = setTimeout(function(){
								
			$("#content"+currCat).fadeOut(500);
			
			$("#overlay").animate({
				opacity: "0"
			}, 300, function(){overlay = false; document.getElementById("overlay").style.display = "none";});
			
			changeToBlack();
		}, 200);

	});
	
	
	
	// Strategy Button	
	$("#start_bt").mouseover(function(){
		
		clearTimeout(t);
		prevCat = currCat;
		currCat = 2;
		
		if(prevCat!=0){
		document.getElementById("content"+prevCat).style.display = "none";
		}
		
		document.getElementById("worldID").style.display = "none";
		document.getElementById("loginID").style.display = "none";
		
		document.getElementById("overlay").style.display = "block";
	
		$("#content2").fadeIn(500);
		
		if(overlay == false){
			$("#overlay").animate({
				opacity: "0.7"
			}, 300, function(){overlay = true;});
		}
		changeToWhite();
	});
	
	$("#start_bt").mouseout(function(){
		t = setTimeout(function(){
			
			$("#content2").fadeOut(500);
			
			if(overlay == true){
			$("#overlay").animate({
				opacity: "0"
			}, 300, function(){overlay = false; document.getElementById("overlay").style.display = "none";});
			}
			
			changeToBlack();
			
		}, 200);
		
	});
	// --- END --
	
	
	// Insight Button	
	$("#insight_bt").mouseover(function(){
		
		clearTimeout(t);
		prevCat = currCat;
		currCat = 3;
		
		if(prevCat!=0){
			document.getElementById("content"+prevCat).style.display = "none";
		}
		
		document.getElementById("worldID").style.display = "none";
		document.getElementById("loginID").style.display = "none";
		
		document.getElementById("overlay").style.display = "block";
	
		$("#content3").fadeIn(500);
		
		if(overlay == false){
			$("#overlay").animate({
				opacity: "0.7"
			}, 300, function(){overlay = true;});
		}
		changeToWhite();
	});
	
	$("#insight_bt").mouseout(function(){
		t = setTimeout(function(){
			
			$("#content3").fadeOut(500);
			
			if(overlay == true){
			$("#overlay").animate({
				opacity: "0"
			}, 300, function(){overlay = false; document.getElementById("overlay").style.display = "none";});
			}
			
			changeToBlack();
			
		}, 200);
		
	});
	// --- END --
	
	
	// CitizenShip Button	
	$("#citizen_bt").mouseover(function(){
		
		clearTimeout(t);
		prevCat = currCat;
		currCat = 4;
		
		if(prevCat!=0){
			document.getElementById("content"+prevCat).style.display = "none";
		}
		
		document.getElementById("worldID").style.display = "none";
		document.getElementById("loginID").style.display = "none";
		
		document.getElementById("overlay").style.display = "block";
	
		$("#content4").fadeIn(500);
		
		if(overlay == false){
			$("#overlay").animate({
				opacity: "0.7"
			}, 300, function(){overlay = true;});
		}
		changeToWhite();
	});
	
	$("#citizen_bt").mouseout(function(){
		t = setTimeout(function(){
			
			$("#content4").fadeOut(500);
			
			if(overlay == true){
			$("#overlay").animate({
				opacity: "0"
			}, 300, function(){overlay = false; document.getElementById("overlay").style.display = "none";});
			}
			
			changeToBlack();
			
		}, 200);
		
	});
	// --- END --
	
	
	// Firm Button	
	$("#firm_bt").mouseover(function(){
		
		clearTimeout(t);
		prevCat = currCat;
		currCat = 5;
		
		if(prevCat!=0){
			document.getElementById("content"+prevCat).style.display = "none";
		}
		
		document.getElementById("worldID").style.display = "none";
		document.getElementById("loginID").style.display = "none";
		
		document.getElementById("overlay").style.display = "block";
	
		$("#content5").fadeIn(500);
		
		if(overlay == false){
			$("#overlay").animate({
				opacity: "0.7"
			}, 300, function(){overlay = true;});
		}
		changeToWhite();
	});
	
	$("#firm_bt").mouseout(function(){
		t = setTimeout(function(){
			
			$("#content5").fadeOut(500);
			
			if(overlay == true){
			$("#overlay").animate({
				opacity: "0"
			}, 300, function(){overlay = false; document.getElementById("overlay").style.display = "none";});
			}
			
			changeToBlack();
			
		}, 200);
		
	});
	// --- END --
	
	
	// Menu - Login
	$("#link1 a").mouseover(function(){
		clearTimeout(t);
		//if(prevCat!=0){
			document.getElementById("content"+currCat).style.display = "none";
		//}
		document.getElementById("worldID").style.display = "none";
		
		document.getElementById("overlay").style.display = "block";
		
		document.getElementById("gs_nav_search").style.backgroundColor = "#5c5c5c";  
		document.getElementById("gs_nav_searchbox").style.backgroundColor = "#5c5c5c";
		
		$("#loginID").fadeIn(500);						 
		if(overlay == false){
			$("#overlay").animate({
				opacity: "0.7"
			}, 100, function(){overlay = true;});
		}							   
	});
	
	$("#link1 a").mouseout(function(){
		t = setTimeout(function(){
								
			$("#loginID").fadeOut(500);						 
			if(overlay == true){
				$("#overlay").animate({
					opacity: "0"
				}, 100, function(){overlay = false; document.getElementById("overlay").style.display = "none";});
			}		
		
		}, 200);
	});
	
	// --- End ---
	
	
	
	// Menu - World
	$("#link2 a").mouseover(function(){
		clearTimeout(t);
		document.getElementById("content"+currCat).style.display = "none";
		document.getElementById("loginID").style.display = "none";
		
		document.getElementById("overlay").style.display = "block";
		
		document.getElementById("gs_nav_search").style.backgroundColor = "#5c5c5c";  
		document.getElementById("gs_nav_searchbox").style.backgroundColor = "#5c5c5c";
		
		$("#worldID").fadeIn(500);						 
		if(overlay == false){
			$("#overlay").animate({
				opacity: "0.7"
			}, 100, function(){overlay = true;});
		}							   
	});
	
	$("#link2 a").mouseout(function(){
		t = setTimeout(function(){
								
			$("#worldID").fadeOut(500);						 
			if(overlay == true){
				$("#overlay").animate({
					opacity: "0"
				}, 100, function(){overlay = false; document.getElementById("overlay").style.display = "none";});
			}		
		
		}, 200);
	});
	
	// --- End ---
	
	
	// Login Area
	$("#loginID").mouseover(function(){
									 
			clearTimeout(t);
			
			
			
	});
	
	$("#loginID").mouseout(function(){
									 
			t = setTimeout(function(){
								
			$("#loginID").fadeOut(500);						 
			if(overlay == true){
				$("#overlay").animate({
					opacity: "0"
				}, 100, function(){overlay = false; document.getElementById("overlay").style.display = "none";});
			}		
		
		}, 100);
			
	});
	
	
	// World Area
	$("#worldID").mouseover(function(){
									 
			clearTimeout(t);
			
	});
	
	$("#worldID").mouseout(function(){
									 
			t = setTimeout(function(){
								
			$("#worldID").fadeOut(500);						 
			if(overlay == true){
				$("#overlay").animate({
					opacity: "0"
				}, 100, function(){overlay = false; document.getElementById("overlay").style.display = "none";});
			}		
		
		}, 100);
			
	});
	
	// Search Box
	$("#gs_nav_search").mouseover(function(){
		
		clearTimeout(t);
		document.getElementById("content"+currCat).style.display = "none";
		document.getElementById("loginID").style.display = "none";
		document.getElementById("worldID").style.display = "none";
		changeToBlack();
		
		document.getElementById("overlay").style.display = "block";
		if(overlay == false){
			$("#overlay").animate({
				opacity: "0.7"
			}, 300, function(){overlay = true;});
		}
		
		document.getElementById("gs_nav_search").style.backgroundColor = "#ffffff";  
		document.getElementById("gs_nav_searchbox").style.backgroundColor = "#ffffff";
	});
	
	$("#gs_nav_search").mouseout(function(){
					
		t = setTimeout(function(){
								
		if(overlay == true){
				$("#overlay").animate({
					opacity: "0"
				}, 300, function(){overlay = false; document.getElementById("overlay").style.display = "none";});
		}	
		document.getElementById("gs_nav_search").style.backgroundColor = "#5c5c5c";  
		document.getElementById("gs_nav_searchbox").style.backgroundColor = "#5c5c5c";
		
		}, 100);
	});
	
	// --- Function ----------
	function changeToWhite(){
		document.getElementById("id1_img").src = 'images/white1.jpg';
		document.getElementById("id2_img").src = 'images/white2.jpg';
		document.getElementById("id3_img").src = 'images/white3.jpg';
		document.getElementById("id4_img").src = 'images/white4.jpg';
		document.getElementById("id5_img").src = 'images/white5.jpg';
		
		document.getElementById("gs_nav_searchbox").style.backgroundColor = "#ffffff";
		document.getElementById("gs_nav_search").style.backgroundColor = "#ffffff";
		document.getElementById("top_nav").style.backgroundColor = "#ffffff";
		
		
		document.getElementById("normal").style.display = "none";
		document.getElementById("hover").style.display = "block";
		
		
	}
	
	function changeToBlack(){
		document.getElementById("id1_img").src = 'images/investment_btn.jpg';
		document.getElementById("id2_img").src = 'images/startegy_btn.jpg';
		document.getElementById("id3_img").src = 'images/insight_btn.jpg';
		document.getElementById("id4_img").src = 'images/citizen_btn.jpg';
		document.getElementById("id5_img").src = 'images/firm_btn.jpg';
		
		document.getElementById("gs_nav_searchbox").style.backgroundColor = "#5c5c5c";
		document.getElementById("gs_nav_search").style.backgroundColor = "#5c5c5c";
		document.getElementById("top_nav").style.backgroundColor = "#5c5c5c";
		
		document.getElementById("normal").style.display = "block";
		document.getElementById("hover").style.display = "none";
		
		
		
		
	}
	
	
});