var picNames="";

function PicNames(str)
{
  picNames=str;
}

function createSubTypeDIV()
{
  var arr=picNames.split("#");
  var typeCount=arr.length-1;
  var picNameGroupArr=new Array(typeCount);
  for(var i=0;i<typeCount;onblur++)
  {
   picNameGroupArr[i]=arr[i];
   var picNameArr=picNameGroupArr[i].split("$");
   var picCount=picNameArr.length-1;
   
  }
  
}

function resetMainBodyHeight()
{
  var div=document.getElementById("mainbody");
  if(div!=null)
  {
    var title=document.title;
    if(title=="Home")
      div.style.height="1405px";
    else
      div.style.height="1000px";
  }
}

function markAnchor()
{
var nav=document.getElementById("nav")||document.getElementById("nav_validate");
var obj=new explorerObject();
var anchors;
if(nav!=null)
{
   if(obj.isIE6||obj.isIELower6)
   {
       var liNodes=nav.childNodes;
       if(liNodes.length>0)
       for(var i=0;i<liNodes.length;i++)
       {
         if(liNodes[i].nodeType==1)
         {
           liNodes[i].onmouseover=closureMouseOnNav(liNodes[i]);
           liNodes[i].onmouseout=closureMouseOutNav(liNodes[i]);
         }
       }
   }
    anchors=nav.getElementsByTagName("a");
    if(anchors.length>0)
    {
     for(var i=0;i<anchors.length;i++)
     {
      var reg=new RegExp(anchors[i].innerText||anchors[i].textContent);//new RegExp(anchors[i].href);//
      var title=document.title;//document.location.toString(); //
      if(title.match(reg)==(anchors[i].innerText||anchors[i].textContent))//if(title.match(reg)==anchors[i].href)//
      {
        anchors[i].innerHTML="<font color='#FE771D'>"+(anchors[i].innerText||anchors[i].textContent)+"</font>";
        break;
      }
     }
    }
}
}

function closureMouseOnNav(order)
{
  return function(){mouseOnNav(order);};
}
function closureMouseOutNav(order)
{
  return function(){mouseOutNav(order);};
}
function mouseOnNav(node)
{
 node.className+="hover_ie6";
}
function mouseOutNav(node)
{
  node.className=node.className.replace(/hover_ie6/gi,"");
}

function markCollectionSubTypeMenu()
{
   var pageName=document.location.toString();
   var arr=pageName.split("/");
   pageName=arr[arr.length-1];
   arr=pageName.split("?");
   var typeName="";//arr[1];
   if(arr.length>1)
   {
     typeName=arr[1];
     arr=typeName.split("=");
     typeName=arr[arr.length-1];
     var reg=/(^\s*)|(\s*$)/gi;///(^\s*)|(\s*$)/i; //must have g
     typeName=typeName.replace(reg,"");
     var ul=document.getElementById("ulSubTypeName");
     if(ul==null)
       ul=document.getElementById("ulSubTypeName_event");
     if(ul!=null)
     {
       var liNodes=ul.getElementsByTagName("li");
       for(var i=0;i<liNodes.length;i++)
       {
         var inner=liNodes[i].innerText||liNodes[i].textContent;
         var imgNodes=liNodes[i].getElementsByTagName("img");
         var orangeStar=imgNodes[0];
         var grayStar=imgNodes[1];
         inner=inner.replace(reg,"");
         if(inner==typeName)
         {
           liNodes[i].style.color="#E9A236";
           orangeStar.style.visibility="visible";
         }
         else
         {
            liNodes[i].style.color="#603913";//"#9C8679";
            orangeStar.style.visibility="hidden";
            grayStar.style.visibility="hidden";
         }
       }
     }
   }
}

function markCollectionSubType_VIP()
{
  var location=document.location.toString();
  var arr=location.split(".aspx?");
  arr=arr[1].split("&");
  arr=arr[1].split("=");
  var modelName=arr[1];
  var LIs=document.getElementsByTagName("LI");
  var liNodes=new Array();
  for(var i=0;i<LIs.length;i++)
  {
    if(LIs[i].parentNode.className=="ulSubTypeName")
    {
      liNodes.push(LIs[i]);
    }
  }
//  alert(liNodes.length)
  for(i=0;i<liNodes.length;i++)
  {
    var inner=liNodes[i].innerText||liNodes[i].textContent;
    var reg=/(^\s*)|(\s*$)/gi;
    inner=inner.replace(reg,"");
    var orangeStar=liNodes[i].getElementsByTagName("img")[0];
    var grayStar=liNodes[i].getElementsByTagName("img")[1];
    if(inner==modelName)
    {
      liNodes[i].style.color="#E9A236";
      orangeStar.style.visibility="visible";
    }
    else
    {
      liNodes[i].style.color="#603913";//"#9C8679";
      orangeStar.style.visibility="hidden";
      grayStar.style.visibility="hidden";
    }
  }
}


function clearCache()
{
  var div=document.getElementById("smallPics_collection");
  if(div!=null)
  {
    var imgNodes=div.getElementsByTagName("img");
    var today=new Date();
    var time=today.getSeconds();
    for(var i=0;i<imgNodes.length;i++)
    {
      var src=imgNodes[i].src;
      src=src+"?rmd="+time;
      imgNodes[i].src=src;
    }
  }
}

