function initBottomMenu(){

	$(".headerMenuItem")
		.mouseover(function(){
			$(this).addClass("headerMenuHover");
		}).mouseout(function(){
			$(this).removeClass("headerMenuHover");
		});
	
	$(".footerMenuItem")
		.mouseover(function(){
			$(this).addClass("footerMenuHover");
		})
		.mouseout(function(){
			$(this).removeClass("footerMenuHover");
		});
	
	$("#newsPanel")
		.bind("open", onNewsPanelOpen)
		.bind("close", onNewsPanelClose);
	
	$("#eventsPanel")
		.bind("open", onEventsPanelOpen)
		.bind("close", onEventsPanelClose);
	
	$("#quickSearchPanel")
		.bind("open", onQuickSearchPanelOpen)
		.bind("close", onQuickSearchPanelClose);
	
	$("#buyNowPanel")
		.bind("open", onBuyNowPanelOpen)
		.bind("close", onBuyNowPanelClose);
	
}



$(initBottomMenu);

var newsLoaded = false;
function onNewsPanelOpen(){
	if(!newsLoaded){
		newsLoaded = true;
		$("#monthlyContent").html("loading...");
		$.get("monthly.html.php", function(html){
			$("#monthlyContent").html(html);
		});
	}
}
function onNewsPanelClose(){
	
}
var eventsLoaded = false;
function onEventsPanelOpen(){
	if(!eventsLoaded){
		eventsLoaded = true;
		//$("#view").load("view_events.php");
		$("#eventsContent").html("loading...");
		//$("#view").load("view_events.php");
		$.get("events.html.php", function(html){
			
			$("#eventsContent").html(html);
			$("#view").load("view_events.php");
		});
	}
}
function onEventsPanelClose(){
}

var quickSearchLoaded = false;
function onQuickSearchPanelOpen(){
	if(!quickSearchLoaded){
		quickSearchLoaded = true;
		$("#quickSearchContent").html("loading...");
		$.get("quick_search.html.php", function(html){
			$("#quickSearchContent").html(html);
		});
	}
}
function onQuickSearchPanelClose(){
}
function onBuyNowPanelOpen(){
	showBuyNowContent("buy_now.html.php");
}
function showBuyNowContent(url){
	$("#buyNowContent").html("loading...");
	$.get(url, function(html){
		$("#buyNowContent").html(html);		
	});
	
}

function onBuyNowPanelClose(){
	resetPurchasedNumbers();
}

function refreshBuyNowButton(time, times){
	time = time || 200;
	times = times || 1;
	$("#buyNowButton").Pulsate(time,times);
	
}
function hideBottomMenu(panelToHide, menu){
	if(!menu){
		menu = panelToHide;
		panelToHide = $($(menu).attr("panel"));
	}
	
	if( (panelToHide.css("display") + "").toLowerCase() == "none")
		return ;
		
	$(panelToHide).SlideOutDown(300, function(){
		$(menu).removeClass("footerMenuSelected");
		if($(".footerMenuSelected").length == 0){
			$("#slideUpPanelContainer").hide();
			$("#bottomMenu").removeClass("bottomMenuSelected");	
			
		}
		$(this).trigger("close");
	});
}

function hideAllBottomMenu(){
	if($("#slideUpPanelContainer").css("display") == "none")
		return false;
	//if($(menu)==$("#buyNowButton")){$("#buyNowButton").addClass("footerMenuItem");}
	$(".footerMenuItem").each(function(){
		hideBottomMenu(this);
	});
	return true;
}



function openBottomMenu(panelToShow, menu){
	$("#slideUpPanelContainer").show();
	if(!panelToShow)
		return;
	var panelHidden = 0;
	if(!menu){
		menu = panelToShow;
		panelToShow = $($(menu).attr("panel"));
	}
	if( (panelToShow.css("display") + "").toLowerCase() != "none")
		return ;
		
	$(".footerMenuItem").each(function(){
		var panelProperty = $(this).attr("panel");
		if(panelProperty){
			var myPanel = $(panelProperty);
			
			if(myPanel == panelToShow){
				//myPanel.SlideInDown(1000);
			}else{
				if( (myPanel.css("display") + "").toLowerCase() != "none"){
					hideBottomMenu(myPanel, this);
					panelHidden ++;
				}
			}
		}
	});
	var showChoosen = function(){
		$(menu).addClass("footerMenuSelected");
		$("#bottomMenu").addClass("bottomMenuSelected");
		$(panelToShow).trigger("open");
		panelToShow.SlideInDown(500, function(){
			$("#slideUpPanelContainer").show();
			$("#bottomMenu").addClass("bottomMenuSelected");
		});
	};
	/*
	if(panelHidden > 0)
		setTimeout(showChoosen, 500);
	else
	*/
		showChoosen();
}
function toggleBottomMenu(menu){
	var panel = $($(menu).attr("panel"));
	
	if(!panel)
		return;
	
	if( (panel.css("display") + "").toLowerCase() != "none")
		hideBottomMenu(panel, menu);
	else
		openBottomMenu(panel, menu);
}
