// JavaScript Document
// JavaScript Document
$(document).ready(function() {
						   

//// Tool tips //////
// setup tooltip for a single DIV element
	$("a#drystorage").tooltip({
	//$("td#ttip11").tooltip({
		// each trashcan image works as a trigger
		tip: '#tooltip1',

		// custom positioning
		position: 'center right',

		// move tooltip a little bit to the right
		offset: [-80, 0],

		// there is no delay when the mouse is moved away from the trigger
		delay: 0
	});
	
	
$("a#jetskistorage").tooltip({
	//$("td#ttip11").tooltip({
		// each trashcan image works as a trigger
		tip: '#tooltip2',

		// custom positioning
		position: 'center right',

		// move tooltip a little bit to the right
		offset: [5, 50],

		// there is no delay when the mouse is moved away from the trigger
		delay: 0
	});	
	

// setup tooltip for the Produccion Historica page first table
	$("a#wetslipstorage").tooltip({
	//$("td#ttip11").tooltip({
		// each trashcan image works as a trigger
		tip: '#tooltip3',

		// custom positioning
		position: 'center right',

		// move tooltip a little bit to the right
		offset: [-130, -0],

		// there is no delay when the mouse is moved away from the trigger
		delay: 0
	});
	
// setup tooltip for the Produccion DETAILS Historica page first table
	$("#mooringsstorage").tooltip({
	//$("td#ttip11").tooltip({
		// each trashcan image works as a trigger
		tip: '#tooltip4',

		// custom positioning
		position: 'center right',

		// move tooltip a little bit to the right
		offset: [-80, -0],

		// there is no delay when the mouse is moved away from the trigger
		delay: 0
	});	
	
	
// setup tooltip 
	$("a#mooringsketch").tooltip({
		// each trashcan image works as a trigger
		tip: '#tooltip5',

		// custom positioning
		position: 'center right',

		// move tooltip a little bit to the right
		offset: [-0, -0],

		// there is no delay when the mouse is moved away from the trigger
		delay: 0
	});		
	

/////// OVERLAYS   SECTION
	// if the function argument is given to overlay,
	// it is assumed to be the onBeforeLoad event listener
	$("a[rel]").overlay({

		mask: '#111',
		top: '3%',
		fixed: false ,
		effect: 'apple',

		onBeforeLoad: function() {

			// grab wrapper element inside content
			var wrap = this.getOverlay().find(".contentWrap");

			// load the page specified in the trigger
			wrap.load(this.getTrigger().attr("href"));
		}

	});


////////////
});