function mouseOverOnImage(obj)
{
  obj.style.cursor="pointer";
}

function mouseOnImage(obj)
{
  obj.style.cursor="pointer";
}


function displayThisSubType(subTypeName)
{
  var pageName=document.location.toString();
  var arr=pageName.split("/");
  pageName=arr[arr.length-1];
  arr=pageName.split("?");
  pageName=arr[0];
  document.location=pageName+"?modelName="+subTypeName;
}
function hideIndexPicDiv(divID)
{
  var div=document.getElementById(divID);//"allSubBasic"
  if(div!=null)
    div.style.visibility="hidden";
}

function displayThisSubType_public(imgTitle)
{
  var pageName=document.location.toString();
  var arr=pageName.split("/");
  pageName=arr[arr.length-1];
  arr=pageName.split("?");
  pageName=arr[0];
  arr=imgTitle.split("/");
  var collectionName=arr[0];
  var styleName=arr[1];
  document.location=pageName+"?collection="+collectionName+"&modelName="+styleName;
}
function displayIndexPicDiv(divID)
{
  var div=document.getElementById(divID);//"allSubBasic"
  if(div!=null)
    div.style.visibility="hidden";
}




function resetNavIndexNums(picCount)
{
  var navUL=document.getElementById("ulIndexNav");
  if(navUL!=null)
  {
     var liNodes=navUL.childNodes;
     if(liNodes.length>=picCount)
     {
       for(var i=0;i<picCount;i++)
        liNodes[i].style.visibility="visible";
     }
  }
}

function registerMouseEventToSubTypeUL()
{
  var ul=document.getElementById("ulSubTypeName");
  if(ul==null)
       ul=document.getElementById("ulSubTypeName_event");
  if(ul!=null)
  {
    var liNodes=ul.getElementsByTagName("li");
    for(var i=0;i<liNodes.length;i++)
    {
      liNodes[i].onmouseover=closureMouseOnSubType(i);
      liNodes[i].onmouseout=closureMouseOutSubType(i);
    }
  }
}

function closureMouseOnSubType(order)
{
  return function(){mouseOnSubType(order)};
}
function closureMouseOutSubType(order)
{
  return function(){mouseOutSubType(order)};
}
function closureClickSubType(order)
{
  return function(){clickSubType(order)};
}

function mouseOnSubType(order)
{
   var ul=document.getElementById("ulSubTypeName");
   if(ul==null)
       ul=document.getElementById("ulSubTypeName_event");
  if(ul!=null)
  {
    var liNodes=ul.getElementsByTagName("li");
    for(var i=0;i<liNodes.length;i++)
    {
      if(i==order)
      {
        var imgNodes=liNodes[i].getElementsByTagName("img");
        var orangeStar=imgNodes[0];
        var grayStar=imgNodes[1];
        liNodes[i].style.cursor="pointer";
        if(liNodes[i].style.color.toUpperCase()!="#E9A236")
        {
          liNodes[i].style.color="#C2B59B";
          grayStar.style.visibility="visible";
        }
        break;
      }   
    }
  }
}

function mouseOnSubType_VIP(liNode)
{
    var imgNodes=liNode.getElementsByTagName("img");
    var orangeStar=imgNodes[0];
    var grayStar=imgNodes[1];
    liNode.style.cursor="pointer";
    if(liNode.style.color.toUpperCase()!="#E9A236")
    {
      liNode.style.color="#C2B59B";
      grayStar.style.visibility="visible";
    }
        
}

function mouseOutSubType(order)
{
   var ul=document.getElementById("ulSubTypeName");
   if(ul==null)
       ul=document.getElementById("ulSubTypeName_event");
   var currentSubType=document.location.toString();
   var arr=currentSubType.split("/");
   currentSubType=arr[arr.length-1];
   arr=currentSubType.split("?");
   if(arr.length>1)
   {
     currentSubType=arr[1];
     arr=currentSubType.split("=");
     currentSubType=arr[1]; 
   }
   else
     currentSubType="";
   var reg=/(^\s*)|(\s*$)/gi;
   currentSubType=currentSubType.replace(reg,"");
  if(ul!=null)
  {
    var liNodes=ul.getElementsByTagName("li");
    for(var i=0;i<liNodes.length;i++)
    {
      if(i==order)
      {
        var inner=liNodes[i].innerText||liNodes[i].textContent;
        var imgNodes=liNodes[i].getElementsByTagName("img");
        var orangeStar=imgNodes[0];
        var grayStar=imgNodes[1];
        inner=inner.replace(reg,"");
//        alert("|"+currentSubType+"|=="+"|"+inner+"|");
        if(currentSubType!=inner)
        {
          liNodes[i].style.color="#603913";
          grayStar.style.visibility="hidden";
        }
        break;
      }
     
      
    }
  }
}

function mouseOutSubType_VIP(liNode)
{
   var currentSubType=document.location.toString();
   var arr=currentSubType.split("/");
   currentSubType=arr[arr.length-1];
   arr=currentSubType.split("?");
   if(arr.length>1)
   {
     currentSubType=arr[1];
     arr=currentSubType.split("=");
     currentSubType=arr[1]; 
   }
   else
     currentSubType="";
   var reg=/(^\s*)|(\s*$)/gi;
   currentSubType=currentSubType.replace(reg,"");

    var inner=liNode.innerText||liNode.textContent;
    var imgNodes=liNode.getElementsByTagName("img");
    var orangeStar=imgNodes[0];
    var grayStar=imgNodes[1];
    inner=inner.replace(reg,"");
    if(currentSubType!=inner)
    {
      liNode.style.color="#603913";
      grayStar.style.visibility="hidden";
    }
}

