<odd>
<div id="content_area_user_title"><h2>Bohol Field Trip</h2></div><entity uuid="http://friendsian.com/export/opendd/29203/" class="object" subclass="image" published="Fri, 12 Mar 2010 21:56:28 -0500" />
<metadata uuid="http://friendsian.com/export/opendd/29203/attr/owner_uuid/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="owner_uuid" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[http://friendsian.com/export/opendd/219/]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/attr/container_uuid/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="container_uuid" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[http://friendsian.com/export/opendd/29147/]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/attr/site_uuid/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="site_uuid" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[http://friendsian.com/export/opendd/1/]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/attr/time_updated/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="time_updated" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[1268449093]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/attr/title/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="title" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[Bohol Field Trip]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/attr/description/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="description" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[<p>Chocolate Hills</p>]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/volatile/renderedentity/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="renderedentity" type="volatile" ><![CDATA[<div class="contentWrapper">
	<div id="tidypics_wrapper">

		<div id="tidypics_breadcrumbs">
			<a href="http://friendsian.com/pg/photos/owned/zreai">Zreai's photo albums</a>
>>  <a href="http://friendsian.com/pg/photos/album/29147/field-trips">Field Trips</a>
 <br />
			Views: 28		</div>

		<div id="tidypics_desc">
			<p>Chocolate Hills</p>
		</div>
		<div id="tidypics_image_nav">
			<ul>
				<li><a href="http://friendsian.com/pg/photos/view/29204">&laquo; Previous</a></li>
				<li><a href="http://friendsian.com/pg/photos/view/29202">Next &raquo;</a></li>
			</ul>
		</div>
		<div id="tidypics_image_wrapper">
			<a href="http://friendsian.com/pg/photos/download/29203/inline/" title="Bohol Field Trip" ><img id="tidypics_image"  src="http://friendsian.com/pg/photos/thumbnail/29203/large/" alt="Bohol Field Trip" /></a>			<div class="clearfloat"></div>
		</div>
<div id="tidypics_controls"><ul><li id="download_image"><a href="http://friendsian.com/pg/photos/download/29203/">Download image</a></li>
</ul></div><div id='tidypics_tag_instructions'>
	<div id='tidypics_tag_instruct_text'>Select area that you want to tag</div>
	<div id='tidypics_tag_instruct_button_div'><button class='submit_button' id='tidypics_tag_instruct_button' onclick='stopTagging()'>Stop tagging</button></div>
</div>
<div id="tidypics_tag_menu" class="tidypics_popup">
	<div class='tidypics_popup_header'><h3>Tag this photo</h3></div>
<div class="clearfloat"></div>
</div>
<div id="tidypics_delete_tag_menu" class="tidypics_popup">
	<div class='tidypics_popup_header'><h3>Select tags to delete</h3></div>

</div>

<script type="text/javascript" src="http://friendsian.com/mod/tidypics/vendors/jquery.imgareaselect-0.7.js"></script>
<script type="text/javascript" src="http://friendsian.com/mod/tidypics/vendors/jquery.quicksearch.js"></script>

