function bannerNavShow(id) {
    this.id = id;
	$("#bannerNav_" + this.id).css("visibility", "visible");
	$("#bannerNav_" + this.id).css("z-index", "900");
}

function bannerNavHide(id) {
	$("#bannerNav_" + id).css("visibility", "hidden");
	$("#bannerNav_" + this.id).css("z-index", "0");
}

$(document).ready(function() {
	$(".bannerNavArea").bind("mouseover", function(){
		var bN_itemID = $(this).attr('id');
		var bN_id = bN_itemID.substr(bN_itemID.length-2, 2);	
		bannerNavShow(bN_id);
	});
	
	$(".bannerNavArea").bind("mouseout", function(){
		var bN_itemID = $(this).attr('id');
		var bN_id = bN_itemID.substr(bN_itemID.length-2, 2);
		bannerNavHide(bN_id);
	});
	
	
	
	$("#primNavBox .first").bind("mouseover", function(){
		$(this).addClass('first-hover');
	});
	$("#primNavBox .first").bind("mouseout", function(){
		$(this).removeClass('first-hover');
	});
	$("#primNavBox .middle").bind("mouseover", function(){
		$(this).addClass('middle-hover');
	});
	$("#primNavBox .middle").bind("mouseout", function(){
		$(this).removeClass('middle-hover');
	});
	$("#primNavBox .last").bind("mouseover", function(){
		$(this).addClass('last-hover');
	});
	$("#primNavBox .last").bind("mouseout", function(){
		$(this).removeClass('last-hover');
	});
});