var l = {
    'src':{
        'cors':6,
        'loginHtml':5,
        'userApi':4
    },
    'category':{
        'defaultVal':1
    },
    'issue':{
        'defaultVal':1
    },
    'type':{
      'funnel':1,
      'userErr':2
    },
	'req':{
		'register':loginEvents,
		'login':loginEvents,
        'forgotPassword':loginEvents
	}
}
//function reportAction(){}
var loginEvents = {
    LOGIN_FORM_CALLED: {
        'desc':'called login form',
        'type':l.type.funnel,
        'category': l.category.defaultVal,
        'biEventId':1000,
        'timerId':'main',
        'callLimit':99999,
        'src':"hls"
    },
    FORM_OPENED: {
        'desc':'success forgot password.',
        'type':l.type.funnel,
        'category': l.category.defaultVal,
        'biEventId':1001,
        'timerId':'main',
        'callLimit':99999,
         'src':"hls"
    },
    LOGIN_REQ: {
        'desc':'login requested',
        'type':l.type.funnel,
        'category': l.category.defaultVal,
        'biEventId':1002,
        'timerId':'main',
        'callLimit':9999,
         'src':"hls"
    },
    LOGIN_SUCCESS: {
        'desc':'success login',
        'type':l.type.funnel,
        'category': l.category.defaultVal,
        'biEventId':1003,
        'timerId':'main',
        'callLimit':9999,
         'src':"hls"
    },
     REG_REQ: {
        'desc':'register requested',
        'type':l.type.funnel,
        'category': l.category.defaultVal,
        'biEventId':1005,
        'timerId':'main',
        'callLimit':99999,
         'src':"hls"
    },
    REG_SUCCESS: {
        'desc':'success registration ',
        'type':l.type.funnel,
        'category': l.category.defaultVal,
        'biEventId':1006,
        'timerId':'main',
        'callLimit':9999,
         'src':"hls"
    },
    PASS_REQ: {
        'desc':'forgot password requested.',
        'type':l.type.funnel,
        'category': l.category.defaultVal,
        'biEventId':1007,
        'timerId':'main',
        'callLimit':99999,
         'src':"hls"
    },
     USER_ACTION_ERROR:  {
         'desc':'user validation error.',
        'type':l.type.userErr,
        'category': l.category.defaultVal,
        'biEventId':1008,
        'timerId':'main',
        'callLimit':99999,
        'src':"hls"
    },
    USER_ASKED_FB:  {
         'desc':'user validation error.',
        'type':l.type.userErr,
        'category': l.category.defaultVal,
        'biEventId':401,
        'timerId':'main',
        'callLimit':99999,
        'src':"hls"
    },
    MERGE_ACCOUNT_OPENED:  {
         'desc':'user validation error.',
        'type':l.type.userErr,
        'category': l.category.defaultVal,
        'biEventId':402,
        'timerId':'main',
        'callLimit':99999,
        'src':"hls"
    },
    MERGE_ACCOUNT_SUBMIT:  {
         'desc':'user validation error.',
        'type':l.type.userErr,
        'category': l.category.defaultVal,
        'biEventId':403,
        'timerId':'main',
        'callLimit':99999,
        'src':"hls"
    }
}

