function closeLoginBox()
{
   document.getElementById('loginBox').style.display = "none";
}

function closeRegisterationBox()
{
   document.getElementById('register').style.display = "none";
}

function closeCongratulationBox()
{
   document.getElementById('congratulation').style.display = "none";
}

//function showLoginBox()
//{
//   document.getElementById('loginBox').style.display = "block";
//}

//function showRegisterationBox()
//{
//   document.getElementById('register').style.display = "block";
//}




function gradient(id, level)
{
	var box = document.getElementById(id);
	box.style.opacity = level;
	box.style.MozOpacity = level;
	box.style.KhtmlOpacity = level;
	box.style.filter = "alpha(opacity=" + level * 100 + ")";
	box.style.display="block";
	return;
}


function fadein(id) 
{
	var level = 0;
	while(level <= 1)
	{
		setTimeout( "gradient('" + id + "'," + level + ")", (level* 100) + 10);
		level += 0.01;
	}
	
}


// Open the lightbox

function showLoginBox(fadin)
{
 closeAllbox(); 
 document.getElementById('txtLoginName').value='';
 document.getElementById('txtLoginPassword').value='';
 document.getElementById('invalidLogin').style.visibility="hidden";
 document.getElementById('ChkRememeber').checked='';
 //document.getElementById('homeBody').style.overflow='hidden';
 //document.documentElement.style.overflow = "hidden";
  var box = document.getElementById('loginBox');    
  
  var arrayPageSize = getPageSize();
  var arrayPageScroll = getPageScroll();

  document.getElementById('filter').style.display='block';  
  //document.getElementById('filter').style.height = document.documentElement.clientHeight;
  document.getElementById('filter').style.height = (arrayPageSize[1] + 'px');
  document.getElementById('filter').style.width = document.documentElement.clientWidth; 
   

  if(fadin)
  {
	 gradient('loginBox', 0);
	 fadein('loginBox');
  }
  else
  { 	
    box.style.display='block';
  }  
 
    var lightboxTop = arrayPageScroll[1]+((arrayPageSize[3] - box.offsetHeight) / 2);
    box.style.top=lightboxTop + 'px';
    //document.documentElement.style.overflow='hidden';
	document.getElementById('txtLoginName').focus();
}


function showRegisterationBox(fadin)
{
 closeAllbox(); 
 document.getElementById('txtDisplayName').value='';
 document.getElementById('txtName').value='';
 document.getElementById('txtPassword').value='';
 document.getElementById('txtEmail').value=''; 
 document.getElementById('lblUserName').innerHTML = "http://flipick.com/user/";
 document.getElementById('regInvalidUserNameImg').style.visibility="hidden";
 document.getElementById('regInvalidUserNameLbl').style.visibility="hidden";
 document.getElementById('regInvalidFullNameImg').style.visibility="hidden";
 document.getElementById('regInvalidFullNameLbl').style.visibility="hidden";
 document.getElementById('regInvalidUserPassImg').style.visibility="hidden";
 document.getElementById('regInvalidUserPassLbl').style.visibility="hidden";
 document.getElementById('regInvalidEmailImg').style.visibility="hidden";
 document.getElementById('regInvalidEmailLbl').style.visibility="hidden";
 document.getElementById("hdnNameErr").value = "1";
 document.getElementById("hdnDispNameErr").value = "1";
 document.getElementById("hdnPasswordErr").value = "1";
 document.getElementById("hdnEmailErr").value = "1";
 //document.documentElement.style.overflow = "hidden";
  var box = document.getElementById('register'); 
  
   var arrayPageSize = getPageSize();
  var arrayPageScroll = getPageScroll();
  document.getElementById('filter').style.display='block';
  document.getElementById('filter').style.height = (arrayPageSize[1] + 'px');
  //document.getElementById('filter').style.height = document.documentElement.clientHeight;
  document.getElementById('filter').style.width = document.documentElement.clientWidth; 
    
  if(fadin)
  {
	 gradient('register', 0);
	 fadein('register');
  }
  else
  { 	
    box.style.display='block';
  }  	
  
  var lightboxTop = arrayPageScroll[1]+((arrayPageSize[3] - box.offsetHeight) / 2);
  box.style.top=lightboxTop + 'px';
}

