function scall(){
		document.getElementById("sign_div").style.top="0px";
		document.getElementById("sign_div").style.left="0px";
}
function scallcenter(){
		document.getElementById("light_div").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("light_div").offsetHeight)/2)+"px";
		document.getElementById("light_div").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("light_div").offsetWidth)/2)+"px";
}

function G(id){
    return document.getElementById(id);
};
function GC(t){
   return document.createElement(t);
};
String.prototype.trim = function(){
          return this.replace(/(^\s*)|(\s*$)/g, '');
};
function isIE(){
      return (document.all && window.ActiveXObject && !window.opera) ? true : false;
} 
var loginDivWidth = 738;


/**more**/
var sign_in_flow = '<div class="big_pic01">'
        + '<dl><dd>(SGH-E908)<span><img src="/b2b/images/close01.gif" onclick="cancelSign();" onfocus="this.blur()" style="cursor:pointer" /><input type="button" value="cancel" style="display:none" /></span></dd><dt>'
		+ '<div class="big_info"><table border="0" cellspacing="0" cellpadding="0">'
		+ '<tr>'
		+ '<td align="center" align="middle" height="700"></td>'
		+ '</tr>'
		+ '</table></div></dt>'
		+ '</dl></div>'


function loadSignInFlow(){
   G("sign_div").innerHTML = sign_in_flow;
    G("sign_email").focus();
};
var sign_up_flow = '<div style="background:#CCFF00;">Create New Account</div><div>e-mail:*</div><div>'
       + '<input type="text" id="sign_email" maxlength="64" size="30"/>'
       + '</div><div>password:*</div><div><input type="password" id="sign_pwd" size="30"/>'
        + '</div><div>password again:*</div><div><input type="password" id="sign_repwd" size="30"/>'
        + '</div><div><input type="button" value="creat account" onclick="signFlow(0);" id="sign_button"/> '
        + ' <input type="button" value="cancel" onclick="cancelSign();"/></div>'
        + '<p><a href="javascript:loadSignInFlow();">login</a></p>';
function loadSignUpFlow(){
   G("sign_div").innerHTML = sign_up_flow;
    G("sign_email").focus();
};
function cancelSign(){
    G("sign_div").style.display = 'none';
    G("cover_div").style.display = 'none';
   document.body.style.overflow = '';
};
var forget_pwd_flow = '<div style="background:#FF99FF;">Forget Password</div><div>e-mail:*</div><div>'
       + '<input type="text" id="sign_email" maxlength="64" size="30"/>'
        + '</div><div><input type="button" value="sent pwd to e_mail" onclick="signFlow(2);" id="sign_button"/>   '
        + '   <input type="button" value="cancel" onclick="cancelSign();"/></div>';
function loadForgetPwdFlow(){
   G("sign_div").innerHTML = forget_pwd_flow;
    G("sign_email").focus();
};
function checkEmail(){
   if((G("sign_email").value.indexOf('@')<=0)||(G("sign_email").value.indexOf('.')<=0)){
    return '<div style="color:#FF0000";">Sorry, unrecognized e_mail.</div>';
   }
   return '';
}
function checkPwd(){
   if(G("sign_pwd").value.trim() == ''){
    return '<div style="color:#FF0000";">Password field is required.</div>';
   }
   return '';
}
function checkRePwd(){
   if(G("sign_pwd").value.trim() != G("sign_repwd").value.trim()){
    return '<div style="color:#FF0000";">The specified passwords do not match.</div>';
   }
   return '';
}
function signFlow(isSignIn){
    var error = checkEmail();
    var htmlText = null;
    if (isSignIn == 1) {
     if (error == ''){
      error = checkPwd();
     }
     htmlText = sign_in_flow;
    } else if (isSignIn == 0) {
     if (error == ''){
      error = checkPwd();
      if (error == ''){
       error = checkRePwd();
      }
     }
     htmlText = sign_up_flow;
    } else if (isSignIn == 2) {
    htmlText = forget_pwd_flow;
    }
    var eMailValue = G("sign_email").value.trim();
   if (error == '') {
    } else {
    G("sign_div").innerHTML = error + htmlText;
    G("sign_email").value = eMailValue; 
    }
};
function popCoverDiv(){
   if (G("cover_div")) {
    G("cover_div").style.display = '';
   } else {
    var coverDiv = GC('div');
    document.body.appendChild(coverDiv);
    coverDiv.id = 'cover_div';
    with(coverDiv.style) {
     position = 'absolute';
     background = '#CCCCCC';
     left = '0px';
     top = '0px';
     var bodySize = getBodySize();
     width = bodySize[0] + 'px'
     height = bodySize[1] + 'px';
     zIndex = 98;
     if (isIE()) {
      filter = "Alpha(Opacity=60)";
     } else {
      opacity = 0.6;
     }
    }
   }
}
function getBodySize(){
   var bodySize = [];
   with(document.documentElement) {
    bodySize[0] = (scrollWidth>clientWidth)?scrollWidth:clientWidth;
    //bodySize[0] = (scrollWidth>clientWidth)?scrollWidth:clientWidth;
    bodySize[1] = (scrollHeight>clientHeight)?scrollHeight:clientHeight;
   }
   return bodySize;
} 
function popSign(isLogin){
   if (G("sign_div")) {
    G("sign_div").style.display = '';
   } else {
    var signDiv = GC('div');
    document.body.appendChild(signDiv);
    signDiv.id = 'sign_div';
    signDiv.align = "center";
    signDiv.onkeypress = function(evt){
          var e = window.event?window.event:evt;
          if (e.keyCode==13 || e.which==13) {
           if (G("sign_button")) {
            G("sign_div").focus();
            G("sign_button").click();
           }
          }
         };
    with (signDiv.style) {
     position = 'absolute';
     left = (document.documentElement.clientWidth - 510)/2 + 'px';
     top = (document.documentElement.clientHeight - 600)/2 + 'px';
	 //left = (document.documentElement.clientWidth - loginDivWidth)/2 + 'px';
     //top = (document.documentElement.clientHeight - 300)/2 + 'px';
     width = loginDivWidth + 'px';
     zIndex = 99;
     background = '#FFFFFF';
     border = '#AE9999 solid 1px';
    }
   }
   if(isLogin) {
    G("sign_div").innerHTML = sign_in_flow;
   } else {
    G("sign_div").innerHTML = change_pwd_flow;
   }
  
}
function popSignFlow(isLogin) {
   popCoverDiv();  
   popSign(isLogin);  
   document.body.style.overflow = "hidden";
}