function clickSubType(obj)
{
   //hideDIV("allSubBasic");
   var subTypeName="";
   subTypeName=obj.innerText||obj.textContent;
   if(subTypeName=="")
    subTypeName=textContent;
   var reg=/(^\s*)|(\s*$)/i;
   subTypeName=subTypeName.replace(reg,"");
   var pageName=document.location.toString();
   var arr=pageName.split("/");
   pageName=arr[arr.length-1];
   arr=pageName.split("?");
   pageName=arr[0];
//   var obj=new CxmlHttpRequest();
//   obj.url=pageName;//"../"+pageName;
//   var strSend="subType="+subTypeName;
//   obj.strSend=strSend;
////   obj.getReady=function()
////   {
////     if(obj.hr.readyState==4&&obj.hr.status==200)
////     {
////       alert(obj.hr.responseText);
////     }
////   }
//   obj.send();
    var collectionName=obj.title;
document.location=pageName+"?collection="+collectionName+"&modelName="+subTypeName;
}


//class xmlHttpRequest
function CxmlHttpRequest()
{
  this.url="";
  this.method="post";
  this.strSend="";
  
  this.createXMLHttpRequest=function()
  {
    if(window.ActiveXObject)
      return new ActiveXObject("Microsoft.XMLHTTP");
    else
      return new XMLHttpRequest();
  }
  
  this.hr=this.createXMLHttpRequest();
  this.send=function()
  {
    this.hr.onreadystatechange=this.getReady;
    this.hr.open(this.method,this.url);
    if(this.method.toLowerCase()=="post")
      this.hr.setRequestHeader("content-type","application/x-www-form-urlencoded");
    this.hr.send(this.strSend);
  }
  
  this.getReady=function()
  {
  
  }
}

function hideDIV(id)
{
  var div=document.getElementById(id);
  if(div!=null)
   div.style.visibility="hidden";
}

function mouseOnSmallPic(obj)
{
  obj.style.cursor="pointer";
}

function clickOnSmallPic(src)
{
  var reg=/small/gi;
  var bigName=src.replace(reg,"big");
  var bigPic=document.getElementById("ctl00_ContentPlaceHolder1_bigPic");
  if(bigPic!=null)
   bigPic.src=bigName;
}

function displayEventPic_clickImg(alt,src)
{
  var img=document.getElementById("ctl00_ContentPlaceHolder1_eventImg");
  var navUL=document.getElementById("ulIndexNav");
  var picCount=4;
  if(navUL!=null)
  {
    var liNodesCount=navUL.childNodes.length;
    picCount=0;
    for(var i=0;i<liNodesCount;i++)
    {
      if(navUL.childNodes[i].style.visibility=="visible")
        picCount++;
    }
  }
  if(img!=null)
  {
    var newPicNum=Number(alt)+1;
    if(newPicNum>picCount)
      newPicNum=1;
    var arr=src.split("/");
    var oldPicNum=arr[arr.length-1];
    arr=oldPicNum.split(".");
    oldPicNum=arr[0];
    var oldURL=src.split(oldPicNum+".jpg")[0];
    var newURL=oldURL+newPicNum+".jpg";
    img.src=newURL;
    img.alt=newPicNum;
    var div=img.parentElement;
//    div.style.width=img.width+"px";
//    div.style.margin="auto";
//    alert(img.width+"/"+img.src)
    if(navUL!=null)
    {
      liNodesCount=navUL.childNodes.length;
      for(i=0;i<liNodesCount;i++)
      {
        if(navUL.childNodes[i].style.visibility=="visible")
        {
          if((i+1)==newPicNum)
            navUL.childNodes[i].style.color="#FE771D";
          else
            navUL.childNodes[i].style.color="#53422E";
        }
      }
  }
  }
}

function displayEventPic(inner)
{
  var picNum=inner.split("/")[0];
  var img=document.getElementById("ctl00_ContentPlaceHolder1_eventImg");
   var navUL=document.getElementById("ulIndexNav");
  var oldURL=img.src;
  var arr=oldURL.split("/");
  oldURL=arr[arr.length-1];
  arr=oldURL.split(".");
  var oldPicNum=arr[0];
  arr=img.src.split(oldPicNum+".jpg");
  oldURL=arr[0];
  var newURL=oldURL+picNum+".jpg";
  img.src=newURL;
  if(navUL!=null)
  {
    var liNodes=navUL.childNodes;
    for(var i=0;i<liNodes.length;i++)
    {
      if((i+1)==picNum)
      {
        liNodes[i].style.color="#FE771D";
      }
      else
         liNodes[i].style.color="#53422E";
    }
  }
////  var img=document.getElementById("ctl00_ContentPlaceHolder1_eventImg");
////  alert(img.width)
//  var objImg=new Image();
//  objImg.src=newURL;
//  var newWidth=objImg.width;
//  var imgLeft=(625-newWidth)/2+"px";
//  img.style.position="absolute";
//  img.style.left=imgLeft;
}