<script type="text/javascript">

	var coordinates = "";
	var user_id = 0;
	var tagging = 0;

	// add to DOM as soon as ready
	$(document).ready(function () {
			$('ul#tidypics_phototag_list li').quicksearch({
				position: 'before',
				attached: 'ul#tidypics_phototag_list',
				loaderText: '',
				inputClass: 'input-filter',
				delay: 100
			});

			$('#quicksearch').submit( function () { addTag() } );
		}
	);

	// images are loaded so process tags
	$(window).load(function () {
			$('#tidypics_image').setupTags();
		}
	);

	// get tags over image ready for mouseover
	// based on code by Tarique Sani tarique at sanisoft.com - MIT and GPL licenses
	$.fn.setupTags = function()
	{

		image = this;

		imgOffset = $(image).offset();
		imgOffset.left = parseInt(imgOffset.left) + parseInt($(image).css("border-left-width")) + parseInt($(image).css("padding-left"));
		imgOffset.top = parseInt(imgOffset.top) + parseInt($(image).css("border-top-width")) + parseInt($(image).css("padding-top"));

		tags = "";

		$(tags).each(function(){
			appendTag(imgOffset, this);
		});

		$(image).hover(
			function(){
				$('.tidypics_tag').show();
			},
			function(){
				$('.tidypics_tag').hide();
			}
		);

		addTagEvents();

		$('.tidypics_phototag_links').hover(
			function(){
				code = this.id.substr(7); // cut off taglink to get unique id
				$('#tag'+code).show();
			},
			function(){
				code = this.id.substr(7);
				$('#tag'+code).hide();
			}
		);

		// make sure we catch and handle when the browser is resized
		$(window).resize(function () {
			$('.tidypics_tag').remove();

			imgOffset = $(image).offset();

			$(tags).each(function(){
				appendTag(imgOffset, this);
			});

			addTagEvents();
		});
	}

	function appendTag(offset, tag)
	{
		// catch for IE when no tags available
		if (tag.id == undefined)
			return;

		tag_top   = parseInt(imgOffset.top) + parseInt(tag.y1);
		tag_left  = parseInt(imgOffset.left) + parseInt(tag.x1);

		tag_div = $('<div class="tidypics_tag" id="tag'+tag.id+'"></div>').css({ left: tag_left + 'px', top: tag_top + 'px', width: tag.width + 'px', height: tag.height + 'px' });

		text_top = parseInt(tag_top) + parseInt(tag.height) + 5;

		tag_text_div = $('<div class="tidypics_tag_text">'+tag.text+'</div>').css({ left: tag_left + 'px', top: text_top + 'px', width: '120px'});

		$('body').append(tag_div);
		$('body').append(tag_text_div);
	}

	function addTagEvents()
	{
		$('.tidypics_tag').hover(
			function(){
				$('.tidypics_tag').show();
				$(this).next('.tidypics_tag_text').show();
				$(this).next('.tidypics_tag_text').css("z-index", 10000);
			},
			function(){
				$('.tidypics_tag').show();
				$(this).next('.tidypics_tag_text').hide();
				$(this).next('.tidypics_tag_text').css("z-index", 0);
			}
		);
	}


	function selectUser(id, name)
	{
		user_id = id;
		$("input.input-filter").val(name);
	}

	function startTagging()
	{
		if (tagging != 0)
		{
			stopTagging();
			return;
		}

		tagging = 1;

		$('#tidypics_tag_control').text("Stop tagging");

		showTagInstruct();
		$('#tidypics_delete_tag_menu').hide();

		$('#tidypics_image').hover(
			function(){
				$('.tidypics_tag').hide();
			},
			function(){
				$('.tidypics_tag').hide();
			}
		);

		$('img#tidypics_image').imgAreaSelect( {
			borderWidth: 2,
			borderColor1: 'white',
			borderColor2: 'white',
			disable: false,
			hide: false,
			onSelectEnd: showTagMenu,
			onSelectStart: hideTagMenu
			}
		);

		$('img#tidypics_image').css({"cursor" : "crosshair"});
	}

	function stopTagging()
	{
		tagging = 0;

		hideTagInstruct();
		hideTagMenu();

		$('img#tidypics_image').imgAreaSelect( {hide: true, disable: true} );

		$('#tidypics_tag_control').text("Tag this photo");

		// restart tag hovering
		$('#tidypics_image').hover(
			function(){
				$('.tidypics_tag').show();
			},
			function(){
				$('.tidypics_tag').hide();
			}
		);

		$('img#tidypics_image').css({"cursor" : "pointer"});
	}

	function showTagMenu(oObject, oCoordenates)
	{
		offsetX = 6;
		offsetY = 10;

		imgOffset = $('#tidypics_image').offset();

		// show the list of friends
		if (oCoordenates.width != 0 && oCoordenates.height != 0) {
			coordinates = oCoordenates;

			_top = imgOffset.top + oCoordenates.y2 + offsetY;
			_left = imgOffset.left + oCoordenates.x1 + offsetX;

			$('#tidypics_tag_menu').show().css({
				"top": _top + "px",
				"left": _left + "px"
			});

			$(".input-filter").focus();
		}
	}


	function hideTagMenu()
	{
		$('#tidypics_tag_menu').hide();
	}

	function showTagInstruct()
	{
		offsetY = -60;

		divWidth = $('#tidypics_tag_instructions').width();
		imgOffset = $('#tidypics_image').offset();
		imgWidth  = $('#tidypics_image').width();
		offsetX   = parseInt((imgWidth - divWidth)/2);

		_top = imgOffset.top + offsetY;
		_left = imgOffset.left + offsetX;

		$('#tidypics_tag_instructions').show().css({
			"top": _top + "px",
			"left": _left + "px"
		});
	}

	function hideTagInstruct()
	{
		$('#tidypics_tag_instructions').hide();
	}

	function addTag()
	{
		// do I need a catch for no tag?

		$("input#user_id").val(user_id);
		$("input#word").val( $("input.input-filter").val() );

		coord_string  = '"x1":"' + coordinates.x1 + '",';
		coord_string += '"y1":"' + coordinates.y1 + '",';
		coord_string += '"width":"' + coordinates.width + '",';
		coord_string += '"height":"' + coordinates.height + '"';

		$("input#coordinates").val(coord_string);

		//Show loading
		//$("#tag_menu").replaceWith('<div align="center" class="ajax_loader"></div>');
	}

	function deleteTags()
	{
		offsetY = 60;

		stopTagging();

		divWidth = $('#delete_tag_menu').width();
		imgOffset = $('#tidypics_image').offset();
		imgWidth  = $('#tidypics_image').width();
		offsetX   = parseInt((imgWidth - divWidth)/2);

		_top = imgOffset.top + offsetY;
		_left = imgOffset.left + offsetX;

		$('#tidypics_delete_tag_menu').show().css({
			"top": _top + "px",
			"left": _left + "px"
		});

		$('#tidypics_image').hover(
			function(){
				$('.tidypics_tag').hide();
			},
			function(){
				$('.tidypics_tag').hide();
			}
		);
	}

	function hideDeleteMenu()
	{
		$('#tidypics_delete_tag_menu').hide();

		// restart tag hovering
		$('#tidypics_image').hover(
			function(){
				$('.tidypics_tag').show();
			},
			function(){
				$('.tidypics_tag').hide();
			}
		);
	}