function showForgotPassBox(fadin)
{
closeAllbox();
document.getElementById('ForgotPassYourEmail').value='';
document.getElementById('FPEmailInValidLbl').style.visibility="hidden";
document.getElementById('FPEmailInValidImg').style.visibility="hidden";
     //document.documentElement.style.overflow = "hidden";   
  var box = document.getElementById('forgotPwd'); 
  
   var arrayPageSize = getPageSize();
  var arrayPageScroll = getPageScroll();
  document.getElementById('filter').style.display='block';
  document.getElementById('filter').style.height = (arrayPageSize[1] + 'px');
  //document.getElementById('filter').style.height = document.documentElement.clientHeight;
  document.getElementById('filter').style.width = document.documentElement.clientWidth; 
    
  if(fadin)
  {
	 gradient('forgotPwd', 0);
	 fadein('forgotPwd');
  }
  else
  { 	
    box.style.display='block';
  }  	
  var lightboxTop = arrayPageScroll[1]+((arrayPageSize[3] - box.offsetHeight) / 2);
  box.style.top=lightboxTop + 'px';
}

function showResendLnk(fadin)
{
    closeAllbox();
  var box = document.getElementById('resendLnk'); 
   var arrayPageSize = getPageSize();
  var arrayPageScroll = getPageScroll();
  document.getElementById('filter').style.display='block';
  document.getElementById('filter').style.height = (arrayPageSize[1] + 'px');
  //document.getElementById('filter').style.height = document.documentElement.clientHeight;
  document.getElementById('filter').style.width = document.documentElement.clientWidth; 
  
  
  if(fadin)
  {
	 gradient('resendLnk', 0);
	 fadein('resendLnk');
  }
  else
  { 	
    box.style.display='block';
  }
  var lightboxTop = arrayPageScroll[1]+((arrayPageSize[3] - box.offsetHeight) / 2);
  box.style.top=lightboxTop + 'px';
  
    document.getElementById('anchResend').focus();
}


function showCongratulationBox(fadin)
{
   closeAllbox();
  var box = document.getElementById('congratulation'); 
  
   var arrayPageSize = getPageSize();
  var arrayPageScroll = getPageScroll();
  document.getElementById('filter').style.display='block';
  document.getElementById('filter').style.height = (arrayPageSize[1] + 'px');
  //document.getElementById('filter').style.height = document.documentElement.clientHeight;
  document.getElementById('filter').style.width = document.documentElement.clientWidth; 
    //document.documentElement.style.overflow = "hidden";
  if(fadin)
  {
	 gradient('congratulation', 0);
	 fadein('congratulation');
  }
  else
  { 	
    box.style.display='block';
  }
  
  var lightboxTop = arrayPageScroll[1]+((arrayPageSize[3] - box.offsetHeight) / 2);
  box.style.top=lightboxTop + 'px';
}

// Close the lightbox

function closeAllbox()
{   
   document.getElementById('filter').style.display = 'none';
   document.getElementById('loginBox').style.display='none';
   document.getElementById('register').style.display='none';
   document.getElementById('forgotPwd').style.display='none';
   document.getElementById('resendLnk').style.display='none';
   document.getElementById('congratulation').style.display='none';
   //document.getElementById('homeBody').style.overflow='visible';       
      
//      document.documentElement.style.overflow ='auto'; //"auto";
    document.getElementById('box').style.display='none';
   document.getElementById('filter').style.display = 'none';
  // document.getElementById('lnkVideo1').className = "tab-sel";
   document.getElementById('lnkVideo2').className = "";
   document.getElementById('video1').style.display = "block";
  // document.getElementById('video2').style.display = "none";
}


/////////////////////////////////////////////////////////////// login related functions start ////////////////////////////////////////////////////

