/**
 *	onload handler
 */

$(document).ready(function(){

	$("#menuDiv li a").hover(function() {
		$("#menuTips").html( $(this).attr('tipText') );
		//$("#menuTips").html('something');
	}, function(){
		$("#menuTips").html('');
	});

	$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)

	$("ul.topnav li span").click(function() { //When trigger is clicked...
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
		$(this).parent().hover(function() {
		}, function() {
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});
		//Following events are applied to the trigger (Hover events for the trigger)
	}).hover(function() {
		$(this).addClass("subhover"); //On hover over, add class "subhover"
	}, function(){	//On Hover Out
		$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});

	$("a.disabled").click(function(event) {
		alert( "This has been disabled while the content is updated and fixed." );
		event.preventDefault();
	});
	
});

/**********
	end onload code
**********/


/**********
	icon tooltips
**********/
this.iconTooltip = function(){	
	xOffset = 10;
	yOffset = 10;
	$(".invItem").hover(function(e){
		var id = $(this).attr('id');
		// build html for tooltip
		var item = invArr[id];
		var htmlString = "<table width='200px'>\n<tr><td colspan=2>" + item['name'] + "</td></tr>";
		htmlString += "<tr><td width='75px'>Bag Slots</td><td>" + item['bagSlots'] + "</td></tr>";
		htmlString += "<tr><td>Info</td><td>" + item['desc'] + "</td></tr>";
		htmlString += "</table>";
		if( $("#contentDiv").length > 0 ) {
			$("#contentDiv").append("<div id='itemTooltipText'>"+htmlString+"</div>");
		} else {
			$("body").append("<div id='itemTooltipText'>"+htmlString+"</div>");
		}
		var newTop = (e.pageY - xOffset) + "px";
		var newLeft = (e.paxeX + yOffset) + "px";
		if( $("#contentDiv").length > 0 ) {
			var d = $('#contentDiv');
			var pos = d.position();
			newTop = (e.pageY - xOffset) + "px";
			newLeft = (e.paxeX + yOffset) + "px";
		}
		$("#itemTooltipText")
//			.css("top",(e.pageY - xOffset) + "px")
//			.css("left",(e.pageX + yOffset) + "px")
			.css("top", newTop)
			.css("left", newLeft)
			.fadeIn("slow");
    },
	function() {
		$("#itemTooltipText").remove();
    });	
	$(".invItem").mousemove(function(e){
		var newTop = (e.pageY - xOffset) + "px";
		var newLeft = (e.paxeX + yOffset) + "px";
		if( $("#contentDiv").length > 0 ) {
			var d = $('#contentDiv');
			var pos = d.position();
			newTop = (e.pageY - xOffset) + "px";
			newLeft = (e.paxeX + yOffset) + "px";
		}
		$("#itemTooltipText")
//			.css("top",(e.pageY - xOffset) + "px")
//			.css("left",(e.pageX + yOffset) + "px")
			.css("top", newTop)
			.css("left", newLeft);
	});			
};




/**********
	
**********/


/**********
	
**********/



/**********
	
**********/




/**********
	
**********/

/**********
	
**********/


/**********
	
**********/


/**********
	
**********/



/**********
	
**********/




/**********
	
**********/

/**********
	
**********/