$(document).ready(function(){
	
	// hide login form
	$("#login").hide();
	
	
	// pulsing register button
	$("#registerorlogin #choose_county").change(function(){
	    $("#registerbutton").animate({'opacity': "0.2"}, 250).animate({'opacity': "1"}, 250);
	});
	
	
	// show register or login forms
	$("#registerorlogin #registerbutton").click(function(e){
	    // show registration lightbox
	    var regformurl = "/index.php/includes/register/" + $("#choose_county").val();
	    var overlay = $("#regoverlay");
	    overlay.html("");
	    overlay.load(regformurl);
	    overlay.show();
	    $("#regclose").live('click', function(f){
            overlay.hide();
    	    f.preventDefault();
	    });
	    
	    // rollovers
	    $("#regform #submit").live('mouseover', function(){
	       $(this).css('background', "#468bba url('/resources/site_images/btn-reg-submit-on.png') no-repeat left top"); 
	    });
	    $("#regform #submit").live('mouseout', function(){
	       $(this).css('background', "#468bba url('/resources/site_images/btn-reg-submit-off.png') no-repeat left top"); 
	    });
	    
	    e.preventDefault();
	});
	
	$("#registerorlogin #loginbutton").click(function(e){
	    $("#registerorlogin").fadeOut(function(){
	        $("#login").fadeIn();
	    });
	    e.preventDefault();
	});
	
	
	// login form behaviours
	// placeholder text
	var email_placeholder = "Member Email";
	var password_placeholder = "Password";
	
	$("#login #username").val(email_placeholder).css("color", "#999");;
	$("#login #password").val(password_placeholder).css("color", "#999");;
	
	$("#login #username").focus(function(){
	    if ($(this).val() == email_placeholder) {
	        $(this).val("").css("color", "#000");
	    }
	});
	$("#login #username").blur(function(){
	    if ($(this).val() == "") {
	        $(this).val(email_placeholder).css("color", "#999");
	    }
	});
	
	$("#login #password").live("focus", function(){
	    if ($(this).val() == password_placeholder) {
	        // swap out for a password field
	        var oldField = $(this);
	        var newField = oldField.clone();
	        
	        newField.attr("type", "password");
	        newField.attr("id", "newPassword");
	        newField.insertBefore(oldField);
	        oldField.remove();
	        newField.attr("id", "password");
	        
    	    newField.val("").css("color", "#000");
    	    newField.focus();
	    }
	});
	$("#login #password").live("blur", function(){
	    if ($(this).val() == "") {
	        // swap out for a text field
	        var oldField = $(this);
	        var newField = oldField.clone();
	        
	        newField.attr("type", "text");
	        newField.attr("id", "newPassword");
	        newField.insertBefore(oldField);
	        oldField.remove();
	        newField.attr("id", "password");
	        
	        newField.val(password_placeholder).css("color", "#999");
	    }
	});
	
});