function VerifyLogin() 
 {         
      //debugger;
            var strUserName;
            var strUserPassword;
            strUserName = document.getElementById('txtLoginName').value;
            strUserPassword = document.getElementById('txtLoginPassword').value;

            if(strUserName !="" && strUserPassword != "" && strUserName.length>0 && strUserPassword.length>0)
            {
                AjaxScript.UserLogin(strUserName, strUserPassword, callSuccess);
//AjaxScript.CheckUserName(strUserName, callSuccess);
            }
           else
           {
//               alert('invalid username/password');
                 document.getElementById('invalidLogin').style.visibility="visible";
            }
            //GetUserByUserName(strUserName);

       
  }

 function callSuccess(result)
 {

     debugger;
          if(result=='Success')
//if(result==false)
            {
                    __doPostBack('lnkLogin', '');
            }
            else
           {
               //alert('invalid username/password');
                document.getElementById('invalidLogin').style.visibility="visible";
           }
  } 
  
  /////////////////////////////////////////////////////////////// login related functions end ////////////////////////////////////////////////////
  
  /////////////////////////////////////////////////////////////// forgot password related functions start ////////////////////////////////////////////////////
  
  function SendUpdatedPassword()
  {
    var strEmail = document.getElementById('ForgotPassYourEmail').value;
    
    if (echeck(strEmail)) 
    {        
        AjaxScript.CheckUserEmail(strEmail, SuccessChangedEmailForgotPassword);
    }
    else
    {
        document.getElementById('FPEmailInValidImg').style.visibility="visible";
        document.getElementById('FPEmailInValidLbl').style.visibility="visible";
    }  
  }
  
  function SuccessChangedEmailForgotPassword(result) 
  {
      if (result == true) 
      {
         closeAllbox();
         __doPostBack('lnkFP', '');
      }
      else 
      {
        document.getElementById('FPEmailInValidImg').style.visibility="visible";
        document.getElementById('FPEmailInValidLbl').style.visibility="visible";
    }
  }
  
  /////////////////////////////////////////////////////////////// forgot password related functions end ////////////////////////////////////////////////////
  
  
  /////////////////////////////////////////////////////////////// register related functions end ////////////////////////////////////////////////////
  
  function TextChanged(ele) 
  {
    var id = ele;   
    
    if (id == 'txtName') 
    {
    
       var txt = document.getElementById(id); 
       
//       if(txt.value!='')
//       {   
           var txtvalue = "http://flipick.com/user/";
            //txtvalue = txtvalue.replace("Username", "")
            txtvalue += txt.value;
           document.getElementById('lblUserName').innerHTML = txtvalue;
           if (txt.value.indexOf(" ") > 0) 
           {
               document.getElementById('regInvalidUserNameImg').style.visibility="visible";
               document.getElementById('regInvalidUserNameLbl').style.visibility="visible";
               document.getElementById("hdnNameErr").value = "1";

            }
            else if (txt.value.length < 4) 
            {
                document.getElementById('regInvalidUserNameImg').style.visibility="visible";
                document.getElementById('regInvalidUserNameLbl').style.visibility="visible";
                document.getElementById('regInvalidUserNameLbl').innerHTML="Min. 4 characters";
                document.getElementById("hdnNameErr").value = "1";
            }
            else if (checkNumeric(txt.value)) 
            {
                document.getElementById('regInvalidUserNameImg').style.visibility="visible";
                document.getElementById('regInvalidUserNameLbl').style.visibility="visible";
                document.getElementById('regInvalidUserNameLbl').innerHTML="No numbers";
                document.getElementById("hdnNameErr").value = "1";          
            }
            else
            {
               // document.getElementById('regUserNameLoader').style.visibility="visible";
                AjaxScript.CheckUserName(txt.value, TextChangedSuccess);
            }
       // }
        
    }
    
    if(id=='txtDisplayName')
    {
        var txt1 = document.getElementById(id).value;
        
//        if(txt1!='')
//        {
            if (txt1.length < 1) 
            {
                document.getElementById('regInvalidFullNameImg').style.visibility="visible";
                document.getElementById('regInvalidFullNameLbl').style.visibility="visible";
                document.getElementById("hdnDispNameErr").value = "1";
            }
            else
            {   
                document.getElementById('regInvalidFullNameImg').style.visibility="hidden";
                document.getElementById('regInvalidFullNameLbl').style.visibility="hidden";
                document.getElementById("hdnDispNameErr").value = "0";
            }
  //      }
    }
}
  
  function TextChangedSuccess(result)
   {
    if (result == false) 
    {
        //document.getElementById('regUserNameLoader').style.visibility="hidden";
        document.getElementById('regInvalidUserNameImg').style.visibility="visible";
        document.getElementById('regInvalidUserNameLbl').style.visibility="visible";
        document.getElementById('regInvalidUserNameLbl').innerHTML="Already Exists";
        document.getElementById("hdnNameErr").value = "1";
    }
    if (result == true) 
    {
      // document.getElementById('regUserNameLoader').style.visibility="hidden";
       document.getElementById("hdnNameErr").value = "0";
       document.getElementById('regInvalidUserNameImg').style.visibility="hidden";
       document.getElementById('regInvalidUserNameLbl').style.visibility="hidden";
    }
}
  
  function TextChangedPassword(elePassword) 
  {
    var passwordText = elePassword;
    var strPassword = document.getElementById(elePassword).value;
    var minPasswordLen = document.getElementById('hdnPasswordLength').value;
    
//    if(strPassword!='')
//    {
        if (strPassword.length >= 4)
        {
            document.getElementById("hdnPasswordErr").value = "0";
           document.getElementById('regInvalidUserPassImg').style.visibility="hidden";
           document.getElementById('regInvalidUserPassLbl').style.visibility="hidden";
        }
        else 
        {
            document.getElementById("hdnPasswordErr").value = "1";
            document.getElementById('regInvalidUserPassImg').style.visibility="visible";
            document.getElementById('regInvalidUserPassLbl').style.visibility="visible";
        }
//    }
  }
  
  
  function TextChangedEmail(eleEmail)
  {  
    var EmailTxt = eleEmail;
    var strEmail = document.getElementById(eleEmail).value;
    
//    if(strEmail!='')
//    {
        if (echeck(strEmail)) 
        {
            //document.getElementById('regEmailLoader').style.visibility="visible";
            AjaxScript.CheckUserEmail(strEmail, SuccessCheckUserEmail)
        }
        else 
        {
           // document.getElementById('regEmailLoader').style.visibility="hidden";
            document.getElementById("hdnEmailErr").value = "1";
            document.getElementById('regInvalidEmailImg').style.visibility="visible";
            document.getElementById('regInvalidEmailLbl').style.visibility="visible";
document.getElementById('regInvalidEmailLbl').innerHTML="Invalid email ID";
        }
//   }
}

