/**
 * @title           L'Oréal Paris homepage
 * @description     Home page scripts, 2010-03
 */

LOP.homeLoginAppear = function() {
    $('#vip').animate({width: '182px'}, 1000);
};

/**
 * @description     Get value of the url parameter 'name'
 */
function getUrlParameter(name) {
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}

var direct = getUrlParameter('direct');
if (direct == '') {
    direct = Math.round(Math.random()*2+1);
}

LOP.addSWF({
    'url': '/_es/_es/home/swf/home.swf',
    'id': 'FlashSWF',
    'background': 'transparent',
    'width': 950,
    'height': 600,
    'params': {
        'allowScriptAccess': 'always',
		'wmode': 'transparent'
    },
    'variables': {
        'configXML': '/_es/_es/home/xml/config.xml',
        'direct' : direct
    },
    'target': 'homeFlash'
});
    
$(document).ready(function() {
	if ($('#vip #loginForm').length) {
		BOX.form('loginForm').addValidation(function(form) {
			form.text('login').mustValidate(function(field) {
				if (field.isEmpty()) {
					return l10n.errorMsg.required.email;
				} else if (!field.isMatching('email')) {
					return l10n.errorMsg.invalid.email;
				}
			});
			form.text('password').mustValidate(function(field) {
				if (field.isEmpty()) {
					return l10n.errorMsg.required.pwd;
				} else if (!field.isMatching('password')) {
                   return l10n.errorMsg.invalid.pwd;
                }
			});
//			return l10n.errorMsg.form.plural;
		}, 'a.submit').addListeners({
            'fieldError': {
                'fn': LOP.manageFieldError
            },
            'fieldValid': {
                'fn': LOP.manageFieldError
            },
			'formError': {
				'fn': LOP.addFormError
			},
			'formValid': {
				'fn': function(e, originalEvent) {
					originalEvent.preventDefault();
					LOP.removeFormError.call(e.owner, e, originalEvent);
					$('#loginForm p.loading').show();
					$('#loginForm a.submit').hide();
					LOP.wsUserLogin({
						'login': BOX.form('loginForm').text('login').getValue(),
						'password': BOX.form('loginForm').text('password').getValue(),
						'onSuccess': function() {
							var currentUrl = window.location.href;
							$.ajax({
								type: 'POST',
								url: '/_es/_es/club-vip/registrationPersonalInfos.aspx',
								success: function(data) {
									LOP.execStatCM(data);
									window.location.href = '/mi-club-vip.aspx';
								},
								error: function() {
									window.location.href = currentUrl;
								}
							});
						},
						'onError': function() {
                            $('#loginForm p.loading').css('display','none');
							$('#loginForm a.submit').show();
//							$('.registered').hide();
                            $('#loginForm .intro').html(l10n.errorMsg.invalid.login).css('display', 'block').addClass('registered error');
                        }
					});
				}
			}
		});
	}
		
        LOP.tooltips.add({
            selector: '#loginForm:hover',
            ruleNamespace: 'formError',
            rule: function(el) {
                if (el.nodeName.toLowerCase() == 'img') {
                    this.setHTML(el.alt).setAttributeCache(el, 'alt').setId('toolTipError');
                }
            }
        });
});