function goToLink()
{
  document.location="http://worldboutiquehk.hktdc.com/index.htm";
}

function resetSpecialModelOutlineSize(rowHeight,smallPicRowCount)
{
  var specialModel=document.getElementById("specialModel");
  var allSubBasic=document.getElementById("allSubBasic");
  var allIndexPics=document.getElementById("indexPics");
  var moreViews=document.getElementById("moreViews");
  if(specialModel!=null)
  {
    specialModel.style.height=rowHeight*smallPicRowCount+490+"px";//+
    if(moreViews!=null&&smallPicRowCount==0)
      moreViews.style.visibility="hidden";
    if(allIndexPics!=null&&allSubBasic!=null)
    {
      allIndexPics.style.visibility="hidden";
      allSubBasic.style.visibility="hidden";
    }
  }
}


function sendMessageForm()
{
  var note=document.getElementById ("lblNote");//("lblNote_old");//
  var txtName=document.getElementById("txtName");
  var txtPhone=document.getElementById("txtPhone");
  var txtEmail=document.getElementById("txtEmail");
  var txtMessage=document.getElementById("txtMessage");
  var cover=document.getElementById("transparentCover");//("lblNote");//
//  alert("cover:"+cover);
//alert("note:"+note);
  var email=txtEmail.value;
  var message=txtMessage.value;
  var name=txtName.value;
  var phone=txtPhone.value;
  var regSpace=/(^\s*)|(\s*$)/gi;
  var regNum=/^\d*$/gi;
  var regEmail=/\w+@\w+\.[a-zA-Z]+/gi;
  email=email.replace(regSpace,"");
  message=message.replace(regSpace,"");
   if(message=="")
  {
    if(note.innerText!=null)
      note.innerText="Please input your enquir message";
    else 
      note.textContent="Please input your enquir message";
  }
  else
  if(!regNum.test(phone)&&phone!="")
   {
    if(note.innerText!=null)
      note.innerText="Incorrect phone number(1-9)!";
    else
      note.textContent="Incorrect phone number(1-9)!";
  }
  else 
  if(email=="")
  {
    if(note.innerText!=null)
      note.innerText="Please input your email address!"; 
    else
      note.textContent="Please input your email address!"; 
  }
  else
  if(!regEmail.test(email))
  {
    if(note.innerText!=null)
      note.innerText="Incorrect email format!";
    else
      note.textContent="Incorrect email format!";
  }
else
{
  var obj=new CXMLHttpRequest();
  obj.url="contactus.aspx";
  obj.getReady=function()
  {
    if(obj.hr.readyState==4&&obj.hr.status==200)
    {
      if(note.innerText!=null)
        note.innerText="Your message is sent successfully!";
      else
        note.textContent="Your message is sent successfully!";
      cover.style.visibility="hidden";
    }
  }
  obj.strSend="name="+name+"&phone="+phone+"&email="+email+"&message="+message;
  obj.send();
  cover.style.visibility="visible";
  if(note.innerText!=null)
    note.innerText="";
  else
    note.textContent="";
}
}




function CXMLHttpRequest()
{
  this.url="";
  this.method="post";
  this.strSend="";
  
  this.createXMLHttp=function()
  {
    if(window.ActiveXObject)
      return new ActiveXObject("Microsoft.XMLHTTP");
    else return new XMLHttpRequest();
  }
  
  this.hr=this.createXMLHttp();
  this.getReady=function(){};
  this.send=function()
  {
    this.hr.open(this.method,this.url);
    this.hr.onreadystatechange=this.getReady;
    if(this.method.toLowerCase()=="post")
      this.hr.setRequestHeader("content-type","application/x-www-form-urlencoded");
    this.hr.send(this.strSend);
  }
}


// compatible different explorer class
function explorerObject()
{
  this.isIE;
  this.isIE8=false;
  this.isIE7=false;
  this.isIE6=false;
  this.isIELower6=false;
  
  if(navigator.appName=="Microsoft Internet Explorer")
  {
    this.isIE=true;
    var str="MSIE";
    var userAgent=navigator.userAgent;
    var arr=userAgent.split(str);
    var versionNum=arr[1].substring(0,2);
    var reg=/(^\s*)|(\s*$)/gi;
    versionNum=versionNum.replace(reg,"");
    if(versionNum=="8")
      this.isIE8=true;
    else if(versionNum=="7")
      this.isIE7=true;
    else if(versionNum=="6")
      this.isIE6=true;
    else
      this.isIELower6=true;
  }
  else
   this.isIE=false;
}

function loadCSSFile(rootPath)
{
  var obj=new explorerObject();
  var head=document.getElementsByTagName("HEAD")[0];
  var oldStyle=head.getElementsByTagName("LINK");
  if(oldStyle.length>0)
  {
    for(var i=0;i<oldStyle.length;i++)
      head.removeChild(oldStyle[i]);
  }
  if(obj.isIE)
  {
      if(obj.isIE7||obj.isIE6)
      {
        document.createStyleSheet(rootPath+"StyleSheet_ie7.css");
      }
      else 
      {
        document.createStyleSheet(rootPath+"StyleSheet_ie8.css");

      }
  }
  else
  {
//    document.createStyleSheet("css/StyleSheet_ie8.css");
    var style=document.createElement("LINK");
    style.rel="stylesheet";
    style.type="text/css";
    style.href=rootPath+"StyleSheet_ie8.css";
    head.appendChild(style);
  }
    
}


