$(document).ready(function() {
	var user_label = $('.mainLeft .tx-felogin-pi1 #username_label_text').val();
	var pass_label = $('.mainLeft .tx-felogin-pi1 #password_label_text').val();
	var user_label = user_label.slice(0, user_label.length - 1);
	var pass_label = pass_label.slice(0, pass_label.length - 1);
	
	$('.mainLeft .tx-felogin-pi1 #user').css('color', '#bbb').val(user_label);
	$('.mainLeft .tx-felogin-pi1 #pass').css('color', '#bbb').val(pass_label);
	$newButton = changePasswordType('text');
	$newButton.css('color', '#bbb');
	$newButton.val(pass_label);
	
	
	$('.mainLeft .tx-felogin-pi1 #user').focus(function () {
		if($(this).val() == user_label) {
			$(this).css('color', '#000');
			$(this).val('');
		}
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#bbb');
			$(this).val(user_label);
		}
	});
	
	$('.mainLeft .tx-felogin-pi1 #pass').live('focus', function () {
		if($('.mainLeft .tx-felogin-pi1 #pass').val() == pass_label) {
			$newButton = changePasswordType('password');
			$newButton.css('color', '#000');
			$newButton.val('');
			$newButton.focus();
		}
	}).live('blur', function() {
		if($('.mainLeft .tx-felogin-pi1 #pass').val() == '') {
			$newButton = changePasswordType('text');
			$newButton.css('color', '#bbb');
			$newButton.val(pass_label);
		}
	});
});

function changePasswordType(type) {
	var oldButton = jQuery(".mainLeft .tx-felogin-pi1 #pass");
    var newButton = $('<input type="' + type + '" />');

    //newButton.attr("type", type);
    newButton.attr("id", "new_pass");
    newButton.insertBefore(oldButton);
    oldButton.remove();
    newButton.attr("id", "pass");
	newButton.attr("name", "pass");
	return newButton;
}