function SuccessCheckUserEmail(result)
 {
    if (result) 
    {
        //document.getElementById('regEmailLoader').style.visibility="hidden";
        document.getElementById("hdnEmailErr").value = "1";
        document.getElementById('regInvalidEmailImg').style.visibility="visible";
        document.getElementById('regInvalidEmailLbl').style.visibility="visible";
        document.getElementById('regInvalidEmailLbl').innerHTML="Email already Exists";
    }
    else 
    {
       // document.getElementById('regEmailLoader').style.visibility="hidden";
        document.getElementById("hdnEmailErr").value = "0";
        document.getElementById('regInvalidEmailImg').style.visibility="hidden";
        document.getElementById('regInvalidEmailLbl').style.visibility="hidden";
    }
 }


function RegisterPostBack(e)
{ 


     if (window.event)
     {
        e = window.event; 
     }
	 if (e.keyCode == 13)
	 {	             
           
             RegisterNewUser();
	           
//                 else
//                 {                   
//                    __doPostBack('LinkButtonRegister', '');  
//                 }	         	                  
	  }
}
  
  function RegisterNewUser()
  {

               TextChanged('txtDisplayName');
               TextChanged('txtName');
	           TextChangedPassword('txtPassword');
	           TextChangedEmail('txtEmail');
	           
                 var iDispName = document.getElementById('hdnDispNameErr').value;	            
	             var iName = document.getElementById('hdnNameErr').value;
	             var iEmail = document.getElementById('hdnEmailErr').value;
	             var iPass = document.getElementById('hdnPasswordErr').value;
	             
	             if (iDispName == 0 && iName == 0 && iEmail == 0 && iPass == 0) 
	             {
	                __doPostBack('LinkButton1', '');	      
	                //alert("successfull");        
                 }
  }
  
  
  function clearErrMsgRegistration()
  {
        document.getElementById('regInvalidFullNameImg').style.visibility="hidden";
        document.getElementById('regInvalidFullNameLbl').style.visibility="hidden";
        document.getElementById('regInvalidUserNameImg').style.visibility="hidden";
        document.getElementById('regInvalidUserNameLbl').style.visibility="hidden"; 
        document.getElementById('regInvalidUserPassImg').style.visibility="hidden";
        document.getElementById('regInvalidUserPassLbl').style.visibility="hidden";
        document.getElementById('regInvalidEmailImg').style.visibility="hidden";
        document.getElementById('regInvalidEmailLbl').style.visibility="hidden";
  }
  
  /////////////////////////////////////////////////////////////// register related functions end ////////////////////////////////////////////////////
  
  
  
  
   /////////////////////////////////////////////////////////////// common functions start ////////////////////////////////////////////////////
   
  function echeck(strMail) 
  {
    var regMail = /^\w+([-.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
    if (regMail.test(strMail)) 
    {
        return true;
    }
    else 
    {
        return false;
    }
  }
  
  function ResendLnk()
  {
        strUserName = document.getElementById('txtLoginName').value;
            if(strUserName !="" && strUserName.length>0)
            {
                      
                AjaxScript.CheckUserName(strUserName, LoginTextChangedSuccess);
            }
           else
           {
//               alert('invalid username/password');
                 document.getElementById('invalidLogin').style.visibility="visible";
           }
        
  }
  
  function LoginTextChangedSuccess(result)
  {
    if (result == true) 
    {
        document.getElementById('invalidLogin').style.visibility="visible";
    }
    if (result == false) 
    {        
        __doPostBack('lnkLogin', '');
    }
  }
  
  function ResendCall() 
  {
	     __doPostBack('LinkButtonResend', '');
	}

  
   /////////////////////////////////////////////////////////////// common functions end ////////////////////////////////////////////////////
   
   
   function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}


	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}