function logInTextShift(loggedIn)
{
  var login=document.getElementById("login");
  if(login!=null)
  {
    if(loggedIn)
    {
      login.innerHTML="<a href='myaccount.aspx'>My account</a>|<a href='logIn.aspx'>Logout</a>";
      login.style.left="785px";
    }
    else
    {
      login.innerText="<a href='logIn.aspx'>Login</a>";
      login.style.left="912px";
    }
    var anchors=login.childNodes;
    var location=document.location.toString();
    for(var i=0;i<anchors.length;i++)
    {
      if(anchors[i]!=null&&anchors[i].nodeType==1&&anchors[i].nodeName=="A")
      {
        if(anchors[i].href==location)
          anchors[i].style.color="#FE771D";
        else
          anchors[i].style.color="#603913";
      }
    }
  }
}


function validateEmail(inputControlID)
{
  var flag=false;
  if(window.publicLibrary.isRightEmailFormat(inputControlID))
  {
    flag=true;
  }
  else
  {
    var note=document.getElementById('ctl00_ContentPlaceHolder1_lblNote');
    if(note!=null)
      note.innerHTML="<font color='red'>Wrong email format!</font>";
  }
  return flag;
}

function newPasswordSent()
{
  var div=document.getElementById("logContent");
  if(div!=null)
  {
    div.innerText="The password will send to your submitted email address!";
  }
}

function validateAccountInfo()
{
  var flag=false;
  var note=document.getElementById("ctl00_ContentPlaceHolder1_lblNote");
  var inputIDArr=["ctl00_ContentPlaceHolder1_txtEmail","ctl00_ContentPlaceHolder1_txtPass","ctl00_ContentPlaceHolder1_txtPassRepeat","ctl00_ContentPlaceHolder1_txtName","ctl00_ContentPlaceHolder1_txtCompany","ctl00_ContentPlaceHolder1_txtPhone","ctl00_ContentPlaceHolder1_txtCountry"];
  if(window.publicLibrary.areEmptyInput(inputIDArr))
    note.innerHTML="<font color='red'>uncomplete input!</font>";
  else
  {
    if(window.publicLibrary.isRightEmailFormat("ctl00_ContentPlaceHolder1_txtEmail"))
    {
      var phone=document.getElementById("ctl00_ContentPlaceHolder1_txtPhone").value;
      if(window.publicLibrary.isNumber(phone))
      {
        flag=true;
      }
      else
      {
        note.innerHTML="<font color='red'>Wrong phone number input!</font>";
      }
    }
    else
      note.innerHTML="<font color='red'>Wrong email format!</font>";
  }
  return flag;
}

function shiftModelNumbersDisplay(extendObjectName,imgObj)
{
  var div=document.getElementById("allVIPCollections");
  var tables=document.getElementsByTagName("TABLE"); //document.getElementsByName("modelNumber");
  var  modelNumberTable=new Array();
  for(var i=0;i<tables.length;i++)
  {
    if(tables[i].nodeType==1&&tables[i].nodeName=="TABLE"&&tables[i].name==extendObjectName)
    {
      modelNumberTable.push(tables[i]);
    }
  }
  var index=Number(imgObj.alt);
  for(i=0;i<modelNumberTable.length;i++)
  {
    if(i==index)
    {
        if( modelNumberTable[i].style.display=="none")
        {
          modelNumberTable[i].style.display="block";
          imgObj.src="../pic/extended.jpg";
        }
        else
        {
           modelNumberTable[i].style.display="none";
           imgObj.src="../pic/cross.jpg";
        }
        break;
    }
  }
}



function registerModelNumberEvent(divID)
{
   var div=document.getElementById(divID);
   if(div!=null)
   {
       var  ULs=div.getElementsByTagName("ul");
       var modelNumberULs=new Array();
       for(var i=0;i<ULs.length;i++)
       {
         if(ULs[i].name=="modelNumber")
           modelNumberULs.push(ULs[i]);
       }
       var obj=new window.publicLibrary.objRegisterULEvent(modelNumberULs);
       obj.mouseOnLI=mouseOnModelNumber;
       obj.mouseOutLI=mouseOutModelNumber;
//       obj.clickOnLI=clickModelNumber;
       obj.clickOnSPAN=clickModelNumber;
       obj.register();
   }
}

function mouseOnModelNumber(liNode)
{
  var spanNodes=liNode.childNodes;
  for(var i=0;i<spanNodes.length;i++)
  {
    if(spanNodes[i].nodeType==1&&spanNodes[i].nodeName=="SPAN")
    {
      if(spanNodes[i].style.background.toLowerCase()!="#e3d6cd")
        spanNodes[i].style.background="#F7D2B9";
    }
  }
//  liNode.style.background="#F7D2B9";
  liNode.style.cursor="pointer";
}
//excluded
function mouseOutModelNumber_old(liNode)
{
     var spanNodes=liNode.childNodes;
     for(var i=0;i<spanNodes.length;i++)
     {
       if(spanNodes[i].nodeType==1&&spanNodes[i].nodeName=="SPAN")
       {
         if((liNode.clicked==null&&spanNodes[i].style.background.toUpperCase()=="#F7D2B9")||(liNode.clicked==true&&spanNodes[i].style.background.toUpperCase()=="#E3D6CD")||(liNode.clicked==true&&spanNodes[i].style.background.toUpperCase()=="#E3D6CD"))
           spanNodes[i].style.background="white";
         else
           spanNodes[i].style.background="#E3D6CD";
       }
     }
}
//excluded
function clickModelNumber_old(liNode)
{
  if(liNode.clicked==true)
    liNode.clicked=false;
  else
    liNode.clicked=true;
  var childNodes=liNode.childNodes;
  for(var i=0;i<childNodes.length;i++)
  {
    if(childNodes[i].nodeType==1&&childNodes[i].nodeName=="A")
    {
      var anchor=childNodes[i];
      previewThisModel(anchor.title);
    }
  }
}

