/**
 * Create a popover.
 *
 * This is used in the Site Manager when dealing with certain aspects of pages.
 *
 * It is also used by components.
 */
var reload_base_page = false;
var overlayObj;
var url_to_load = '';
$(function(){
	overlayObj = $('#overlayObj').overlay({ 
        api: true,  
		target:'#popover',
		expose:'black',
		mask: {

			// you might also consider a "transparent" color for the mask
			color: 'black',

			// load mask a little faster
			loadSpeed: 0,

			// very transparent
			opacity: 0.8
		},
		closeOnClick:false,
        onBeforeLoad: function() { 
            // grab wrapper element inside content  
            var wrap = $("iframe.contentWrap");

            // load the page specified in the trigger 
			wrap.css('border', 'none');
			wrap.bind('load', function(){
				$('iframe.contentWrap').show();
			});
            wrap.attr('src', url_to_load);
        },
		onClose: function(){
			url_to_load = '';
			$('iframe.contentWrap').html('');
		}
    })		
});
function iframePopover(url, should_reload_base_page, pp_width, pp_height){
	reload_base_page = should_reload_base_page;
	url_to_load = url;
	
	$('div#popover').width(pp_width);
	$('div#popover').height(pp_height);
	$('iframe.contentWrap').width(pp_width);
	$('iframe.contentWrap').height(pp_height);
	
	overlayObj.load();
}
		
function popoverHideLoaderShowContent(){
	$('div#popover > .progress').fadeOut(200, function(){$('iframe.contentWrap').fadeIn(200)});
}
function close_popover(){
	overlayObj.close();		 

}
function resize_popover(new_width, new_height, new_url){
 	var olay = overlayObj.getOverlay();
    var wrap = overlayObj.getContent().find("iframe.contentWrap"); 
	wrap.hide();

	wrap.attr('src', new_url);
	$('div#popover > .progress').show();


	var left = ($(window).width() - new_width) / 2;
	olay.animate({
		width: new_width, height: new_height, left: left}, 300, function() {
			$('div#popover').width(new_width);
			$('div#popover').height(new_height);
			$('iframe.contentWrap').width(new_width);
			$('iframe.contentWrap').height(new_height);
			
			//The progress bar should be removed when the new page loads(it is in the popover render header as a js call to the remove progress function)
		}); 
}

/**
 * Turn off the reload base page.
 *
 * This is useful for popovers where cancel is clicked.
 */
function iframePopoverTurnOffReload(){
	reload_base_page = false;
}

function iframePopoverTurnOnReload(){
	reload_base_page = false;
}