document.write("" +
"<style>" +
"#popup-overlay{position:absolute;z-index:9998;background:none repeat scroll 0 0 #000000;left:0;top:0;opacity:0.4;filter:alpha(opacity=40);}" +
".popup-box{background-color:#FFFFFF;border:0 none;height:auto;padding:15px;z-index:9999;position:absolute;opacity:1;height:auto;font-family:'Lucida Grande',sans-serif;border:4px solid #E8E8E8;}" +
".popup-box .popup-title{height:38px;background:none repeat scroll 0 0 transparent;position:relative;color:#454545;width: 100%;line-height:35px;}" +
".popup-box ul{margin:0px;padding:0px}" + 
".popup-box ul li{list-style-image:none;list-style-type:none;float:left;}" + 
".popup-box ul li.active span{background:#FFF;line-height:28px;margin:0 6px 0 0;padding:5px 22px;text-transform:capitalize;font-size:14px;font-weight:bold;display:block;}" + 
".popup-box .popup-body{background-color:#FFFFFF;margin:0;padding:22px;font-size:12px;font-weight:normal;height:auto;overflow-x:hidden;overflow-y:auto;position:relative;width:590px;}" +
".popup-box .popup-body label{color:#303030;font-size:13px;font-weight:bold;line-height:25px;text-transform:capitalize;width:90px;display:block;text-align:left;}" +
".popup-box .popup-body input[type=text]{width:590px;border:1px solid #CCCCCC;}" +
".popup-box .popup-body textarea{width:590px;height:100px;border:1px solid #CCCCCC;}" +
".popup-box .popup-body .buttons_container{border-top:1px solid #E7E8E9;padding:10px 0 0;margin:10px 0 0;text-align:right;width:590px;}" +
".popup-box .popup-body .buttons_container input[type=button]{margin:0 0 0 16px;padding:8px 28px;background-color:#F6921E;border:0 none;color:#FFFFFF;cursor:pointer;font-family:arial;font-size:14px;font-weight:bold;text-decoration:none;text-transform:capitalize;}" +
".popup-box #closePopup{display:block;width:22px;height:22px;background:url(" + groggerPath + "/sites/all/modules/collectiveink/remote_publish/images/remote_close.gif);position:absolute;right:7px;top:2px;text-decoration:none;}" +
".popup-box #closePopup:hover{text-decoration:none;border:0px;}" +
".popup-box iframe{border:0px;overflow:hidden;}" +
"</style>");

var grogger_message_monitor = null;
function grogger_stop_message_monitor()
{
	if(grogger_message_monitor != null)
	{
		clearInterval(grogger_message_monitor);
		grogger_message_monitor = null;
	}
}

function grogger_start_message_monitor()
{
	var hash = window.location.hash;
	if(!hash || hash == '#_kapost') return;

	window.location.hash = '#_kapost';

	var events = new Array('#login_form',
						   '#signup_form',
						   '#publish_form',
						   '#confirmation_form',
						   '#moderation_on',
						   '#close');
	for(var e in events)
	{
		var ev = events[e];
		if(hash == ev)
		{
			groggerEvent(hash);

			switch(hash)
			{
				case '#close':
					grogger_stop_message_monitor();
					break;
			}
		}
	}
}

showPopup = function () {

	var _groggerWidgetMode = '';
	if(typeof groggerWidgetMode != 'undefined')
	{
		groggerCallback = window.location.toString();
		grogger_message_monitor = setInterval("grogger_start_message_monitor()", 200);
		_groggerWidgetMode = '&widget=1';
	}

	jQuery('body').append('<div id="popup-overlay" style="width:' + jQuery(document).width() + 'px;height: ' + jQuery(document).height() + 'px;"></div>');
	jQuery('body').append('<div class="popup-box" id="popup" style="top: 154px; left: 361px;"></div>');
	
	jQuery('#popup').append('<a href="" id="closePopup" onclick="closePopup(); return false;"></a>');
	jQuery('#popup').append('<iframe src="' + groggerPath + '/remote_login?plugin_redirect=' + groggerCallback + _groggerWidgetMode + '" style="width:840px;height:520px;" id="content_frame" frameborder="0"  scrolling="no"></iframe>');
	
	left = (jQuery(window).width() - jQuery('#popup').width()) / 2 - 20;
	topp = jQuery(window).scrollTop() + (jQuery(window).height() - jQuery('#popup').height()) / 2 -20;
	
	jQuery('#popup').css('left', left + 'px');
	jQuery('#popup').css('top', topp + 'px');
}

closePopup = function () {
	jQuery('#popup').remove();
	jQuery('#popup-overlay').remove();	
}

groggerEvent = function (action) {
	switch (action) {
		case '#login_form':
			jQuery('#content_frame').css('height', '355px');
			jQuery('#content_frame').css('width', '840px');
			break;
		case '#signup_form':
			jQuery('#content_frame').css('width', '650px');
			jQuery('#content_frame').css('height', '390px');
			break;
		case '#publish_form':
			jQuery('#content_frame').css('width', '840px');
			jQuery('#content_frame').css('height', '520px');
			break;
		case '#confirmation_form':
			jQuery('#content_frame').css('width', '620px');
			jQuery('#content_frame').css('height', '280px');
			break;
		case '#moderation_on':
			jQuery('#content_frame').css('width', '400px');
			jQuery('#content_frame').css('height', '200px');
			break;
		case '#close':
			closePopup();
			break;
	}
	
	if (action != '#close') resizePopup();
}

jQuery(window).resize(function() {
	resizePopup();
});

resizePopup = function () {
	try {
		jQuery('#popup-overlay').css('width', '0px');
		jQuery('#popup-overlay').css('height','0px');
		jQuery('#popup-overlay').css('width', jQuery(document).width() + 'px');
		jQuery('#popup-overlay').css('height', jQuery(document).height() + 'px');
		
		left = (jQuery(window).width() - jQuery('#popup').width()) / 2 - 20;
		topp = jQuery(window).scrollTop() + (jQuery(window).height() - jQuery('#popup').height()) / 2 -20;
		
		jQuery('#popup').css('left', left + 'px');
		jQuery('#popup').css('top', topp + 'px');
	} catch (err) {}
}