$(document).ready(function() {	
	jQuery.fn.gimmePos = function() {
		var obj = this;
		$(this).css("cursor","crosshair");
		$(this).click(function(event){
			var x = event.pageX - this.offsetLeft - (Math.round($(this).find("span").width()/2));
			var y = event.pageY - this.offsetTop - (Math.round($(this).find("span").width()/2));
			
			alert('X: '+x+'  Y:'+y);
		});
	};
	if (document.location.href.indexOf('gimmePos') > 0) 
	$("#appmap").gimmePos();
				
	$("#appmapItems li a.appmapItemtip").each(function(index) {
		var coord = $(this).attr("rel").split("|")
		var sX = coord[0]+'px';
		var sY = coord[1]+'px';
		$( '<span id="mapItem_'+(index+1)+'_tip">' +  (index+1) + '</span>' ).appendTo("#appmap").css({'left':sX,'top':sY});
		$( '<span>' +(index+1)+ '</span>' ).prependTo( this );
		$( '<br class="clr" />' ).appendTo( $(this).parent() );
	});
		
	// Override default parameters onload
	$.fn.hoverscroll.params = $.extend($.fn.hoverscroll.params, {
		vertical : true,
		width: 225,
		height: 275,
		arrows: true
	});

	// Generate hoverscroll with overridden default parameters
	$('#appmenu').hoverscroll();
						   
	$("#appslider").scrollable({size: 1, easing: 'easeOutExpo', speed: 1000}).circular().navigator({navi: "#appmenu", naviItem: 'a', activeClass: 'current'}).autoscroll({steps: 1, interval: 5000});
	
	$("#myTable").tablesorter({sortList: [[1,0]], headers: { 0:{sorter: false}, 2:{sorter: 'currency'}, 7:{sorter: false}, 8:{sorter: false}}, widgets: ['zebra']}); 
	
	    //Set opacity on each span to 0%
    $("div#appLib span").css({'opacity':'0', 'display':'block'});

	$('div#appLib a').hover(
		function() {
			$(this).find('span').stop().fadeTo(500, 1);
		},
		function() {
			$(this).find('span').stop().fadeTo(500, 0);
		}
	)

	
});