jQuery(document).ready(function(){	
    // Show tooltips on help icons
    jQuery('.login-help-tooltip').tooltip({showURL: false});
    
	jQuery('#login-overlay').height(jQuery(document).height());
	//jQuery('#login-overlay').show();
	//jQuery('#login-holder').show();
	
	jQuery.each(jQuery('#login-form input'), function(){
		jQuery(this).focus(function(){
			if(jQuery(this).attr('title') == jQuery(this).val() || jQuery(this).attr('title') == '')
			{
				jQuery(this).attr('title', jQuery(this).val());
				jQuery(this).val('');
			}
		});
		jQuery(this).blur(function(){
			if(jQuery(this).val() == '')
			{
				jQuery(this).val(jQuery(this).attr('title'));
			}
		});
	});
	
	// Close the generator by clicking the "CLOSE" button
	jQuery('.login-close-button img').click(function()
	{
		jQuery('#login-overlay').hide();
		jQuery('#login-holder').hide();
	});
	
	// Password replacer
	jQuery('#login_password_fake').focus(function()
	{
		jQuery(this).hide();
		jQuery('#login_password').show();
		jQuery('#login_password').focus();
		jQuery(this).val(jQuery(this).attr('title'));
	});
	
	jQuery('#login_password').blur(function()
	{
		if(jQuery(this).val() == '')
		{
			jQuery(this).hide();
			jQuery('#login_password_fake').val(jQuery('#login_password_fake').attr('title'));
			jQuery('#login_password_fake').show();
		}
	});
});

jQuery(document).ready(function(){
    jQuery('.inloghead img, .mijninlog img').hover(function(){
        var src = jQuery(this).attr('src').replace('1.png', '2.png');
		jQuery(this).attr('src', src);
    }, 
    function(){
        var src = jQuery(this).attr("src").replace("2.png", "1.png");
		jQuery(this).attr("src", src);
    });
});


function login()
{
	jQuery('#login-overlay').height(jQuery('body').height());
	jQuery('#login-overlay').show();
	jQuery('#login-holder').show();
	
	window.location = String(window.location).replace(/\#.*$/, "") + "#login-header";
}

function trim(value) 
{
    value = value.replace(/^\s+/,'');
    value = value.replace(/\s+$/,'');
    return value;
}

jQuery(document).ready(function(){
    // Check if the form is filled in correctly
    
    jQuery('#login-submit-button').click(function(){
        var username = jQuery('#login_username').val();
        var password = jQuery('#login_password').val();
        
        if(username == '' || username == jQuery('#login_username').attr('title'))
        {
            jQuery('.login-error-holder').show();
            jQuery('.login-error p').text('U dient een gebruikersnaam op te geven');
            return false;
        }
        if(password == '')
        {
            jQuery('.login-error-holder').show();
            jQuery('.login-error p').text('U dient een wachtwoord op te geven');
            return false;
        }
        
        jQuery.ajax({
            type : 'POST',
            url  : '/index.php?tx_clickandclaim_pi1[code]=CHECKLOGIN',
            data : '&username=' + username + '&password=' + password,
            success : function(msg){
                msg = trim(msg);
                if(msg == 'SUCCESS')
                {
                    // Submit the form
                    jQuery('#login-form').submit();
                } else
                {
                    jQuery('.login-error-holder').show();
                    jQuery('.login-error p').text(msg);
                    return false;
                }
            }
        });
        
        return false;
    });
});
