if(!_mb_embed_author) {
	_mb_embed_author = "";
}

function getUrlParam(name) {
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}	

function loadScript(srcUrl, callback) {
  var head = document.getElementsByTagName('head')[0];
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = srcUrl;
  
  // most browsers
  script.onload = callback;
  
  // IE 6 & 7
  script.onreadystatechange = function() {
    if (this.readyState == 'complete') {
      callback();
    }
  }
  head.appendChild(script);
}

function addDialog(){
	$(document).ready(function(){
		$('#dialog').dialog({
			autoOpen: false,
			title: 'My stories',
			modal: true,
			width: 800,
			height: 560
		});

		$('#openerImg').click(function(){
			$('#dialog').dialog('open');
			
		});
		
		$('#opener').click(function(){
			$('#dialog').dialog('open');
			
		});
		
		document.getElementById('dialog').innerHTML = "<iframe src='http://www.thedeepness.org/embeds/iframe.html?a=" + _mb_embed_author + "' border='0' style='height:700px;width:800px;border:0px;'></iframe>";
	});
}

function showItemsPreview() {
	var itemsPreview = document.getElementById('itemsPreview');
	var previewItems = items["items"].slice(0,1);
	for(var i=0; i < previewItems.length; i++) {
	  itemsPreview.innerHTML += "<img src='" + previewItems[i]['thumbUrl'] + "' style='width:190px;margin:5px 3px 5px 0px;' />";
	}
}

loadScript('http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js', null);
loadScript('http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js', addDialog);


document.write("<div style='font-family:arial;font-size:.9em;border:1px solid #ccc;width:200px;'><div style='font-weight:bold;background-color:#002533;color:#ffffff;padding:5px;'>Explore My Ocean</div><div style='padding:5px;'><a href='javascript:void(0)' id='openerImg' style='font-size:.95em;'><div id='itemsPreview' ></div></a><a href='javascript:void(0)' id='opener' style='font-size:.95em;'>See my stories in Google Earth</a></div></div>")

document.write("<div id='dialog' style='padding:0px;'></div>");

document.write("<style type='text/css'>.ui-dialog { font-family: arial; font-size:.83em;} .ui-icon {width:16px;height:16px;overflow:hidden;text-indent:-99999px;} .ui-dialog-titlebar-close {float:right;} .ui-icon-closethick {display:block;color:#fff;text-decoration:none;background:url('http://www.thedeepness.org/sites/all/themes/blue_heart/closew.png') no-repeat;} .ui-dialog-titlebar { padding:5px; background-color:#002533;color:#ffffff;cursor:move;} .ui-dialog-title {font-size:1.5em;} .bImg { max-width:340px;} .ui-widget-overlay {position:absolute;top:0px;left:0px;background:#222;opacity:.3;}</style>");

loadScript('http://www.thedeepness.org/eto/myposts/json/' + _mb_embed_author, showItemsPreview);