function mouseOutModelNumber(liNode)
{
     var spanNodes=liNode.childNodes;
     for(var i=0;i<spanNodes.length;i++)
     {
       if(spanNodes[i].nodeType==1&&spanNodes[i].nodeName=="SPAN")
       {
         if((liNode.keepSelected==null&&spanNodes[i].style.background.toUpperCase()=="#F7D2B9")||liNode.keepSelected==false)
           spanNodes[i].style.background="white";
         else
           spanNodes[i].style.background="#E3D6CD";
       }
     }
}
function clickModelNumber(liNode)
{
  var spanNodes=liNode.childNodes;
  for(var i=0;i<spanNodes.length;i++)
  {
   if(spanNodes[i].nodeType==1&&spanNodes[i].nodeName=="SPAN")
   {
       if(spanNodes[i].style.background.toUpperCase()=="#E3D6CD")
         liNode.keepSelected=false;
       else
         liNode.keepSelected=true;
   }
  }
  var childNodes=liNode.childNodes;
  for(var i=0;i<childNodes.length;i++)
  {
    if(childNodes[i].nodeType==1&&childNodes[i].nodeName=="A")
    {
      var anchor=childNodes[i];
      previewThisModel(anchor.title);
    }
  }
}

//excluded
function createPermissiveCollectionContainers(collectionCount)
{
  var div=document.getElementById("selectedCollections");
  if(div!=null)
  {
    var str="";
    for(var i=1;i<=collectionCount;i++)
    {
      str+="<div id='permissive"+i+"'></div>";
    }
    div.innerHTML+=str;
  }
}
//excluded
function giveCollectionPermission()
{
   var div=document.getElementById("allVIPCollections");
   var lblNote=document.getElementById("ctl00_ContentPlaceHolder1_lblNote");
   var  ULs=div.getElementsByTagName("ul");
   var modelNumberULs=new Array();
   for(var i=0;i<ULs.length;i++)
   {
     if(ULs[i].name=="modelNumber")
       modelNumberULs.push(ULs[i]);
   }
   var fontTag=document.getElementsByTagName("FONT");
   var collectionNameFonts=new Array();
   var selectedCount=0;
   var selectedModelNumber=new Array();
   for(i=0;i<fontTag.length;i++)
   {
     if(fontTag[i].name=="collectionName")
       collectionNameFonts.push(fontTag[i]);
   }
   if(collectionNameFonts.length==modelNumberULs.length)
   {
     for(i=0;i<modelNumberULs.length;i++)
     {
       selectedModelNumber[i]=new Array();
        selectedModelNumber[i][0]=collectionNameFonts[i].innerText;
       var liNodes=modelNumberULs[i].childNodes;
       for(var k=1;k<=liNodes.length;k++)
       {
         selectedModelNumber[i][k]="*";
         if(liNodes[k-1].nodeType==1&&liNodes[k-1].nodeName=="LI")
         {
           if(liNodes[k-1].style.background.toLowerCase()=="#e3d6cd")
           {
             selectedCount++;
             var spanNodes=liNodes[k-1].childNodes;
             for(var g=0;g<spanNodes.length;g++)
             {
               if(spanNodes[g].nodeType==1&&spanNodes[g].nodeName=="SPAN")
               {
                 selectedModelNumber[i][k]=spanNodes[g].innerText||spanNodes[g].textContent;
                 break;
               }
             }
           }
         }
       }
       addModelNumber(selectedModelNumber); //
     }
   }
   if(selectedCount==0)
     lblNote.innerText="Please select model number";
   
}

//excluded
function addModelNumber(modelNumber2DArr)
{
  for(var m=0;m<modelNumber2DArr.length;m++)
  {
      var selected=false;
      var div=document.getElementById("permissive"+(m+1));
      var ulNodes=div.getElementsByTagName("UL");
      if(div!=null)
      {
         var str="";
         div.innerHTML=str;
          for(var i=1;i<modelNumber2DArr[m].length;i++)
         {
           if(modelNumber2DArr[m][i]!="*")
           {
             selected=true;
             str+=modelNumber2DArr[m][0]+"<br/><ul name='modelNumber'>";
             break;
           }
         }
         //str="<ul>";//"<ul name='modelNumber' class='modelNumber'>";
         if(selected==true)
         {
             for(i=1;i<modelNumber2DArr[m].length;i++)
             {
               if(modelNumber2DArr[m][i]!="*")
                 str+="<li><span>"+modelNumber2DArr[m][i]+"</span></li>";
             }
         }
         str+="</ul>";
         div.innerHTML+=str;
      }
  }
  registerModelNumberEvent("selectedCollections");
}

