var sfp_h_CssLink = '<link rel="stylesheet" type="text/css" href="' + sfp_config['pathtosfp'] + 'site_media/sfp/sfp_StarfishLoginWidget.css" />';
// var sfp_h_CssLink = sfp_config['pathtosfp']
// var sfp_h_CssLink = 'pathtosfp'
var sfp_h_LoginWidget = '';
var sfp_h_LogoutWidget = '';
var sfp_h_LoginPopup = '';
var sfp_h_LoginRedirect = '';
// var sfp_h_LoggedInText = '<strong>Matt Miller</strong> <a href="">Log Out</a> <a href="">Account Settings</a>';

var sfp_h_PopupBackground = '<div id="sfp_PopupBackground"></div>';

var sfp_loginPopupStatus = 0;

var logged_in = false;

function checkloginstatus(){
	if(sfp_config['screenname'] != ''){		// someone is logged in, so we do this
		logged_in = true;
	
		sfp_h_LoginWidget = '<div id="sfp_StarfishLoginWidgetHolder"><div id="sfp_InnerBox">' + 
		'<img src="http://hstatic.net/starfishprofile/images/starfish_18.png" height="18" width="18" />' + 
		String(sfp_config['screenname']) + '</div></div>';
		
		sfp_h_LogoutWidget = '<div id="sfp_InnerBox_logout"><div id="sfp_InnerBox_log"><a href="' +
		sfp_config['pathtosfp'] +'login/logout2/?spk=' + sfp_config['sitepubkey'] + '&next=/&uid=' + sfp_config['uid'] + 
		'">Log Out</a></div></div>';
		
		if(sfp_config['profileurl'] != ''){
			sfp_h_LoginPopup = '<div id="sfp_LoginPopup" class="thepopup2"><iframe id="theiframe" src="' + String(sfp_config['pathtosfp'])
			+ String(sfp_config['profileurl']) + '?spk=' + sfp_config['sitepubkey'] + '&next=' + sfp_config['next'] + '&profileurl=' + sfp_config['profileurl'] + '" /></div>';
		}else{
			sfp_h_LoginPopup = '<div id="sfp_LoginPopup" class="thepopup2"><iframe id="theiframe" src="' + sfp_config['pathtosfp'] + 'login/edit/?spk='
			+ sfp_config['sitepubkey'] + '&next=' + sfp_config['next'] + '&profileurl=' + sfp_config['profileurl'] + '" /></div>';
		}
	
		sfp_h_LoginRedirect = sfp_config['pathtosfp'] + 'login/edit/?spk=' + 
		sfp_config['sitepubkey'] + '&next=' + sfp_config['next'] + '&uid=' + sfp_config['uid'];

	}else{		// there is no-one logged in so we do this
		logged_in = false;
	
		sfp_h_LoginWidget = '<div id="sfp_StarfishLoginWidgetHolder"><div id="sfp_InnerBox">' + 
		'<img src="http://hstatic.net/starfishprofile/images/starfish_18.png" height="18" width="18" />' +
		'<span class="sfp_InnerSpan">Log In or Sign Up</span>'+ '</div></div>';
	
		sfp_h_LoginPopup = '<div id="sfp_LoginPopup" class="thepopup">'+
		'<div id="sfp_LoginPopupClose"><a>Cancel</a></div>'+
		'<h2>Starfish Profile</h2><iframe id="theiframe" src="' + sfp_config['pathtosfp'] + 'login/?spk=' + 
		sfp_config['sitepubkey'] + '&next=' + sfp_config['next'] + '&profileurl=' + sfp_config['profileurl'] + '" /></div>';
	
		sfp_h_LoginRedirect = sfp_config['pathtosfp'] + 'login/?spk=' + 
		sfp_config['sitepubkey'] + '&next=' + sfp_config['next'] + '&uid=' + sfp_config['uid'];
	}
}



function sfpCenterLoginPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#sfp_LoginPopup").height();
	var popupWidth = $("#sfp_LoginPopup").width();
	//centering
	$("#sfp_LoginPopup").css({"position":"absolute","top": 50, //windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	//only need force for IE6
	$("#sfp_PopupBackground").css({"height": windowHeight});
}

function sfpLoadLoginPopup(){
	//loads popup only if it is disabled
	if(sfp_loginPopupStatus==0){
		$("#sfp_PopupBackground").css({"opacity": "0.7"});
		$("#sfp_PopupBackground").fadeIn("fast");
		$("#sfp_LoginPopup").fadeIn("fast");
		sfp_loginPopupStatus = 1;
	}
}

function sfpDisableLoginPopup(){  
	//disables popup only if it is enabled  
	if(sfp_loginPopupStatus==1){  
		$("#sfp_PopupBackground").fadeOut("fast");  
		$("#sfp_LoginPopup").fadeOut("fast");  
		sfp_loginPopupStatus = 0;
		document.getElementsByTagName('iframe')[0].src = sfp_h_LoginRedirect;
	}  
}  

function logincomplete(next,profileurl){
	parent.sfpDisableLoginPopup();
	parent.nativelogincomplete(next,profileurl);
}
   

$(document).ready(function(){	
	checkloginstatus();
	
	$('head').append(sfp_h_CssLink);
	$('body').append(sfp_h_PopupBackground);
	$('body').append(sfp_h_LoginPopup);

	// find the div that says "Login Button" 
	var sfp_Widget = $("div#sfp_StarfishLoginWidget");
	var sfp_Widget_holder = $("#sfp_StarfishLoginWidgetHolder");
	// and replace it with this button
	sfp_Widget.html(sfp_h_LoginWidget);
	if(logged_in){
		sfp_Widget.append(sfp_h_LogoutWidget);
	}
	
	// this is what to do when the button gets clicked
	sfp_Widget_holder.live('click',function(){
	
		sfpCenterLoginPopup();  
		sfpLoadLoginPopup(); 
		
		// Close popup if you click cancel:
		$("#sfp_LoginPopupClose a").click(function(){ sfpDisableLoginPopup(); });
		// Close popup if you click outside:
		$("#sfp_PopupBackground").click(function(){ sfpDisableLoginPopup(); });
		// Close popup if you press escape:		
		$(document).keypress(function(e){ if(e.keyCode==27 && sfp_loginPopupStatus==1){ sfpDisableLoginPopup(); } });

		// this changes the text on the button after you click it
		if(logged_in == true){
			// $("div#sfp_StarfishLoginWidget span.sfp_InnerSpan").html(sfp_config['test_variable']);
			// pass
		}else{
			// $("div#sfp_StarfishLoginWidget span.sfp_InnerSpan").html(sfp_config['test_variable']);
		}
	});
	// sfp_Widget.click(function() {
	// 
	// 	sfpCenterLoginPopup();  
	// 	sfpLoadLoginPopup(); 
	// 	
	// 	// Close popup if you click cancel:
	// 	$("#sfp_LoginPopupClose a").click(function(){ sfpDisableLoginPopup(); });
	// 	// Close popup if you click outside:
	// 	$("#sfp_PopupBackground").click(function(){ sfpDisableLoginPopup(); });
	// 	// Close popup if you press escape:		
	// 	$(document).keypress(function(e){ if(e.keyCode==27 && sfp_loginPopupStatus==1){ sfpDisableLoginPopup(); } });
	// 
	// 	// this changes the text on the button after you click it
	// 	if(logged_in == true){
	// 		// $("div#sfp_StarfishLoginWidget span.sfp_InnerSpan").html(sfp_config['test_variable']);
	// 		// pass
	// 	}else{
	// 		// $("div#sfp_StarfishLoginWidget span.sfp_InnerSpan").html(sfp_config['test_variable']);
	// 	}
	// });
	// $('#mybutton').click(function(){
	// 	$('.somediv').append('x');
	// })
});