/* Image w/ description tooltip v2.0
* Created: April 23rd, 2010. This notice must stay intact for usage 
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code
*/


var ddimgtooltip={

	tiparray:function(){
		var tooltips=[]
		//define each tooltip below: tooltip[inc]=['path_to_image', 'optional desc', optional_CSS_object]
		//For desc parameter, backslash any special characters inside your text such as apotrophes ('). Example: "I\'m the king of the world"
		//For CSS object, follow the syntax: {property1:"cssvalue1", property2:"cssvalue2", etc}

		tooltips[0]=["", "2 five-story hotels on Mothers Beach parking lot - withdrawn.", {background:"#FFFFFF", color:"black", border:"1px blue", width:"200px",}]
		tooltips[1]=["", "Tear down Marina Fitness Center/Mermaids Cafe on Panay Way to build 5 story 23,000 sq ft commercial center and 6 story private parking structure.", {background:"#FFFFFF", color:"black", border:"1px blue", width:"200px",}]
		tooltips[2]=["", "Bar Harbor Apartments tear down for Esprit II (sister property to Esprit I on Marquesas).", {background:"#FFFFFF", color:"black", border:"1px blue", width:"200px",}]
		tooltips[3]=["", "Neptune Apartments at Marquesas and Via Marina. Tear down existing apts to build 526 new apartments on existing property plus adjacent public parking lot that was supposed to be turned into a park as mitigation.", {background:"#FFFFFF", color:"black", border:"1px blue", width:"200px",}]
        tooltips[4]=["", "19-story Woodfin Hotel & Timeshare on wetland parcel.", {background:"#FFFFFF", color:"black", border:"1px blue", width:"200px",}]
		tooltips[5]=["", "Boat Central 75 ft high tower luxury dry-stack storage on free parking lot #52 on Fiji Way, just past Admiralty Way.", {background:"#FFFFFF", color:"black", border:"1px blue", width:"200px",}]
		tooltips[6]=["", "Proposed 135,000 square foot, high-end shopping center on public boat launch ramp. The same size as and across the street from Waterside Shopping Center).", {background:"#FFFFFF", color:"black", border:"1px blue", width:"200px",}]
		tooltips[7]=["", "26,000 square foot Beaches and Harbors Administration building on Mindanao behind the Visitor Center.", {background:"#FFFFFF", color:"black", border:"1px blue", width:"200px",}]
		tooltips[8]=["", "Last proposed project: 5 story, 290 unit, 32,000 square foot mixed use complext at Via Marina and Palawan Way - project status is on hold.", {background:"#FFFFFF", color:"black", border:"1px blue", width:"200px",}]
		tooltips[9]=["", "114 unit luxury retirement hotel on public parking lot between the Oxford Basin and Marina International Hotel.", {background:"#FFFFFF", color:"black", border:"1px blue", width:"200px",}]

		return tooltips //do not remove/change this line
	}(),

	tooltipoffsets: [20, -30], //additional x and y offset from mouse cursor for tooltips

	//***** NO NEED TO EDIT BEYOND HERE

	tipprefix: 'imgtip', //tooltip ID prefixes

	createtip:function($, tipid, tipinfo){
		if ($('#'+tipid).length==0){ //if this tooltip doesn't exist yet
			return $('<div id="' + tipid + '" class="ddimgtooltip" />').html(
				'<div style="text-align:center"><img src="' + tipinfo[0] + '" /></div>'
				+ ((tipinfo[1])? '<div style="text-align:left; margin-top:5px">'+tipinfo[1]+'</div>' : '')
				)
			.css(tipinfo[2] || {})
			.appendTo(document.body)
		}
		return null
	},

	positiontooltip:function($, $tooltip, e){
		var x=e.pageX+this.tooltipoffsets[0], y=e.pageY+this.tooltipoffsets[1]
		var tipw=$tooltip.outerWidth(), tiph=$tooltip.outerHeight(), 
		x=(x+tipw>$(document).scrollLeft()+$(window).width())? x-tipw-(ddimgtooltip.tooltipoffsets[0]*2) : x
		y=(y+tiph>$(document).scrollTop()+$(window).height())? $(document).scrollTop()+$(window).height()-tiph-10 : y
		$tooltip.css({left:x, top:y})
	},
	
	showbox:function($, $tooltip, e){
		$tooltip.show()
		this.positiontooltip($, $tooltip, e)
	},

	hidebox:function($, $tooltip){
		$tooltip.hide()
	},


	init:function(targetselector){
		jQuery(document).ready(function($){
			var tiparray=ddimgtooltip.tiparray
			var $targets=$(targetselector)
			if ($targets.length==0)
				return
			var tipids=[]
			$targets.each(function(){
				var $target=$(this)
				$target.attr('rel').match(/\[(\d+)\]/) //match d of attribute rel="imgtip[d]"
				var tipsuffix=parseInt(RegExp.$1) //get d as integer
				var tipid=this._tipid=ddimgtooltip.tipprefix+tipsuffix //construct this tip's ID value and remember it
				var $tooltip=ddimgtooltip.createtip($, tipid, tiparray[tipsuffix])
				$target.mouseenter(function(e){
					var $tooltip=$("#"+this._tipid)
					ddimgtooltip.showbox($, $tooltip, e)
				})
				$target.mouseleave(function(e){
					var $tooltip=$("#"+this._tipid)
					ddimgtooltip.hidebox($, $tooltip)
				})
				$target.mousemove(function(e){
					var $tooltip=$("#"+this._tipid)
					ddimgtooltip.positiontooltip($, $tooltip, e)
				})
				if ($tooltip){ //add mouseenter to this tooltip (only if event hasn't already been added)
					$tooltip.mouseenter(function(){
						ddimgtooltip.hidebox($, $(this))
					})
				}
			})

		}) //end dom ready
	}
}

//ddimgtooltip.init("targetElementSelector")
ddimgtooltip.init("*[rel^=imgtip]")