function getPageScroll(){

	var yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
	}

	arrayPageScroll = new Array('',yScroll) 
	return arrayPageScroll;
}


function GetEnter(e) {
    var strUserName = "";

    //debugger;
    //alert(e.keyCode);

    if (window.event) { e = window.event; }
    if (e.keyCode == 13) {
        //alert("called");
        //__doPostBack('LinkButtonResend', '');
        strUserName = $get('txtLoginName').value;
        GetUserByUserName(strUserName);
    }


}
function GetUserByUserName(strUserName) {
    // debugger;
    AjaxScript.GetUserByUserName(strUserName, GetUserByUserNameSuccess);
}

function GetUserByUserNameSuccess(result) {
  //debugger;
    // alert('called');
    if (result.tables[0].rows != null) 
    {

        var iUserStatus = result.tables[0].rows[0].User_Register;
        var iIsActiveUser = result.tables[0].rows[0].User_Status;
        if (iUserStatus == 0)
        {
            showResendLnk(0);
        }
        else 
        {
            VerifyLogin();
                        //__dopostback(lnkLogin_Click);
        }

        //VerifyLogin();
    }
    else
    {
        document.getElementById('invalidLogin').style.visibility="visible";
    }

}

function CallNew() {

    strUserName = $get('txtLoginName').value;
    GetUserByUserName(strUserName);

}