;(function($) {

// global $ methods for displaying/ hiding windows
$.showWindow  = function(opts) { createWindow(opts); };
$.showAlert  = function(opts) { createAlert(opts); };
$.hideWindow = function(opts) { remove(opts); };	
$.showLoading = function(opts) { createLoading(opts); };	
$.showUrl = function(opts) { createUrl(opts); };	


function addTopNav(){
	var html = "<a href='#' class='closeWin' id='closeTop' ><img src='images_roundcorner/popup_close.gif' alt='Close' style='border:none;' /></a><br/>";
	return html;
}


function addBottomNav(button_label){
	var html = "<br/><p><input type='button' class='saveWin' value='"+ button_label +"' />&nbsp;&nbsp;&nbsp;<input type='button' class='closeWin' value='Cancel' /></p>";
	return html;
}


function addHeading(heading){
	
	var html = "";
	if(heading != undefined){
		html = "<h3 class='popupHeading'>" + heading + "</h3><br/>";		
	}
	return html;
	
}

function createWindow(opts){
		
	html = addTopNav() + addHeading(opts.heading) +  "<div id='windowContent'>" + opts.message + "</div>" + addBottomNav(opts.button_label);
	$.blockUI({ message: html }); 

	 $('.closeWin').click(function() { 
            $.unblockUI(); 
            return false; 
        }); 
	
};	


function createAlert(opts){
	
	html = addTopNav() + "<div id='windowContent'>" + opts.message + "</div>" ;
	html = html + "<br/><p><input type='button' class='saveWin' value='Ok' /></p>";
	
	$.blockUI({ message: html }); 
	
	$('.saveWin').click(function() { 
            $.unblockUI(); 
            return false; 
     });

	 $('.closeWin').click(function() { 
            $.unblockUI(); 
            return false; 
        }); 
	
	
};



function remove(opts){
	$.unblockUI();
	
	
};



function createLoading(opts){
	
	var msg = "";
	if(opts.message.length == 0){
		msg = "Please wait...";
		
	}else {
		msg = opts.message;
	}
	
	var html = "<div id='loadingMsg'>" + msg  + "</div>";
	
	$.blockUI({ message: html }); 
	
	
};

function createUrl(opts){
	
		
	$.get(opts.url,function(data,textStatus){
		
		
		
		html = addTopNav() + "<div id='windowContent'><div class='content'><div class='t'></div><br/><br/>" + data + "</div><div class='b'><div></div></div></div>" ;
		if(opts.width != undefined){
			$.blockUI({ message: html, css: {position: "absolute", top : "5%", width: opts.width} });	
		}//if
		else {
			$.blockUI({ message: html, css: {position: "absolute", top : "5%"} });
		}		
		
				
		 $('html,body').animate({scrollTop: 0}, 500)
		 $('.closeWin').click(function() { 
            $.unblockUI(); 
            return false; 
        }); 
	
		
	});
	

	
	
};


})(jQuery);