$(function()
{
	var storeDirectory = (document.domain == "localhost") ? "http://localhost:8080/bfk/store/" : "http://www.butterflykisses.ie/";
	var html  = '<tr><td colspan="2"><strong>Log-In</strong></td>';
			html += '</tr><tr><td>Email address</td><td><input name="email_address" type="text" /></td>';
			html += '</tr><tr><td>Password</td><td><input name="password" type="password" /></td>';
			html += '</tr><tr><td></td><td style="text-align:right;"><a href="' + storeDirectory + 'password_forgotten.php">Forgot your password?</a></td>';
			html += '</tr><tr><td></td><td style="text-align:right;"><input class="signin-button" type="image" alt="Sign In" src="images/subbox/login/signin-button.png"/></td></tr>';
	
        
        var newhtml = '<div class="login-panel-expanded" id="login-panel-ex" style="text-align: left; left: 782.5px; top: 377.5px; display: block; visibility: hidden;"><form method="post" action="'+storeDirectory+'login.php?action=process" name="login"><table cellspacing="0" cellpadding="4"><tbody><tr><td colspan="2"><strong>Log-In</strong></td></tr><tr><td>Email address</td><td><input type="text" name="email_address"></td></tr><tr><td>Password</td><td><input type="password" name="password"></td></tr><tr><td></td><td style="text-align: right;"><a href="'+storeDirectory+'password_forgotten.php">Forgot your password?</a></td></tr><tr><td></td><td style="text-align: right;"><input type="image" src="images/subbox/login/signin-button.png" alt="Sign In" class="signin-button"></td></tr></tbody></table></form></div>';
        


        /**
        $("body")
		.append("<div id='login-panel-ex' class='login-panel-expanded'>").find("#login-panel-ex").css("text-align", "left")
		.append("<form name='login' action='" + storeDirectory + "login.php?action=process' method='post'>").find("form")
		.append("<table cellpadding='4' cellspacing='0'>").find("table").html(html);

           */


        $("body").append(newhtml);

	var button = $(".button-login");
	var loginPanel = $(".login-panel-expanded");
	button.click(function(){
		if(loginPanel.css("visibility")=="hidden")
		{
			loginPanel.css("visibility", "visible").css("display", "none");
			loginPanel.slideDown("slow");
		}
		else
		{
			loginPanel.slideUp("slow", function(){ loginPanel.css("visibility", "hidden"); });
		}
		return false;
	});
	var pos = button.position();
	loginPanel.css("left", (pos.left-314)+"px").css("top", (pos.top+25)+"px");
	loginPanel.hide();
});