//excluded
function deleteCollectionPermission()
{

}

function previewThisModel(anchorTitle)
{
  var collectionName=anchorTitle.split("(")[0];
  var modelName=anchorTitle.replace(collectionName,"");
  var picCount=anchorTitle.split("/")[1];
  picCount=picCount.replace(")","");
  var rowCount=0;
  var colCount=3;
  if(picCount%colCount==0)
    rowCount=picCount/colCount;
  else
    rowCount=Math.floor(picCount/colCount)+1;
//  alert(picCount/colCount+"/"+Math.floor(picCount/colCount))
  modelName=modelName.replace("(","");
  modelName=modelName.replace(")","");
  modelName=modelName.split("/")[0];
  var previewDIV=document.getElementById("previewThisModelContainer");
  
  if(previewDIV!=null)
  {
    previewDIV.style.visibility="visible";
    previewDIV.style.height=(133*rowCount+20)+"px";
    var innerStr="<font style='color:#9E1F63;font-size:18px;font-weight:bold;'>"+modelName+"</font><br/>";
    for(var i=0;i<rowCount;i++)
    {
      for(var k=1;k<=colCount;k++)
      {
        var path="../pic/collections/"+collectionName+"/"+modelName+"/small/";
        if(((i*colCount)+k)<=picCount)
        {
          path+=(i*colCount)+k+".jpg";
          innerStr+="<img src='"+path+"'/>";
        }
      }
      innerStr+="<br/>";
    }
    previewDIV.innerHTML=innerStr;
  }
   
}


function markAllowedCollectionModels(allowedStr)//format of "allowedStr" is pu collection(Paddy,Paden)$test collection(,,)
{
   var div=document.getElementById("allVIPCollections"); 
   var ulNodes=div.getElementsByTagName("UL");
   var modelNameULs=new Array();
   var collectionModel2DArr=new Array();
   for(var i=0;i<ulNodes.length;i++)
   {
     if(ulNodes[i].nodeType==1&&ulNodes[i].nodeName=="UL")
     {
       modelNameULs.push(ulNodes[i]);
     }
   }  
   var collectionArr=allowedStr.split("$");
   for(i=0;i<collectionArr.length-1;i++)
   {
     collectionModel2DArr[i]=new Array();
     collectionModel2DArr[i][0]=i;
     var modelNameArr=collectionArr[i].split("(")[1];
     modelNameArr=modelNameArr.replace(")","");
     collectionModel2DArr[i][1]=modelNameArr;
   }
   if(collectionModel2DArr.length==modelNameULs.length)
   {
     for(i=0;i<modelNameULs.length;i++)
     {
       var spanNodes=modelNameULs[i].getElementsByTagName("SPAN");
       var modelNameStr=collectionModel2DArr[i][1];
       modelNameArr=modelNameStr.split(",");
       for(var k=0;k<spanNodes.length;k++)
       {
         var innerText=spanNodes[k].innerText||spanNodes[k].textContent;
         for(var m=0;m<modelNameArr.length;m++)
         {
           if(modelNameArr[m]==innerText)
           {
             spanNodes[k].style.background="#E3D6CD";
             break;
           }
         }
       }
     }
   }
}

function updateAllowedCollection()
{
   var div=document.getElementById("allVIPCollections"); 
   var ulNodes=div.getElementsByTagName("UL");
   var modelNameULs=new Array();
   var collectionModel2DArr=new Array();
   for(var i=0;i<ulNodes.length;i++)
   {
     if(ulNodes[i].nodeType==1&&ulNodes[i].nodeName=="UL")
     {
       modelNameULs.push(ulNodes[i]);
     }
   }  
}

function mouseOnCollectionRow(rowObj)
{
  rowObj.style.cursor="default";
  rowObj.style.background="#DBD1C7";
}

function mouseOutCollectionRow(rowObj)
{
  rowObj.style.background="white";
}

function viewStylePhotos(stylName,path,picCount)
{
  var div=document.getElementById("viewStylePhotos");
  var editDIV=document.getElementById("editStyle");
  if(editDIV!=name)
    editDIV.style.visibility="hidden";
  var colCount=4;
  var rowCount=0;
  if(picCount%colCount==0)
    rowCount=picCount/colCount;
  else
    rowCount=Math.floor(picCount/colCount)+1;
  var innerStr="";
  if(div!=null)
  {
    innerStr+="<font color='red' size='3'><b>"+stylName+"</b></font><br/>";
    var today=new Date();
    var time=today.getSeconds();
    for(var i=0;i<rowCount;i++)
    {
      for(var k=1;k<=colCount;k++)
      {
        if(Number((i*colCount)+k)<=picCount)
        {
          var _path=path+Number((i*colCount)+k)+".jpg?rmd="+time;
          innerStr+="<img src='"+_path+"'/>";
        }
      }
      innerStr+="<br/>";
    }
    div.style.visibility="visible";
    div.innerHTML=innerStr;
  }
//  alert(path)
  return false;
}

function hideView(divObj)
{
  divObj.style.visibility="hidden";
}

function hideObj(objID)
{
  var obj=document.getElementById(objID);
  if(obj!=null)
  {
    obj.style.visibility="hidden";
  }
}
function displayObj(objID)
{
  var obj=document.getElementById(objID);
  if(obj!=null)
  {
    obj.style.visibility="visible";
  }
  var div=document.getElementById("viewStylePhotos");
  if(div!=null)
    div.style.visibility="hidden";
}