function checkOldPwd(){
   if(G("old_pwd").value.trim() == ''){
    return '<div style="color:#FF0000";">Old Password field is required.</div>';
   }
   return '';
}
/**big pic*/
var change_pwd_flow = '<div class="big_pic01">'
        + '<dl><dd>(SGH-E908)<span><img src="/b2b/images/close01.gif" onclick="cancelSign();" onfocus="this.blur()" style="cursor:pointer" /><input type="button" value="cancel" style="display:none" /></span></dd><dt>'
		+ '<table width="738" border="0" cellspacing="0" cellpadding="0">'
		+ '<tr>'
		+ '<td align="center" align="middle" height="553"><img src="/b2b/images/011.gif" /></td>'
		+ '</tr>'
		+ '</table></dt>'
		+ '</dl></div>'

function showLightBox(title,contentdiv,css)
{
     popCoverDiv();  
   if (G("light_div")) {
    G("light_div").style.display = '';
   } else {
    var lightDiv = GC('div');
    document.body.appendChild(lightDiv);
    lightDiv.id = 'light_div';
    lightDiv.align = "center";
    lightDiv.onkeypress = function(evt){
          var e = window.event?window.event:evt;
          if (e.keyCode==13 || e.which==13) {
           if (G("light_button")) {
            G("light_div").focus();
            G("light_button").click();
           }
          }
         };
    with (lightDiv.style) {
     position = 'absolute';
     left = (document.documentElement.clientWidth - 510)/2 + 'px';
     top = (document.documentElement.clientHeight - 600)/2 + 'px';
	 //left = (document.documentElement.clientWidth - loginDivWidth)/2 + 'px';
     //top = (document.documentElement.clientHeight - 300)/2 + 'px';
     width = '';
     zIndex = 999;
     background = '#FFFFFF';
     border = '#AE9999 solid 0px';
    }
   }
   var tmp=CONST_LIGHTBOXFOMAT;
   tmp=tmp.replace("##CSS##",css);
   tmp=tmp.replace("##TITLE##",title);
   tmp=tmp.replace("##CONTENT##",G(contentdiv).innerHTML);
   
    G("light_div").innerHTML = tmp;

   document.body.style.overflow = "hidden";
}


function hideLightBox(){
    G("light_div").style.display = 'none';
    G("cover_div").style.display = 'none';
   document.body.style.overflow = '';
}

/**big pic*/
var CONST_LIGHTBOXFOMAT = '<div class="##CSS##">'
        + '<dl><dd>##TITLE##<span><img src="/b2b/images/close01.gif" onclick="hideLightBox();" onfocus="this.blur()" style="cursor:pointer" /><input type="button" value="cancel" style="display:none" /></span></dd><dt>'
		+ '##CONTENT##</dt>'
		+ '</dl></div>'