var loginErrors = {
    /* CORS */
    AJAX_ABORTED:  {
        'errorCode': 1000,
        'evid:':10,
        'userMessage': 'ajax call aborted',
        'src':l.src.cors,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
     AJAX_TIMEOUT:  {
        'errorCode': 1001,
        'evid:':10,
        'userMessage': 'ajax call timed out',
        'src':l.src.cors,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    AJAX_GENERAL_ERROR:  {
        'errorCode': 1002,
        'evid:':10,
        'userMessage': 'ajax call general error',
        'src':l.src.cors,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    AJAX_JSON_PARSE_FAILED:  {
        'errorCode': 1003,
        'evid:':10,
        'userMessage': 'ajax call general error',
        'src':l.src.cors,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    AJAX_NOT_TRUE_AJAX:  {
        'errorCode': 1004,
        'evid:':10,
        'userMessage': 'ajax call general error',
        'src':l.src.cors,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    AJAX_NOT_TRUE_AJAX:  {
        'errorCode': 1003,
        'evid:':10,
        'userMessage': 'ajax call general error',
        'src':l.src.cors,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    LOGIN_BAD_SERVER_RESPONSE:  {
        'errorCode': 1009,
        'evid:':10,
        'userMessage': 'bad server response to login',
        'src':l.src.loginHtml,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    UPDATE_FLASH_FAILED:  {
        'errorCode': 1011,
        'evid:':10,
        'userMessage': 'user action error',
        'src':l.src.loginHtml,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    BAD_REDIRECT_URL:  {
        'errorCode': 1012,
        'evid:':10,
        'userMessage': 'user action error',
        'src':l.src.loginHtml,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    JSONP_3S_TIMEOUT:  {
        'errorCode': 1013,
        'evid:':10,
        'userMessage': 'jsonp timeout 3 seconds',
        'src':l.src.cors,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    JSONP_10S_TIMEOUT:  {
        'errorCode': 1016,
        'evid:':10,
        'userMessage': 'jsonp timeout 10 seconds',
        'src':l.src.cors,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    VALIDATION_PAYLOAD:  {
        'errorCode': 1014,
        'evid:':10,
        'userMessage': 'validation error',
        'src':l.src.loginHtml,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    CALL_FORM_NOT_COMPLETE:  {
        'errorCode': 1015,
        'evid:':10,
        'userMessage': 'call form called but init forms did not',
        'src':l.src.loginHtml,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    IE_HORROR:  {
        'errorCode': 1017,
        'evid:':10,
        'userMessage': 'call form called but init forms did not',
        'src':l.src.loginHtml,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    FLASH_DIM_START_ERROR:  {
        'errorCode': 1018,
        'evid:':10,
        'userMessage': 'flash dim did not started',
        'src':l.src.loginHtml,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    FLASH_DIM_END_ERROR:  {
        'errorCode': 1019,
        'evid:':10,
        'userMessage': 'flash dim did not ended',
        'src':l.src.loginHtml,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },

    GIGYA_ERROR:  {
        'errorCode': 1020,
        'evid:':10,
        'userMessage': 'problem communicate with gigya',
        'src':l.src.loginHtml,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    INVALID_USER_ACTION: {
        'errorCode': 1021,
        'evid:':10,
        'userMessage': 'User API action is invalid',
        'src':l.src.userApi,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
     HTML_DIM_START_ERROR:  {
        'errorCode': 1022,
        'evid:':10,
        'userMessage': 'html dim did not started',
        'src':l.src.loginHtml,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    },
    HTML_DIM_END_ERROR:  {
        'errorCode': 1023,
        'evid:':10,
        'userMessage': 'html dim did not started',
        'src':l.src.loginHtml,
        'category': l.category.defaultVal,
        'issue':l.issue.defaultVal,
        'log':"trg",
        'severity':1
    }
}

function cloneObj(obj) {
    var temp = new obj.constructor();
    for(var key in obj)
    temp[key] = obj[key];
    return temp;
}

/* for manager - generic form validation and ajax request*/
//var errorMap = (typeof err == 'undefined') ? {} : err;
var FormsManager ={
	options:{
		/* the callback function to be called when the api (script tag inserting) and ajax call is back */
		res:'formsManager.getResponse',
		/* callback after all the callback object is finnished OPTIONAL */
		callback:null,
		/* current working form. should be set when activating the manager */
		currentForm:'',
		/* validations: each validation is an html class name, add the class to the input and it will be validated with these regex */
		validate:{
			vldNumbers:{rgx:/^\\d{1,9999}$/,msg:'only numbers'},
			vldEmail:{rgx:/^[a-zA-Z0-9_\-+.]+@[a-zA-Z0-9_\-+]+\.[a-zA-Z0-9_\-+.]+$/, msg:err[99711]},
			vldPass:{rgx:/^[a-zA-Z0-9_\-!@#$%^&*]+$/,msg:err[99721]}
		},
        validateSize:{
            vldMand:{mand:[1,999999],msg:err[9973]},
            vldEmailLength:{mand:[6,60],msg:err[9974]},
            vldPassLength:{mand:[4,15],msg:err[9976]}
        }
	},
	init:function(){
		var that = this;
        /* catch every for submit */
        $("form").submit([that], function(e){
			that.submit(e);
		});
        /* to use the form manager with a link without a native submit, add class "submit" to the submit button/link of the form */
        /* TODO - wait for call to end before enabling the button again */
		$("form .submit").click([that], function(e){
			that.submit(e);
		});
		$("input").bind('focus',function(e){
			$(e.target).parent().removeClass("errorInput");
            /* TODO - a quick solution because there is no option to change html, make only one class */
            $(e.target).parent().removeClass("errorServerInput");
		});
        /* binding enter key with form submit button */
        $("form").keypress(function(e){
            if(e.keyCode==13){
                e.preventDefault();
                $("#"+this.id + " .submit").click();
            }
        })
	},
	submit:function(e){
		e.preventDefault();
		var form = this.options.currentForm = $(e.target).closest("form").attr("id");
		this.resetErrors();
        var valid = this.validateForm(form);
        if(valid){
            var data = $('#'+form).serialize();
			var url = $('#'+form).attr("action");
            if($('#'+form).hasClass("api")){
                $('#'+form).trigger("validate",[url,data]);
            }else{
                this.ajaxReq(url,data);
            }
        }
	},
	validateForm:function(id){
		$(id).removeClass('error');
		var inputs = $('#'+id+' input');
		for (var i = 0; i < inputs.length; i++) {
			if(!this.validateSize(inputs[i]) || !this.validateInput(inputs[i])){
				$('#'+id).addClass('error');
				return false;
			}
		}
		return true;
	},
	validateInput:function(input){
		var item;
		for(item in this.options.validate){
			if($(input).hasClass(item)){
				if(!this.options.validate[item].rgx.test(input.value)){
					$(input).parent().addClass('errorInput');
                    this.setError(this.options.validate[item].msg, input.name)
                    return false;
				}
			}
		}
		return true;
	},
    validateSize:function(input){
		var item;
		for(item in this.options.validateSize){
			if($(input).hasClass(item)){
				if(input.value.length < this.options.validateSize[item].mand[0] || input.value.length > this.options.validateSize[item].mand[1]){
					$(input).parent().addClass('errorInput');
                    this.setError(this.options.validateSize[item].msg, input.name)
                    return false;
				}
			}
		}
		return true;
	},
	ajaxReq:function(url, data){
		$.ajax({
			type:"POST",
			url: url,
			data:data,
			success: function(res) {
				this.res(res);
			},
			error: function(result){
				 LOG.reportError(loginErrors.AJAX_GENERAL_ERROR,"","",result);
			}
        });
	},
	getResponse:function(obj){
		obj = arguments[0];
		if(!obj.success){
			if(err && err[obj.errorCode]){
				this.setError(err[obj.errorCode]);
					}else{
					this.setError(obj.errorDescription);
				}
			return;
		}
		if(obj && !obj.redirect==""){
			document.location.href = obj.redirect;
		}
		this.options.callback(obj);
	},
	resetErrors:function(){
        /* TODO - a quick solution because there is no option to change html, make only one class */
		$(".errorInput").removeClass('errorInput');
        $(".errMsg").html("");
	},
	setError:function(msg, cont){
        var container = cont ? cont : "";
		var errContainer = $("#"+this.options.currentForm+" ."+cont+" .errMsg");
        if(errContainer.length === 0)errContainer = $("#"+this.options.currentForm+" .email .errMsg");
        /* TODO - locate the element in a better way */
        $(errContainer).parent().parent().addClass('errorInput');
		errContainer.html(msg);
	}
}

var UserActionForm = {
	options:{
		currentForm:"login",
        initializeTimeOut:{}
	},
    successAction:{
        login:{
            redirect:"",
            action:function(){
                if(this.redirect && this.redirect !== "")document.location.href = this.redirect;
            },
            report:loginEvents.LOGIN_REQ,
            reportSuccess:loginEvents.LOGIN_SUCCESS
        },
        createUser:{
            redirect:"",
            action:function(){
                if(this.redirect && this.redirect !== "")document.location.href = this.redirect
            },
            report:loginEvents.REG_REQ,
            reportSuccess:loginEvents.REG_SUCCESS
        },
        forgotPassword:{
            action:function(){
                var e = {target:{rel:'postPassword'},preventDefault:function(){}};
		        userActionForm.pager(e);

            },
            report:loginEvents.PASS_REQ
        },
        mergeAccount:{
            redirect:"",
            action:function(){
                if(this.redirect && this.redirect !== "")document.location.href = this.redirect;
            },
            report:loginEvents.MERGE_ACCOUNT_SUBMIT
        }
    },
     /* all errors should be place at the default container under the email field.
        errors that are different should be in this map with a string that  will match the current error msg class of the input field
     */
    secondErrors:{
        9972:'password'
    },
	init:function(arr){
        var id = "login";
        /* for facebook merge account */
        if(arr[2] == "mergeAccount")this.options.currentForm="mergeAccount";
		this.targetListeners();
		/* because of the fact that the flash passing params in array we have to get it hardcoded. blame: NY */
//		if(!(arr[2] == undefined || arr[2] == "")){
//			id = arr[2];
//			$("[rel="+id+"]").click();
//		}else{
//			id = "login";
//		}
        /* for facebook stanalone page */
//        if(!(arr[2] == undefined || arr[2] == "") && arr[2]=="mergeAccount"){
//            this.options.currentForm = "mergeAccount";
//            this.successAction.mergeAccount.redirect = arr[0];
//        }
        /* if user has no registered cookie we open the register form */
//       if((userServer.getCookie("userType")=="ANONYMOUS" || !userServer.getCookie("userType")) && !(arr[2] == "mergeAccount")){
//           var e = {target:{rel:'createUser'},preventDefault:function(){}};
//		    userActionForm.pager(e);
//       }
//        $("#"+id+" [name=email]")[0].focus();
		/* REPORT LOGGER */
        LOG.reportEvent(loginEvents.LOGIN_FORM_CALLED, {'c1':id});
        this.successAction.createUser.redirect = arr[0];
		this.successAction.login.redirect = arr[1];
        this.successAction.mergeAccount.redirect = arr[0];
        if(animateForm.options.callFormTimeOut){clearTimeout(animateForm.options.callFormTimeOut)}
        /* ugly bi for merge account */
        if($("#mergeAcount").length > 0)LOG.reportEvent(loginEvents.MERGE_ACCOUNT_OPENED);

        // Setup form background dimming
        if(arr[3]){
        var formBackground = arr[3];
            if (formBackground == "HTML")
                this.useHtmlDimming = true;
            else if (formBackground == "FLASH")
                this.useFlashDimming = true;
            else if (formBackground == "STANDALONE") {
                this.useFlashDimming = this.useHtmlDimming = false;
            }
        }
        else this.useFlashDimming = true; //backwards compatability
	},
	targetListeners:function(){
		var that = this;
		$(".pager").click([that], function(e){
			that.pager(e);
		});
		$("#facebookLoginBtn").click([that], function(e){
            that.goFacebook();
		});
		$(".actBtn").click([that], function(e){
			/* REPORT LOGGER */
            LOG.reportEvent(that.successAction[that.options.currentForm].report, {'c1':that.options.currentForm});
		});

        $("#login, #createUser, #forgotPassword, #mergeAcount").bind("validate", [that],function(e,url,data){
              that.sendToServer(url,data);
        });
        /* facebook */
//        $("#mergeAcount").bind("validate", [that],function(e,url,data){
//             var action = "mergeAccount"; //$(this).attr("id")
//             userApi.userAction(data, that.onError, that.onServerResponse, action);
//        });
        /* Loading image toggler */
        $("body").bind("loading", [that],function(e,toggle){
            (toggle == "loadStart") ?  $("#loaderWrapper").removeClass("Hidden") : $("#loaderWrapper").addClass("Hidden");
        });
	},
	pager:function(e){
		e.preventDefault();
		$(".container").addClass("Hidden");
		var id = e.target.rel ? e.target.rel : $(e.target.parentNode).attr("rel");
		$("#"+id).removeClass("Hidden");
        /* pass email value between forms */
        $("#"+id+ " .vldEmail").val($("#"+this.options.currentForm + " .vldEmail").val());
        $("#"+id+ " .vldPass").val("");
		this.options.currentForm = formsManager.options.currentForm = id;
		formsManager.resetErrors();
//        $('.field input').blur();
	},
    sendToServer:function(url,data){
        var action = this.options.currentForm;
        userApi.userAction(action, data, this.onError, this.onServerResponse);

    },
    onServerResponse:function(obj){
        var obj = obj ? obj : {};
        if(obj && obj.success === false){
            /*  for local server error description:
                we get the error code that came back from the server, we get the description from the static error map messages_lng.js
                if the error code is -2012 we dont get it from the local map, we go to another place in the object that came back from the server and take
                the error array, run over it and display each error description from there.
             */
            // if we have the error in the local map, get it, if not place a default error
            var errDesc = err[obj.errorCode] ? err[obj.errorCode] : err[9975];
            /* decide where to place the server error */
            var container = 'email';
            // if the error code is -2012 call function that will extract all errors
            if(obj.errorCode=="-2012"){
                /* 2012 should never be, it means that we have a broken client validation that does not match server validation*/
                var errorObj = userActionForm.getErrorMessageFromHell(obj);
                /* report for bad validation behavior */
                LOG.reportError(loginErrors.VALIDATION_PAYLOAD,"","",errorObj.errDesc);
                container = errorObj.errContainer;
                errDesc = errorObj.errDesc;
            }
            if(userActionForm.secondErrors[obj.errorCode]){
                container = userActionForm.secondErrors[obj.errorCode];
            }
            // send error to the form
            formsManager.setError(errDesc, container);
            // report to BI
              LOG.reportEvent(loginEvents.USER_ACTION_ERROR, {'c1':errDesc});
//            LOG.reportError(loginErrors.USER_ACTION_ERROR,"","",errDesc);
        }else if(obj && obj.success === true){
            userActionForm.onSuccess(obj);
        }else{
            formsManager.setError("error, bad server response", "email");
            LOG.reportError(loginErrors.LOGIN_BAD_SERVER_RESPONSE,"","","bad Server response"+obj);
        }
        return 
    },
    onSuccess:function(obj){
        LOG.reportEvent(userActionForm.successAction[userActionForm.options.currentForm].reportSuccess);
        $("#"+userActionForm.options.currentForm).trigger("userActionSuccess", [obj]);
        userActionForm.successAction[userActionForm.options.currentForm].action();
    },
    onError:function(obj){
        formsManager.setError(err[9975], "email");

    },
   goFacebook:function(){
        LOG.reportEvent(loginEvents.USER_ASKED_FB);
        var redirectUrl =  loginParams.usersDomain + '/social/gigya?';
        redirectUrl = redirectUrl + 'redirectTo='+this.successAction.mergeAccount.redirect;
        redirectUrl = redirectUrl + '&orgDocID='+loginParams.orgDocID;
        redirectUrl = redirectUrl + '&appUrl='+document.location.href;
        try {
            var conf ={APIKey: loginParams.apiKey};
            gigya.services.socialize.login(conf,{
                 provider: 'facebook',
                 redirectURL: redirectUrl
            });
        }
        catch(e) {
            LOG.reportError(loginErrors.GIGYA_ERROR,"","",e);
        }
    },
    getErrorMessageFromHell:function(obj){
        var errors = obj.payload.errors;
        var obj = {};
        obj.errContainer = "email";
        obj.errDesc = "error validate input";
        var str = "";
        for(var item in errors){
            obj.errDesc = str + errors[item].message + "\n"
            if(errors[item].fieldName == "password")obj.errContainer = "password";
        }
        return obj;
    },
    processError:function(obj){
        return;
    },
    resetState:function(){
         var form = "login"; //(userServer.getCookie("userType")=="ANONYMOUS" || !userServer.getCookie("userType")) ? "createUser" : "login";
         var e = {target:{rel:form},preventDefault:function(){}};
		    userActionForm.pager(e);
    }
}

var userActionForm;
var animateForm = {
    options:{
        openFrom:"left",
        /* container: css selector */
        container:"#loginContainer",
        /* current container's position */
		currenPos:'',
        moveTo:'',
        halfWidth:'',
		openFlag:false,
        animateClose:true,
        formsManagerInit:false,
		duration:1000,
        moveDirection:1,
        callFormTimeOut:false,
        openForm:function(){animateForm.openForm()},
		closeForm:function(){animateForm.closeForm()}
    },
    init:function(direction){
        that = this;
        this.options.openFrom = (direction == "right" || direction == "left" || direction == "top")? direction : this.options.openFrom;
        $("#login, #createUser,#forgotPassword").bind("userActionSuccess", [that],function(e,obj){
            if($(e.target).attr("id")!=="forgotPassword"){
                that.options.closeForm();
                $('body').trigger("serverSuccessResponse",[obj]);
//                that.updateFlash(obj);
            }
        });
        $(".back").click([that],function(e){
            that.options.animateClose = true;
            that.options.closeForm();
            /* clear all fields when user close the form */
            $('.field input').val("");
            formsManager.resetErrors();
            userActionForm.resetState();
        });
        /* clone the user action form and initialize it */
        userActionForm = cloneObj(UserActionForm);
//        userActionForm.init(arr);
        /* getting teh real width of the content, not the container -
         we have to put it here and not in the initPosition because after the movement the size will turn to zero */
		this.options.halfWidth = $(this.options.container).width() / 2;
//		this.options.halfWidthP = $("#login").width() / 2;
    },
    initFormsManager:function(arr){
        /* initiate forms manager once */
        if(!this.options.formsManagerInit){
            userActionForm.init(arr);
            this.options.formsManagerInit = true;
        }else{
            clearTimeout(animateForm.options.callFormTimeOut);
        }
    },
    initPosition:function(){
		this.options.moveTo =  ($(document).width() / 2) - this.options.halfWidth ;
		switch (this.options.openFrom)
        {
            case "left":
				break;
			case "right":
				$(this.options.container).css('left', $(document).width()+1000);
				this.options.moveDirection = -1;
				break;
		}
	},
   callForm:function(arr){
       /* pass to the new function because its harder to change function in flash */
       this.callOnContent(arr);

//        /* if form already open do not open it again*/
//        if(this.options.openFlag)return;
//        /* We have many actions to do from animation to events to initialize form. setting a timeout to tell if we have a problem somewhere*/
//        this.options.callFormTimeOut = setTimeout(
//                function(arr){
//                    LOG.reportError(loginErrors.CALL_FORM_NOT_COMPLETE,"","", arr);
//                }, 1000
//        );
//        this.initPosition();
//        this.initFormsManager(arr);
//        this.options.currenPos = parseInt($(this.options.container).css('left'));
//        $('html, body').animate({scrollTop:0}, 1)
//        $(this.options.container).css('display','block');
//        this.moveForm(this.options.moveTo);
//        this.pageContentMove(this.options.moveTo + 1000, 'hidden');
//        LOG.reportEvent(loginEvents.FORM_OPENED, {'c1':that.options.currentForm});
//        this.options.openFlag = true;
//        /* if we have no redirect url in the array, we want to show the closing animation.
//            if we do have a redirect link, we should not show animation because the page will reload to the
//            redirect request.
//         */
//        if((arr[1] != undefined && arr[1] != "") || (arr[0] != undefined && arr[0] != "")){
//            this.options.animateClose = false;
//        }
	},
    callOnContent:function(arr){
        /* if form already open do not open it again*/
        if(this.options.openFlag)return;
        this.setLabels();
        /* We have many actions to do from animation to events to initialize form. setting a timeout to tell if we have a problem somewhere*/
        this.options.callFormTimeOut = setTimeout(function(arr){
            LOG.reportError(loginErrors.CALL_FORM_NOT_COMPLETE,"","", arr);
        }, 5000);
        this.initPosition();
        $('html, body').animate({scrollTop:0}, 'slow');
        if(!this.options.formsManagerInit){
            var frameCss = {
                "height":""+($("#htmlLogin").height()+ 40)+"px",
                "width":""+($(this.options.container).width())+"px",
                "display":"block"
            }
            $("#loginFrame").css(frameCss);
        }

        this.initFormsManager(arr);


       if (userActionForm && userActionForm.useHtmlDimming)
        {
             var mask = $('#loginMask')
             if (mask) {
                 mask.css({'display':'block'});
                 var scrollHeight = $('body')[0].scrollHeight || '100%';
                 mask.css({'height': scrollHeight});
             }
             else
                LOG.reportError(loginErrors.HTML_DIM_START_ERROR,"","","");
        }
        else if (userActionForm && userActionForm.useFlashDimming) {
            try {
                getFlashAppInstance().startHTMLDialogMode("","0.8","0xffffff");
            }
            catch(e) {
                LOG.reportError(loginErrors.FLASH_DIM_START_ERROR,"","","");
            }
        }
      
        $("#htmlLogin").addClass('inFrame');

        $(this.options.container).css({'display':'block','left':this.options.moveTo});

        this.options.closeForm = this.closeFormWithLayer;
//        this.moveForm(this.options.moveTo);
        /* if you click on the flash, ie (all versions) will select the flash and hide the html. we are playing with the css for it te render the component again */
         if($.browser.msie){
            var ieGoToHell =  1;
            document.getElementById("app").onfocus = function(){
                document.getElementById("loginFrame").style.marginBottom = (ieGoToHell =  ieGoToHell * (-1))
            }
        }
        this.options.openFlag = true;
	},
    closeForm:function(){
        if(this.options.animateClose){
            this.moveForm(this.options.currenPos, $(this.options.container).css('display','none'));
            /* show table before animate in */
            $('table').css('visibility', 'visible');
            this.pageContentMove(0);
            formsManager.resetErrors();
        }
		this.options.openFlag = false;
	},
    moveForm:function(moveTo, callback){
        var clbck = callback ? callback : {};
        $(this.options.container).animate({left: moveTo},this.options.duration,function(){clbck});
    },
    closeFormWithLayer:function(){
        $(animateForm.options.container).css({'left':animateForm.options.currenPos,'display':'none'})

            if (userActionForm && userActionForm.useHtmlDimming)
            {
                var mask = $('#loginMask')
                 if (mask) {
                     mask.css({'display':'none'});
                 }
                 else
                    LOG.reportError(loginErrors.HTML_DIM_END_ERROR,"","","");
            }
            else {
                try {
                    getFlashAppInstance().endHTMLDialogMode()		}
                catch(e) {
                    LOG.reportError(loginErrors.FLASH_DIM_END_ERROR,"","","");
                }
            }
//        animateForm.moveForm(animateForm.options.currenPos, $(animateForm.options.container).css('display','none'))
        animateForm.options.openFlag = false;
    },
    pageContentMove:function(px, vis){
        $('table').animate({
			left:(px) * this.options.moveDirection
		}, this.options.duration, function(){if(vis)$(this).css('visibility', vis)});
    },
    updateFlash:function(obj){
		try {
			getFlashAppInstance().handleUserServerResponse(obj.payload.action, obj.success, obj.errorCode, obj.errorDescription, obj.payload.userProperties, userServer.getCookie("wixSession"));
		} catch(e) {
            LOG.reportError(loginErrors.UPDATE_FLASH_FAILED,"","", e.message + obj.action);
		}
	},
    /* for browsers that does not support placeholders */
    setLabels:function(){
        var test = document.createElement('input');
	    if(!('placeholder' in test)){
            $("input:text, input:password").each(function(){
                var prev = $(this).prev();
                if($(prev).hasClass("Hidden")){
                    $(prev).text($(this).attr("placeholder")).removeClass("Hidden");
                }
            });
        }
    }
}

var LOG;
$(document).ready(function()
    {
/* Logger set up */
    LOG = new WixLogger({
        /* errors map */
        'errors': window.loginErrors,
        /* Events map */
        'events': window.loginEvents,
        'src': 6,
        'severity':1,
        'defaultAnalytics': ['UA-2117194-33', 'UA-2117194-1'],
        'optionalAnalytics': {'user':null},
        'floggerServerURL': window.location.protocol + '//' + window.loginParams.floggerDomain + '/' || window.location.protocol + '//flogger.wixpress.com/',
        'version': "1.0",
        'siteId': (window['siteId'] ? siteId : ""),
//        'userId': "00000000-0000-0000-0000-000000000000",
        'userLangauge': userServer.getCookie("wixLanguage") || 'unknown',
        'session': userServer.getCookie("_wix_browser_sess") || "00000000-0000-0000-0000-000000000000",
        'computerId': userServer.getCookie("_wixCIDX") || "00000000-0000-0000-0000-000000000000",
        'creationSource': document.location.href,
        'onEvent': function(event, params) {},
        'onError': function(err, className, methodName, params) {
            // Show console error in debug mode
            if (window['debugMode'] == 'debug' && window['console'] && window['console']['log'] && window['console']['error']) {
                console['error'](err.desc, err, className, methodName, params);
            }
        }
    });
});