</script>
		<div class="tidypics_info">
			<div id="rate_container">
	</div>
Image added by <b><a href="http://friendsian.com/pg/profile/zreai">Zreai</a></b>  <acronym title="12 March 2010 @ 9:56pm">178 days ago</acronym>		</div>
	</div> <!-- tidypics wrapper-->
<div class="clearfloat"></div></div>

]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26059/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/0/" published="Fri, 12 Mar 2010 22:11:20 -0500" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26091/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/4230/" published="Fri, 12 Mar 2010 22:50:34 -0500" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26129/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/0/" published="Sat, 13 Mar 2010 01:20:34 -0500" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26133/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/0/" published="Sat, 13 Mar 2010 01:21:08 -0500" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26173/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/0/" published="Sat, 13 Mar 2010 05:01:55 -0500" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26322/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/0/" published="Sun, 14 Mar 2010 03:55:18 -0400" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26415/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/0/" published="Sun, 14 Mar 2010 06:42:09 -0400" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26509/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/2/" published="Sun, 14 Mar 2010 20:11:49 -0400" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26564/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/25735/" published="Sun, 14 Mar 2010 21:10:27 -0400" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26565/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/25735/" published="Sun, 14 Mar 2010 21:11:12 -0400" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98442/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="filename" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[image/29147/1268448988dsc_4604.jpg]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98443/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="mimetype" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[image/pjpeg]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98444/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="originalfilename" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[DSC_4604.jpg]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98445/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="simpletype" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[image]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98446/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="filestore::dir_root" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:29 -0500" ><![CDATA[/hsphere/local/home/wpepito/elgg/]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98447/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="filestore::filestore" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:29 -0500" ><![CDATA[ElggDiskFilestore]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98448/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_exif" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:29 -0500" ><![CDATA[a:48:{s:8:"FileName";s:22:"1268448988dsc_4604.jpg";s:12:"FileDateTime";i:1268448988;s:8:"FileSize";i:123213;s:8:"FileType";i:2;s:8:"MimeType";s:10:"image/jpeg";s:13:"SectionsFound";s:30:"ANY_TAG, IFD0, THUMBNAIL, EXIF";s:8:"COMPUTED";a:8:{s:4:"html";s:24:"width="363" height="546"";s:6:"Height";i:546;s:5:"Width";i:363;s:7:"IsColor";i:1;s:17:"ByteOrderMotorola";i:1;s:15:"ApertureFNumber";s:5:"f/8.0";s:18:"Thumbnail.FileType";i:2;s:18:"Thumbnail.MimeType";s:10:"image/jpeg";}s:4:"Make";s:17:"NIKON CORPORATION";s:5:"Model";s:9:"NIKON D90";s:11:"XResolution";s:5:"240/1";s:11:"YResolution";s:5:"240/1";s:14:"ResolutionUnit";i:2;s:8:"Software";s:8:"Ver.1.00";s:8:"DateTime";s:19:"2010:03:13 09:20:36";s:16:"Exif_IFD_Pointer";i:184;s:9:"THUMBNAIL";a:6:{s:11:"Compression";i:6;s:11:"XResolution";s:4:"72/1";s:11:"YResolution";s:4:"72/1";s:14:"ResolutionUnit";i:2;s:21:"JPEGInterchangeFormat";i:782;s:27:"JPEGInterchangeFormatLength";i:3711;}s:12:"ExposureTime";s:5:"1/640";s:7:"FNumber";s:3:"8/1";s:15:"ExposureProgram";i:3;s:15:"ISOSpeedRatings";i:200;s:11:"ExifVersion";s:4:"0221";s:16:"DateTimeOriginal";s:19:"2010:03:11 03:31:16";s:17:"DateTimeDigitized";s:19:"2010:03:11 03:31:16";s:17:"ShutterSpeedValue";s:15:"9321928/1000000";s:13:"ApertureValue";s:3:"6/1";s:17:"ExposureBiasValue";s:3:"0/6";s:16:"MaxApertureValue";s:5:"40/10";s:12:"MeteringMode";i:5;s:11:"LightSource";i:0;s:5:"Flash";i:0;s:11:"FocalLength";s:6:"290/10";s:18:"SubSecTimeOriginal";s:2:"00";s:19:"SubSecTimeDigitized";s:2:"00";s:13:"SensingMethod";i:2;s:10:"FileSource";s:1:"";s:9:"SceneType";s:1:"";s:10:"CFAPattern";s:8:"   ";s:14:"CustomRendered";i:0;s:12:"ExposureMode";i:0;s:12:"WhiteBalance";i:0;s:16:"DigitalZoomRatio";s:3:"1/1";s:21:"FocalLengthIn35mmFilm";i:43;s:16:"SceneCaptureType";i:0;s:11:"GainControl";i:0;s:8:"Contrast";i:0;s:10:"Saturation";i:0;s:9:"Sharpness";i:0;s:20:"SubjectDistanceRange";i:0;}]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98449/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="thumbnail" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:29 -0500" ><![CDATA[image/29147/thumb1268448988dsc_4604.jpg]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98450/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="smallthumb" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:29 -0500" ><![CDATA[image/29147/smallthumb1268448988dsc_4604.jpg]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98451/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="largethumb" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:29 -0500" ><![CDATA[image/29147/largethumb1268448988dsc_4604.jpg]]></metadata>
<entity uuid="http://friendsian.com/export/opendd/29203/" class="object" subclass="image" published="Fri, 12 Mar 2010 21:56:28 -0500" />
<metadata uuid="http://friendsian.com/export/opendd/29203/attr/owner_uuid/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="owner_uuid" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[http://friendsian.com/export/opendd/219/]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/attr/container_uuid/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="container_uuid" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[http://friendsian.com/export/opendd/29147/]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/attr/site_uuid/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="site_uuid" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[http://friendsian.com/export/opendd/1/]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/attr/time_updated/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="time_updated" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[1268449093]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/attr/title/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="title" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[Bohol Field Trip]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/attr/description/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="description" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[<p>Chocolate Hills</p>]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/volatile/renderedentity/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="renderedentity" type="volatile" ><![CDATA[<div class="contentWrapper">
	<div id="tidypics_wrapper">

		<div id="tidypics_breadcrumbs">
			<a href="http://friendsian.com/pg/photos/owned/zreai">Zreai's photo albums</a>
>>  <a href="http://friendsian.com/pg/photos/album/29147/field-trips">Field Trips</a>
 <br />
			Views: 28		</div>

		<div id="tidypics_desc">
			<p>Chocolate Hills</p>
		</div>
		<div id="tidypics_image_nav">
			<ul>
				<li><a href="http://friendsian.com/pg/photos/view/29204">&laquo; Previous</a></li>
				<li><a href="http://friendsian.com/pg/photos/view/29202">Next &raquo;</a></li>
			</ul>
		</div>
		<div id="tidypics_image_wrapper">
			<a href="http://friendsian.com/pg/photos/download/29203/inline/" title="Bohol Field Trip" ><img id="tidypics_image"  src="http://friendsian.com/pg/photos/thumbnail/29203/large/" alt="Bohol Field Trip" /></a>			<div class="clearfloat"></div>
		</div>
<div id="tidypics_controls"><ul><li id="download_image"><a href="http://friendsian.com/pg/photos/download/29203/">Download image</a></li>
</ul></div><div id='tidypics_tag_instructions'>
	<div id='tidypics_tag_instruct_text'>Select area that you want to tag</div>
	<div id='tidypics_tag_instruct_button_div'><button class='submit_button' id='tidypics_tag_instruct_button' onclick='stopTagging()'>Stop tagging</button></div>
</div>
<div id="tidypics_tag_menu" class="tidypics_popup">
	<div class='tidypics_popup_header'><h3>Tag this photo</h3></div>
<div class="clearfloat"></div>
</div>
<div id="tidypics_delete_tag_menu" class="tidypics_popup">
	<div class='tidypics_popup_header'><h3>Select tags to delete</h3></div>

</div>

<script type="text/javascript" src="http://friendsian.com/mod/tidypics/vendors/jquery.imgareaselect-0.7.js"></script>
<script type="text/javascript" src="http://friendsian.com/mod/tidypics/vendors/jquery.quicksearch.js"></script>

<script type="text/javascript">

	var coordinates = "";
	var user_id = 0;
	var tagging = 0;

	// add to DOM as soon as ready
	$(document).ready(function () {
			$('ul#tidypics_phototag_list li').quicksearch({
				position: 'before',
				attached: 'ul#tidypics_phototag_list',
				loaderText: '',
				inputClass: 'input-filter',
				delay: 100
			});

			$('#quicksearch').submit( function () { addTag() } );
		}
	);

	// images are loaded so process tags
	$(window).load(function () {
			$('#tidypics_image').setupTags();
		}
	);

	// get tags over image ready for mouseover
	// based on code by Tarique Sani tarique at sanisoft.com - MIT and GPL licenses
	$.fn.setupTags = function()
	{

		image = this;

		imgOffset = $(image).offset();
		imgOffset.left = parseInt(imgOffset.left) + parseInt($(image).css("border-left-width")) + parseInt($(image).css("padding-left"));
		imgOffset.top = parseInt(imgOffset.top) + parseInt($(image).css("border-top-width")) + parseInt($(image).css("padding-top"));

		tags = "";

		$(tags).each(function(){
			appendTag(imgOffset, this);
		});

		$(image).hover(
			function(){
				$('.tidypics_tag').show();
			},
			function(){
				$('.tidypics_tag').hide();
			}
		);

		addTagEvents();

		$('.tidypics_phototag_links').hover(
			function(){
				code = this.id.substr(7); // cut off taglink to get unique id
				$('#tag'+code).show();
			},
			function(){
				code = this.id.substr(7);
				$('#tag'+code).hide();
			}
		);

		// make sure we catch and handle when the browser is resized
		$(window).resize(function () {
			$('.tidypics_tag').remove();

			imgOffset = $(image).offset();

			$(tags).each(function(){
				appendTag(imgOffset, this);
			});

			addTagEvents();
		});
	}

	function appendTag(offset, tag)
	{
		// catch for IE when no tags available
		if (tag.id == undefined)
			return;

		tag_top   = parseInt(imgOffset.top) + parseInt(tag.y1);
		tag_left  = parseInt(imgOffset.left) + parseInt(tag.x1);

		tag_div = $('<div class="tidypics_tag" id="tag'+tag.id+'"></div>').css({ left: tag_left + 'px', top: tag_top + 'px', width: tag.width + 'px', height: tag.height + 'px' });

		text_top = parseInt(tag_top) + parseInt(tag.height) + 5;

		tag_text_div = $('<div class="tidypics_tag_text">'+tag.text+'</div>').css({ left: tag_left + 'px', top: text_top + 'px', width: '120px'});

		$('body').append(tag_div);
		$('body').append(tag_text_div);
	}

	function addTagEvents()
	{
		$('.tidypics_tag').hover(
			function(){
				$('.tidypics_tag').show();
				$(this).next('.tidypics_tag_text').show();
				$(this).next('.tidypics_tag_text').css("z-index", 10000);
			},
			function(){
				$('.tidypics_tag').show();
				$(this).next('.tidypics_tag_text').hide();
				$(this).next('.tidypics_tag_text').css("z-index", 0);
			}
		);
	}


	function selectUser(id, name)
	{
		user_id = id;
		$("input.input-filter").val(name);
	}

	function startTagging()
	{
		if (tagging != 0)
		{
			stopTagging();
			return;
		}

		tagging = 1;

		$('#tidypics_tag_control').text("Stop tagging");

		showTagInstruct();
		$('#tidypics_delete_tag_menu').hide();

		$('#tidypics_image').hover(
			function(){
				$('.tidypics_tag').hide();
			},
			function(){
				$('.tidypics_tag').hide();
			}
		);

		$('img#tidypics_image').imgAreaSelect( {
			borderWidth: 2,
			borderColor1: 'white',
			borderColor2: 'white',
			disable: false,
			hide: false,
			onSelectEnd: showTagMenu,
			onSelectStart: hideTagMenu
			}
		);

		$('img#tidypics_image').css({"cursor" : "crosshair"});
	}

	function stopTagging()
	{
		tagging = 0;

		hideTagInstruct();
		hideTagMenu();

		$('img#tidypics_image').imgAreaSelect( {hide: true, disable: true} );

		$('#tidypics_tag_control').text("Tag this photo");

		// restart tag hovering
		$('#tidypics_image').hover(
			function(){
				$('.tidypics_tag').show();
			},
			function(){
				$('.tidypics_tag').hide();
			}
		);

		$('img#tidypics_image').css({"cursor" : "pointer"});
	}

	function showTagMenu(oObject, oCoordenates)
	{
		offsetX = 6;
		offsetY = 10;

		imgOffset = $('#tidypics_image').offset();

		// show the list of friends
		if (oCoordenates.width != 0 && oCoordenates.height != 0) {
			coordinates = oCoordenates;

			_top = imgOffset.top + oCoordenates.y2 + offsetY;
			_left = imgOffset.left + oCoordenates.x1 + offsetX;

			$('#tidypics_tag_menu').show().css({
				"top": _top + "px",
				"left": _left + "px"
			});

			$(".input-filter").focus();
		}
	}


	function hideTagMenu()
	{
		$('#tidypics_tag_menu').hide();
	}

	function showTagInstruct()
	{
		offsetY = -60;

		divWidth = $('#tidypics_tag_instructions').width();
		imgOffset = $('#tidypics_image').offset();
		imgWidth  = $('#tidypics_image').width();
		offsetX   = parseInt((imgWidth - divWidth)/2);

		_top = imgOffset.top + offsetY;
		_left = imgOffset.left + offsetX;

		$('#tidypics_tag_instructions').show().css({
			"top": _top + "px",
			"left": _left + "px"
		});
	}

	function hideTagInstruct()
	{
		$('#tidypics_tag_instructions').hide();
	}

	function addTag()
	{
		// do I need a catch for no tag?

		$("input#user_id").val(user_id);
		$("input#word").val( $("input.input-filter").val() );

		coord_string  = '"x1":"' + coordinates.x1 + '",';
		coord_string += '"y1":"' + coordinates.y1 + '",';
		coord_string += '"width":"' + coordinates.width + '",';
		coord_string += '"height":"' + coordinates.height + '"';

		$("input#coordinates").val(coord_string);

		//Show loading
		//$("#tag_menu").replaceWith('<div align="center" class="ajax_loader"></div>');
	}

	function deleteTags()
	{
		offsetY = 60;

		stopTagging();

		divWidth = $('#delete_tag_menu').width();
		imgOffset = $('#tidypics_image').offset();
		imgWidth  = $('#tidypics_image').width();
		offsetX   = parseInt((imgWidth - divWidth)/2);

		_top = imgOffset.top + offsetY;
		_left = imgOffset.left + offsetX;

		$('#tidypics_delete_tag_menu').show().css({
			"top": _top + "px",
			"left": _left + "px"
		});

		$('#tidypics_image').hover(
			function(){
				$('.tidypics_tag').hide();
			},
			function(){
				$('.tidypics_tag').hide();
			}
		);
	}

	function hideDeleteMenu()
	{
		$('#tidypics_delete_tag_menu').hide();

		// restart tag hovering
		$('#tidypics_image').hover(
			function(){
				$('.tidypics_tag').show();
			},
			function(){
				$('.tidypics_tag').hide();
			}
		);
	}
</script>
		<div class="tidypics_info">
			<div id="rate_container">
	</div>
Image added by <b><a href="http://friendsian.com/pg/profile/zreai">Zreai</a></b>  <acronym title="12 March 2010 @ 9:56pm">178 days ago</acronym>		</div>
	</div> <!-- tidypics wrapper-->
<div class="clearfloat"></div></div>

]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26059/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/0/" published="Fri, 12 Mar 2010 22:11:20 -0500" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26091/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/4230/" published="Fri, 12 Mar 2010 22:50:34 -0500" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26129/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/0/" published="Sat, 13 Mar 2010 01:20:34 -0500" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26133/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/0/" published="Sat, 13 Mar 2010 01:21:08 -0500" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26173/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/0/" published="Sat, 13 Mar 2010 05:01:55 -0500" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26322/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/0/" published="Sun, 14 Mar 2010 03:55:18 -0400" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26415/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/0/" published="Sun, 14 Mar 2010 06:42:09 -0400" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26509/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/2/" published="Sun, 14 Mar 2010 20:11:49 -0400" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26564/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/25735/" published="Sun, 14 Mar 2010 21:10:27 -0400" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/annotation/26565/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_view" type="annotation" owner_uuid="http://friendsian.com/export/opendd/25735/" published="Sun, 14 Mar 2010 21:11:12 -0400" ><![CDATA[1]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98442/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="filename" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[image/29147/1268448988dsc_4604.jpg]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98443/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="mimetype" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[image/pjpeg]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98444/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="originalfilename" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[DSC_4604.jpg]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98445/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="simpletype" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:28 -0500" ><![CDATA[image]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98446/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="filestore::dir_root" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:29 -0500" ><![CDATA[/hsphere/local/home/wpepito/elgg/]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98447/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="filestore::filestore" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:29 -0500" ><![CDATA[ElggDiskFilestore]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98448/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="tp_exif" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:29 -0500" ><![CDATA[a:48:{s:8:"FileName";s:22:"1268448988dsc_4604.jpg";s:12:"FileDateTime";i:1268448988;s:8:"FileSize";i:123213;s:8:"FileType";i:2;s:8:"MimeType";s:10:"image/jpeg";s:13:"SectionsFound";s:30:"ANY_TAG, IFD0, THUMBNAIL, EXIF";s:8:"COMPUTED";a:8:{s:4:"html";s:24:"width="363" height="546"";s:6:"Height";i:546;s:5:"Width";i:363;s:7:"IsColor";i:1;s:17:"ByteOrderMotorola";i:1;s:15:"ApertureFNumber";s:5:"f/8.0";s:18:"Thumbnail.FileType";i:2;s:18:"Thumbnail.MimeType";s:10:"image/jpeg";}s:4:"Make";s:17:"NIKON CORPORATION";s:5:"Model";s:9:"NIKON D90";s:11:"XResolution";s:5:"240/1";s:11:"YResolution";s:5:"240/1";s:14:"ResolutionUnit";i:2;s:8:"Software";s:8:"Ver.1.00";s:8:"DateTime";s:19:"2010:03:13 09:20:36";s:16:"Exif_IFD_Pointer";i:184;s:9:"THUMBNAIL";a:6:{s:11:"Compression";i:6;s:11:"XResolution";s:4:"72/1";s:11:"YResolution";s:4:"72/1";s:14:"ResolutionUnit";i:2;s:21:"JPEGInterchangeFormat";i:782;s:27:"JPEGInterchangeFormatLength";i:3711;}s:12:"ExposureTime";s:5:"1/640";s:7:"FNumber";s:3:"8/1";s:15:"ExposureProgram";i:3;s:15:"ISOSpeedRatings";i:200;s:11:"ExifVersion";s:4:"0221";s:16:"DateTimeOriginal";s:19:"2010:03:11 03:31:16";s:17:"DateTimeDigitized";s:19:"2010:03:11 03:31:16";s:17:"ShutterSpeedValue";s:15:"9321928/1000000";s:13:"ApertureValue";s:3:"6/1";s:17:"ExposureBiasValue";s:3:"0/6";s:16:"MaxApertureValue";s:5:"40/10";s:12:"MeteringMode";i:5;s:11:"LightSource";i:0;s:5:"Flash";i:0;s:11:"FocalLength";s:6:"290/10";s:18:"SubSecTimeOriginal";s:2:"00";s:19:"SubSecTimeDigitized";s:2:"00";s:13:"SensingMethod";i:2;s:10:"FileSource";s:1:"";s:9:"SceneType";s:1:"";s:10:"CFAPattern";s:8:"   ";s:14:"CustomRendered";i:0;s:12:"ExposureMode";i:0;s:12:"WhiteBalance";i:0;s:16:"DigitalZoomRatio";s:3:"1/1";s:21:"FocalLengthIn35mmFilm";i:43;s:16:"SceneCaptureType";i:0;s:11:"GainControl";i:0;s:8:"Contrast";i:0;s:10:"Saturation";i:0;s:9:"Sharpness";i:0;s:20:"SubjectDistanceRange";i:0;}]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98449/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="thumbnail" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:29 -0500" ><![CDATA[image/29147/thumb1268448988dsc_4604.jpg]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98450/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="smallthumb" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:29 -0500" ><![CDATA[image/29147/smallthumb1268448988dsc_4604.jpg]]></metadata>
<metadata uuid="http://friendsian.com/export/opendd/29203/metadata/98451/" entity_uuid="http://friendsian.com/export/opendd/29203/" name="largethumb" type="metadata" owner_uuid="http://friendsian.com/export/opendd/219/" published="Fri, 12 Mar 2010 21:56:29 -0500" ><![CDATA[image/29147/largethumb1268448988dsc_4604.jpg]]></metadata>
</odd>