//excluded
function deleteStylePhoto_old(anchorObj,runServeMethod)
{
  var divNode=anchorObj.parentNode;
  var parentNode=divNode.parentNode;
  var img=parentNode.getElementsByTagName("img")[0];
  if(confirm("Are you sure you want to delete this style photo?"))
  {
    parentNode.removeChild(divNode);
  }
  else
    runServeMethod=false;
  return runServeMethod;
}

function deleteStylePhoto()
{
  var runServerMethod=false;
  if(confirm("Are you sure you want to delete this style photo?"))
  {
    runServerMethod=true;
  }
  return runServerMethod;
}

function changeStylePhoto(anchorObj,runServerMethod)
{
//  alert(anchorObj.title)
//window.open("updateStylePhoto.aspx?info="+anchorObj.title,"newwin","");
  window.open("updateStylePhoto.aspx?info="+anchorObj.title,"newwin","height=200,width=200,menubar=no,scrollbars=no,resizable=no,location=no,status=no");
  return runServerMethod;
}

function resetCollectonSubMenu(xmlPath)
{
   var xml=new window.publicLibrary.createXMLDOM();
   xml.async=false;
   xml.load(xmlPath);
   var collectionNodes=xml.getElementsByTagName("collection");
   var nav=document.getElementById("nav");
   
   if(nav!=null)
   {
     var liNodes=nav.childNodes;
     for(var i=0;i<liNodes.length;i++)
     {
       if(liNodes[i].nodeType==1&&liNodes[i].nodeName=="LI")
       {
         var anchor=liNodes[i].getElementsByTagName("A")[0];
         var inner=anchor.innerText||anchor.textContent;
         if(inner=="Collections")
         {
           var subUL=liNodes[i].getElementsByTagName("UL")[0];
           if(subUL!=null)
           {
             var maxSubCount=4;
             var str="";
           subUL.innerHTML="";
           for(var k=collectionNodes.length-1;k>=collectionNodes.length-maxSubCount;k--)
           {
             var collectionName=collectionNodes[k].text||collectionNodes[k].textContent;
             if(k==collectionNodes.length-1)
               str+="<li style='margin-top:20px;'><a href='publicCollection.aspx?collection="+collectionName+"'>"+collectionName+"</a></li>";
             else
               str+="<li><a href='publicCollection.aspx?collection="+collectionName+"'>"+collectionName+"</a></li>";
           }
           if(collectionNodes.length>maxSubCount)
           {
             str+="<li><a href='moreCollection.aspx'>More Collection</a></li>";
             subUL.className="highSubUL";
           }

             subUL.innerHTML=str;
           }
           break;
         }
       }
     }
   }
}

function resetCollectonSubMenu_VIP(xmlPath)
{
   var xml=new window.publicLibrary.createXMLDOM();
   xml.async=false;
   xml.load(xmlPath);
   var collectionNodes=xml.getElementsByTagName("collection");
   var nav=document.getElementById("nav");
   
   if(nav!=null)
   {
     var liNodes=nav.childNodes;
     for(var i=0;i<liNodes.length;i++)
     {
       if(liNodes[i].nodeType==1&&liNodes[i].nodeName=="LI")
       {
         var anchor=liNodes[i].getElementsByTagName("A")[0];
         var inner=anchor.innerText||anchor.textContent;
         if(inner=="Collections")
         {
           var subUL=liNodes[i].getElementsByTagName("UL")[0];
           if(subUL!=null)
           {
             var maxSubCount=4;
             var str="";
           subUL.innerHTML="";
           for(var k=collectionNodes.length-1;k>=collectionNodes.length-maxSubCount;k--)
           {
             var collectionName=collectionNodes[k].text||collectionNodes[k].textContent;
             if(k==collectionNodes.length-1)
               str+="<li style='margin-top:25px;'><a href='publicCollection.aspx?collection="+collectionName+"'>"+collectionName+"</a></li>";
             else
               str+="<li><a href='publicCollection.aspx?collection="+collectionName+"'>"+collectionName+"</a></li>";
           }
           if(collectionNodes.length>maxSubCount)
           {
             str+="<li><a href='moreCollection.aspx'>More Collection</a></li>";
             subUL.className="highSubUL_VIP";
           }
            str+="<li><a href='VIPcollection.aspx'>VIP Collection</a></li>";
             subUL.innerHTML=str;
           }
           break;
         }
       }
     }
   }
}

function displayPic(folder,alt,imgObjID)
{
  var img=document.getElementById(imgObjID);
  
  var path=folder+"pic"+alt+".jpg?id="+Math.random();
  if(img!=null)
  {
    img.src=path;
    
    img.style.visibility="visible";
  }
}

function changeHomePhoto(value)
{
  var xml=new window.publicLibrary.CXMLHttpRequest();
  xml.url="homePhoto.aspx";
//  xml.url="test_xmlhttprequest.aspx";
  xml.strSend="index="+value;
  var lbl=document.getElementById("ctl00_ContentPlaceHolder1_lblNote");
  xml.getReady=function()
  {
    if(xml.hr.readyState==4&&xml.hr.status==200)
    {
      if(lbl!=null)
        lbl.innerText="Home photo has been reset!";
    }
  }
  xml.send();
}