var scolor;
 var fcolor;
 var odialog1=null;
 var addType;
 var typ;      

function emailMeUnsubscribe()
{
   var em=document.getElementById('ctl00_mainContent_txtEmail').value;
   
   PageMethods.UnsubEmailMe(em,callSuc6, callFail1);
   
}
function callSuc6(result, context, methodname) 
{
  
  if (result  != null) 
  {
   
        if(result.toString()=="1")
        {
          document.getElementById('ctl00_mainContent_lblError2').innerHTML='You have been unsubscribed from Emails.';
        }
        else if(result.toString()=="-2")
        {
          document.getElementById('ctl00_mainContent_lblError4').innerHTML='That email was not found. Please check the email and try again.';
        }
        else
        {
          document.getElementById('ctl00_mainContent_lblError4').innerHTML=result.toString();
        } 
  }
   
}

function textMeUnsubscribe()
{
   var code=document.getElementById('ctl00_mainContent_txtCode').value;
   var prefix=document.getElementById('ctl00_mainContent_txtPrefix').value;
   var fin=document.getElementById('ctl00_mainContent_txtFinal').value;
      
   var cell=code + prefix + fin;
   PageMethods.UnsubTextMe(cell,callSuc7, callFail2);
   
}
function callSuc7(result, context, methodname) 
{
  
  if (result  != null) 
  {
        
        if(result.toString()=="1")
        {
          document.getElementById('ctl00_mainContent_lblError1').innerHTML='You have been unsubscribed from Texts.';
        }
        else if(result.toString()=="-2")
        {
          document.getElementById('ctl00_mainContent_lblError3').innerHTML='That mobile number was not found. Please check the number and try again.';
        }
        else
        {
          document.getElementById('ctl00_mainContent_lblError3').innerHTML=result.toString();
        } 
  }
   
}
function validationUnsubscribe()
{
     var res=false;
     var t1=document.getElementById('ctl00_mainContent_txtCode').value;
     var t2=document.getElementById('ctl00_mainContent_txtPrefix').value;
     var t3=document.getElementById('ctl00_mainContent_txtFinal').value;
   
     if (t1 == '' && t2 == '' && t3 == '')
     {
       document.getElementById('ctl00_mainContent_lblError3').innerHTML='Please enter a valid cell number.';
       return false;
     }
     if ((t1 % 2) >= 0 && (t2 % 2) >= 0 && (t3 % 2) >= 0)
     {
         return true;
     }
     else
     {
        document.getElementById('ctl00_mainContent_lblError3').innerHTML='Please enter a valid cell number.';
        return false;
     }
   
}

 function callFail1(result, context, methodname) 
{
  document.getElementById('ctl00_mainContent_lblError4').innerHTML=result.get_message();
}
 function callFail2(result, context, methodname) 
{
  document.getElementById('ctl00_mainContent_lblError3').innerHTML=result.get_message();
}
  

function getCheckedValue(ctlID)
{
  var elementRef = document.getElementById(ctlID);
  var radioButtonListArray = elementRef.getElementsByTagName('input');
  var checkedValues = '';

 for (var i=0; i<radioButtonListArray.length; i++)
 {
  var radioButtonRef = radioButtonListArray[i];

  if ( radioButtonRef.checked == true )
  {
   // To get the Value property, use this code:
   if ( checkedValues.length > 0 )
    checkedValues += ', ';
   checkedValues += radioButtonRef.value;

 
  }
 }
    var array=checkedValues.split("|");
   
    radioButtonRef.checked = 'checked';
}

function showShipMethod(id){

        var ifrDiv  = document.getElementById(id);
       
        if(ifrDiv.style.display == "none")
        {
            odialog1 = id;
            ifrDiv.style.display = "block"; 
       
           
            var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
            var sl = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
 
      }
}



function showImagePopup(id){

         var ifr = null;
   
         if (document.getElementById("backEffect") == null) {
            var backdrop = document.createElement("div");
            backdrop.id = "backEffect";
            document.body.appendChild(backdrop);
         
        }
        ifr = document.getElementById('iframe'+id);
        var ifrDiv  = document.getElementById(id);
       
        var w = 330;
        var h = 400; 
        if(ifrDiv.style.display == "none")
        {
            odialog1 = id;
            ifr.style.filter = 'alpha(opacity=0)';
            ifr.style.position = 'absolute';
            ifr.border='0px';
            ifr.style.border = '0px';
            ifr.style.backgroundColor = '#FF0000';
     
            ifr.style.display = 'block';
            ifrDiv.style.display = "block"; 
       
           
            var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
            var sl = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
 
            var left =sl + (screen.width/2)-300 + 'px';
            
            var top = st + (screen.height/2)-340 + 'px';
 
	        ifrDiv.style.left = left;
	        ifrDiv.style.top = top;
            ifr.style.left = left;
	        ifr.style.top = top;
	     
            ifr.style.height = ifrDiv.offsetHeight ;
            ifr.style.width = ifrDiv.offsetWidth ;
             
      }
}
function hideImagePopup(id){
   
    if (document.getElementById("backEffect") != null) 
    {
            var backdrop = document.getElementById("backEffect");
            document.body.removeChild(backdrop);
    } 
   var ifr = document.getElementById('iframe'+id);
   var ifrDiv = document.getElementById(id);
   if(ifrDiv!=null)
   {
    ifrDiv.style.display = "none";
   }
   if(ifr!=null)
   {
    ifr.style.display = 'none'; 
   }
   odialog1 = null;  
}





function trim(str, chars) {
	return ltrim(rtrim(str, chars), chars);
}
 
function ltrim(str, chars) {
	chars = chars || "\\s";
	return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
}
 
function rtrim(str, chars) {    
	chars = chars || "\\s";
	return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
}

function getCard()
{
   document.getElementById('cLoad').style.display='block';
   var ddlCardInfo=document.getElementById('ctl00_mainContent_ddlCardInfo');
   var id=ddlCardInfo.options[ddlCardInfo.selectedIndex].value;
   PageMethods.GetCard(id, callSucCard1, callFailCard1);
}

 function callSucCard1(result, context, methodname) 
 {
    var objCard = result[0];
    if (objCard != null) 
    {
        var arr=objCard.ExpDate.split("/");
        document.getElementById('ctl00_mainContent_ddlMonth1').value=trim(arr[0],' ');
        document.getElementById('ctl00_mainContent_ddlYear1').value=trim(arr[1],' ');
    }
    else
    {
         document.getElementById('ctl00_mainContent_ddlMonth1').value='01';
         document.getElementById('ctl00_mainContent_ddlYear1').value='2010';
    }
    document.getElementById('cLoad').style.display='none';
 }

 function callFailCard1(result, context, methodname) 
 {
   document.getElementById('cLoad').style.display='none'; 
   alert(result.get_message());
 }

 function closePopupWithRefresh(id)
 {
    __doPostBack('ctl00_mainContent_updatePan','');
    document.getElementById('spanLoad').style.display='block';
    
    closePopup(id);
    if(id=="ShipAddress")
    {
       Sys.WebForms.PageRequestManager.getInstance().add_endRequest(hideLoader);
    }
    else if(id=="Card")
    {
       Sys.WebForms.PageRequestManager.getInstance().add_endRequest(hideLoader1);
    }
 } 
 
 function CurrencyFormat(amount)
 {
	var i = parseFloat(amount);
	if(isNaN(i)) { i = 0.00; }
	var minus = '';
	if(i < 0) { minus = '-'; }
	i = Math.abs(i);
	i = parseInt((i + .005) * 100);
	i = i / 100;
	s = new String(i);
	if(s.indexOf('.') < 0) { s += '.00'; }
	if(s.indexOf('.') == (s.length - 2)) { s += '0'; }
	s = minus + s;
	return s;
 }

 
 function radioClick(rd)
 {
                                                                                                                                                                                    
   document.getElementById('ctl00_mainContent_hdShipping').value=  rd;
   document.getElementById('ctl00_mainContent_lblShipping').innerHTML=  rd;
   var subtot=document.getElementById('ctl00_mainContent_lblSubtotal').innerHTML.replace("$","");
   var tax=document.getElementById('ctl00_mainContent_lblTax').innerHTML.replace("$","");
   var shipping=document.getElementById('ctl00_mainContent_lblShipping').innerHTML.replace("$","");
   var tot=document.getElementById('ctl00_mainContent_lblTotal').innerHTML.replace("$","");
   
   tot=parseFloat(subtot) + parseFloat(tax) + parseFloat(shipping); 
   document.getElementById('ctl00_mainContent_lblTotal').innerHTML= '$' + CurrencyFormat(tot);
   document.getElementById('ctl00_mainContent_hdTotal').value=  '$' + CurrencyFormat(tot);
   
 }
  
 function closePopupCheckout(id)
 {
   
   closePopup(id);
   bindAddressCombo('ctl00_mainContent_ddlSShip');
   bindAddressCombo('ctl00_mainContent_ddlBShip');
   
   
   
 }
 function bindAddressCombo(type)
 {
   typ=type
        document.getElementById(typ).options.length=0;

   PageMethods.BindAddressCombo(type,callSuccBind,callFailBind);
 }
 function callSuccBind(result, context, methodname) 
 {
   
   if(result!=null)
   {
      
      for(var iLoop=0;iLoop<result.length;iLoop++)  
      {
        var objAdd = result[iLoop];

        if (objAdd != null) 
        {
            if(typ=='ctl00_mainContent_ddlSShip')
            {
               var optn = document.createElement("OPTION");
                optn.text = objAdd.NickName;
                optn.value = objAdd.ContactID;
               document.getElementById('ctl00_mainContent_ddlSShip').options.add(optn);
            }           
            else if(typ=='ctl00_mainContent_ddlBShip')
            {
               var optn1 = document.createElement("OPTION");
                optn1.text = objAdd.NickName;
                optn1.value = objAdd.ContactID;
                document.getElementById('ctl00_mainContent_ddlBShip').options.add(optn1);
            }
        }
      }
              getAddress(typ,'');
    }
    typ='';
 }
 function callFailBind(result, context, methodname) 
 {
   alert(result.get_message());
 }

 function closePopup(id)
 {
    if (document.getElementById("backEffect") != null) 
    {
            var backdrop = document.getElementById("backEffect");
            document.body.removeChild(backdrop);
    } 
   var ifr = document.getElementById('iframe'+id);
   var ifrDiv = document.getElementById(id);
   if(ifrDiv!=null)
   {
    ifrDiv.style.display = "none";
   }
   if(ifr!=null)
   {
    ifr.style.display = 'none'; 
   }
   
   odialog1
 }
 
 function deleteCard(id)
 {
    var x=window.confirm("Are you sure you want to delete?")
    if (x)
    {
       document.getElementById('spanLoad').style.display='block';
       PageMethods.DeleteCard(id,callSuccDel1,callFailDel);
    }
 }
  
 function deleteAdd()
 {
    var x=window.confirm("Are you sure you want to delete?")
    if (x)
    {
return true;
    }
    else
    {
     return false;
    }
 }
 function hideLoader1()
 {
    document.getElementById('spanLoad').style.display='none';
    
 }
 function callSuccDel1(result, context, methodname) 
 {

    __doPostBack('ctl00_mainContent_updatePan','');
    
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(hideLoader1);
 }
 function hideLoader()
 {
    document.getElementById('spanLoad').style.display='none';
    hideshowprovince(document.getElementById('ctl00_mainContent_addAddress_ddlCountry'),'ctl00_mainContent_addAddress_ddlState','ctl00_mainContent_addAddress_ddlProvince','ctl00_mainContent_addAddress_rfvState','ctl00_mainContent_addAddress_rfvProvince');
 }
 
 function callSuccDel(result, context, methodname) 
 {

    __doPostBack('ctl00_mainContent_updatePan','');
        
 }
 function callFailDel(result, context, methodname) 
 {
    alert(result.get_message());
 }
 
 function makePrimShip(id)
 {
    var x=window.confirm("Are you sure you want to make it primary address?")
    if (x)
    {
      document.getElementById('spanLoad').style.display='block';
      PageMethods.MakePrimary(id,'Ship',callSuccPrim,callFailPrim);
    }
 }
 function makePrimBill(id)
 {
    var x=window.confirm("Are you sure you want to make it primary address?")
    if (x)
    {
       document.getElementById('spanLoad').style.display='block';
       PageMethods.MakePrimary(id,'Bill',callSuccPrim,callFailPrim);
    }
 }
 function callSuccPrim(result, context, methodname) 
 {
      
    __doPostBack('ctl00_mainContent_updatePan','');
    
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(hideLoader);

 }
 function callFailPrim(result, context, methodname) 
 {
    alert(result.get_message());
 }
 function showReturnPopup(id,x,y,ctrl)
 {
   showDialog('Return',x, y,'RET',ctrl);
     
   PageMethods.GetOrderData(id, callSucOrder, callFailOrder);
 }
 function callSucOrder(result, context, methodname) 
 {
    var objOrd = result[0];
   
    if (objOrd != null) 
    {
         document.getElementById('ctl00_mainContent_lblPName').value=objOrd.Name;
         document.getElementById('ctl00_mainContent_cmbQty').value=objOrd.QtyShipped;
        
    }
    else
    {
         document.getElementById('ctl00_mainContent_lblPName').value='';
         document.getElementById('ctl00_mainContent_cmbQty').value='0';
    }
 }
 function callFailOrder(result, context, methodname) 
 {
    document.getElementById('Return').style.display = 'none'; 
    alert(result.get_message());
 }

 function showPopupLogin(id,x,y,ctrl)
 {
   
   showDialog('Login',x, y,'SDL',ctrl);  
   
 }
 function showPopupCard(id,x,y,ctrl)
 {
   document.getElementById('ctl00_mainContent_addCard_hdId').value=id;
   
   showDialog('Card',x, y,'SDC',ctrl);  
   PageMethods.GetCard(id, callSucCard, callFailCard);
 }
 
  
 function callSucCard(result, context, methodname) 
 {
    var objCard = result[0];
    
    if (objCard != null) 
    {
        var arr=objCard.ExpDate.split("/");

         document.getElementById('ctl00_mainContent_addCard_hdId').value=objCard.CustomerCardID;
         document.getElementById('ctl00_mainContent_addCard_txtNickName').value=objCard.NickName;
         document.getElementById('ctl00_mainContent_addCard_txtCardNum').value=objCard.CardNum;
         document.getElementById('ctl00_mainContent_addCard_txtCardCode').value=objCard.CardCode;
         document.getElementById('ctl00_mainContent_addCard_ddlCardType').value= trim(objCard.CardType,' ');
         document.getElementById('ctl00_mainContent_addCard_ddlMonth').value=trim(arr[0],' ');
         document.getElementById('ctl00_mainContent_addCard_ddlYear').value=trim(arr[1],' ');
    }
    else
    {
         document.getElementById('ctl00_mainContent_addCard_hdId').value='-1';
         document.getElementById('ctl00_mainContent_addCard_txtNickName').value='';
         document.getElementById('ctl00_mainContent_addCard_txtCardNum').value='';
         document.getElementById('ctl00_mainContent_addCard_txtCardCode').value='';
         document.getElementById('ctl00_mainContent_addCard_ddlCardType').value='V';
         document.getElementById('ctl00_mainContent_addCard_ddlMonth').value='01';
         document.getElementById('ctl00_mainContent_addCard_ddlYear').value='2010';
    }
 }
 
 function callFailCard(result, context, methodname) 
 {
    document.getElementById('Card').style.display = 'none'; 
    alert(result.get_message());
 }

 function showPopupB(id,x,y,ctrl)
 {
   document.getElementById('ctl00_mainContent_addAddress_hdId').value=id;
   document.getElementById('ctl00_mainContent_addAddress_hdType').value='B';
     if(id=="-1")
     {
       document.getElementById('addCaption').innerHTML='Add New Address';
     }
     else
     {
     document.getElementById('addCaption').innerHTML='Edit Address';
     }
   showDialog('ShipAddress',x, y,'SDA',ctrl);  
   PageMethods.GetAddress(id, callSucAdd, callFailAdd);
 }
 
 
 function showPopupS(id,x,y,ctrl)
 {
   document.getElementById('ctl00_mainContent_addAddress_hdId').value=id;
   document.getElementById('ctl00_mainContent_addAddress_hdType').value='S';
   
   showDialog('ShipAddress',x, y,'SDA',ctrl);  
   PageMethods.GetAddress(id, callSucAdd, callFailAdd);
 }
 function showPopupSB(id,type,x,y,ctrl)
 {
   
   document.getElementById('ctl00_mainContent_addAddress_hdId').value=id;
   document.getElementById('ctl00_mainContent_addAddress_hdType').value=type;
   
   showDialog('ShipAddress',x, y,'SDA',ctrl);  
   PageMethods.GetAddress(id, callSucAdd, callFailAdd);
 }


 function getAddress(ddlId,type)
 {  
    ddl=document.getElementById(ddlId);
    if(ddl==null) 
    {
      return false;
    }
    typ=ddlId;
    
    if (ddlId =='ctl00_mainContent_ddlSShip')
    {
        document.getElementById('sLoad').style.display='block';
        if((ddl.selectedIndex!=-1) && (ddl.options[ddl.selectedIndex].value != -1))
        {
    
           PageMethods.GetAddress(parseInt(ddl.options[ddl.selectedIndex].value), callSucAdd1, callFailAdd);
        }
        else
        {
            document.getElementById('sLoad').style.display='none';
        }
    }
    else if (ddlId =='ctl00_mainContent_ddlBShip')
    {
        document.getElementById('bLoad').style.display='block';
        if((ddl.selectedIndex!=-1 ) && (ddl.options[ddl.selectedIndex].value != -1))
        {
           PageMethods.GetAddress(parseInt(ddl.options[ddl.selectedIndex].value), callSucAdd2, callFailAdd);
        }
        else
        {
            document.getElementById('bLoad').style.display='none';
        }
    }
    
 }
 
 function getAddressById(id)
 {  
    
    document.getElementById('bLoad').style.display='block';
    PageMethods.GetAddress(parseInt(id), callSucAdd2, callFailAdd);
   
    
 }
 function callSucAdd1(result, context, methodname) 
 {
    var objAdd = result[0];
   
    if (objAdd != null) 
    {
       
           document.getElementById('ctl00_mainContent_hdSAddId').value=objAdd.ContactID;
           document.getElementById('ctl00_mainContent_ucShipAddress_txtFirstName').value=objAdd.FirstName ;
           document.getElementById('ctl00_mainContent_ucShipAddress_txtLastName').value=objAdd.LastName ;
           document.getElementById('ctl00_mainContent_ucShipAddress_txtAddress1').value=objAdd.Address1;
           document.getElementById('ctl00_mainContent_ucShipAddress_txtAddress2').value=objAdd.Address2;
           document.getElementById('ctl00_mainContent_ucShipAddress_txtCity').value=objAdd.City;
           document.getElementById('ctl00_mainContent_ucShipAddress_txtZip').value=objAdd.Zip;
           document.getElementById('ctl00_mainContent_ucShipAddress_txtPhone').value=objAdd.Phone;
           
           setSelectedIndex(document.getElementById('ctl00_mainContent_ucShipAddress_ddlCountry'),objAdd.Country);
           if (objAdd.Country == "US") {
               document.getElementById('ctl00_mainContent_ucShipAddress_ddlState').value = objAdd.State;
           }
           else if (objAdd.Country == "CA") {
           document.getElementById('ctl00_mainContent_ucShipAddress_ddlProvince').value = objAdd.State;
           }
           hideshowprovince(document.getElementById('ctl00_mainContent_ucShipAddress_ddlCountry'), 'ctl00_mainContent_ucShipAddress_ddlState', 'ctl00_mainContent_ucShipAddress_ddlProvince', 'ctl00_mainContent_ucShipAddress_rfvState', 'ctl00_mainContent_ucShipAddress_rfvProvince');   
           
           document.getElementById('sLoad').style.display='none';
           document.getElementById('ctl00_mainContent_ddlSShip').value=objAdd.ContactID;
       
    }
   
 }
 function clearShip(){
  
           document.getElementById('ctl00_mainContent_ucShipAddress_txtFirstName').value='';
           document.getElementById('ctl00_mainContent_ucShipAddress_txtLastName').value='';
           document.getElementById('ctl00_mainContent_ucShipAddress_txtAddress1').value='';
           document.getElementById('ctl00_mainContent_ucShipAddress_txtAddress2').value='';
           document.getElementById('ctl00_mainContent_ucShipAddress_txtCity').value='';
           document.getElementById('ctl00_mainContent_ucShipAddress_txtZip').value='';
           document.getElementById('ctl00_mainContent_ucShipAddress_txtPhone').value='';
           
           setSelectedIndex(document.getElementById('ctl00_mainContent_ucShipAddress_ddlCountry'),"US");
           setSelectedIndex(document.getElementById('ctl00_mainContent_ucShipAddress_ddlState'),"US");
           setSelectedIndex(document.getElementById('ctl00_mainContent_ucShipAddress_ddlProvince'),"US");
           
           hideshowprovince(document.getElementById('ctl00_mainContent_ucShipAddress_ddlCountry'), 'ctl00_mainContent_ucShipAddress_ddlState', 'ctl00_mainContent_ucShipAddress_ddlProvince', 'ctl00_mainContent_ucShipAddress_rfvState', 'ctl00_mainContent_ucShipAddress_rfvProvince');   
 }
 
 function clearBill(){
          
           document.getElementById('ctl00_mainContent_ucBillAddress_txtFirstName').value='';
           document.getElementById('ctl00_mainContent_ucBillAddress_txtLastName').value='';
           document.getElementById('ctl00_mainContent_ucBillAddress_txtAddress1').value='';
           document.getElementById('ctl00_mainContent_ucBillAddress_txtAddress2').value='';
           document.getElementById('ctl00_mainContent_ucBillAddress_txtCity').value='';
           document.getElementById('ctl00_mainContent_ucBillAddress_txtZip').value='';
           document.getElementById('ctl00_mainContent_ucBillAddress_txtPhone').value='';
           
           setSelectedIndex(document.getElementById('ctl00_mainContent_ucBillAddress_ddlCountry'),"US");
           setSelectedIndex(document.getElementById('ctl00_mainContent_ucBillAddress_ddlState'),"US");
           setSelectedIndex(document.getElementById('ctl00_mainContent_ucBillAddress_ddlProvince'),"US");
           hideshowprovince(document.getElementById('ctl00_mainContent_ucBillAddress_ddlCountry'), 'ctl00_mainContent_ucBillAddress_ddlState', 'ctl00_mainContent_ucBillAddress_ddlProvince', 'ctl00_mainContent_ucBillAddress_rfvState', 'ctl00_mainContent_ucBillAddress_rfvProvince');   
 }
 
 function setSelectedIndex(s, v) {
 
    for ( var i = 0; i < s.options.length; i++ ) 
    {
        if ( s.options[i].value == v ) {
            s.options[i].selected = true;
            return;
        }
    }
}
 function callSucAdd2(result, context, methodname) 
 {
    var objAdd = result[0];
   
    if (objAdd != null) 
    {
       
           document.getElementById('ctl00_mainContent_hdBAddId').value=objAdd.ContactID;
           document.getElementById('ctl00_mainContent_ucBillAddress_txtFirstName').value=objAdd.FirstName ;
           document.getElementById('ctl00_mainContent_ucBillAddress_txtLastName').value=objAdd.LastName ;
           document.getElementById('ctl00_mainContent_ucBillAddress_txtAddress1').value=objAdd.Address1;
           document.getElementById('ctl00_mainContent_ucBillAddress_txtAddress2').value=objAdd.Address2;
           document.getElementById('ctl00_mainContent_ucBillAddress_txtCity').value=objAdd.City;
           document.getElementById('ctl00_mainContent_ucBillAddress_txtZip').value=objAdd.Zip;
           document.getElementById('ctl00_mainContent_ucBillAddress_txtPhone').value=objAdd.Phone;

           setSelectedIndex(document.getElementById('ctl00_mainContent_ucBillAddress_ddlCountry'), objAdd.Country);
           if (objAdd.Country == "US") {
               document.getElementById('ctl00_mainContent_ucBillAddress_ddlState').value = objAdd.State;
           }
           else if (objAdd.Country == "CA") {
                document.getElementById('ctl00_mainContent_ucBillAddress_ddlProvince').value = objAdd.State;
           }
           hideshowprovince(document.getElementById('ctl00_mainContent_ucBillAddress_ddlCountry'), 'ctl00_mainContent_ucBillAddress_ddlState', 'ctl00_mainContent_ucBillAddress_ddlProvince', 'ctl00_mainContent_ucBillAddress_rfvState', 'ctl00_mainContent_ucBillAddress_rfvProvince');   
           
           document.getElementById('bLoad').style.display='none';
           document.getElementById('ctl00_mainContent_ddlBShip').value=objAdd.ContactID;
       
    }
   
 }
 function callSucAdd(result, context, methodname) 
 {
    var objAdd = result[0];
   
    if (objAdd != null) 
    {
   
         document.getElementById('ctl00_mainContent_addAddress_hdId').value=objAdd.ContactID;
         document.getElementById('ctl00_mainContent_addAddress_txtFirstName').value=objAdd.FirstName;
         document.getElementById('ctl00_mainContent_addAddress_txtLastName').value=objAdd.LastName;
   
         document.getElementById('ctl00_mainContent_addAddress_txtPhone').value=objAdd.Phone;
         document.getElementById('ctl00_mainContent_addAddress_txtAddress1').value=objAdd.Address1;
         document.getElementById('ctl00_mainContent_addAddress_txtAddress2').value=objAdd.Address2;
         document.getElementById('ctl00_mainContent_addAddress_txtCity').value=objAdd.City;
         document.getElementById('ctl00_mainContent_addAddress_txtZip').value=objAdd.Zip;
         document.getElementById('ctl00_mainContent_addAddress_txtNick').value=objAdd.NickName;
         document.getElementById('ctl00_mainContent_addAddress_ddlCountry').value=objAdd.Country;
         hideshowprovince(document.getElementById('ctl00_mainContent_addAddress_ddlCountry'),'ctl00_mainContent_addAddress_ddlState','ctl00_mainContent_addAddress_ddlProvince','ctl00_mainContent_addAddress_rfvState','ctl00_mainContent_addAddress_rfvProvince');   
    
         document.getElementById('ctl00_mainContent_addAddress_ddlPrimary').value=objAdd.DSID;
         
         
         if(objAdd.Country=="US")
         {
            document.getElementById('ctl00_mainContent_addAddress_ddlState').value=objAdd.State;
         }
         else if(objAdd.Country=="CA")
         {
           document.getElementById('ctl00_mainContent_addAddress_ddlProvince').value=objAdd.State;
         }                  
        
    
    }
    else{
         document.getElementById('ctl00_mainContent_addAddress_hdId').value='-1';
         document.getElementById('ctl00_mainContent_addAddress_txtFirstName').value='';
         document.getElementById('ctl00_mainContent_addAddress_txtLastName').value='';
   
         document.getElementById('ctl00_mainContent_addAddress_txtPhone').value='';
         document.getElementById('ctl00_mainContent_addAddress_txtAddress1').value='';
         document.getElementById('ctl00_mainContent_addAddress_txtAddress2').value='';
         document.getElementById('ctl00_mainContent_addAddress_txtCity').value='';
         document.getElementById('ctl00_mainContent_addAddress_txtZip').value='';
         document.getElementById('ctl00_mainContent_addAddress_txtNick').value='';
         document.getElementById('ctl00_mainContent_addAddress_ddlCountry').value='0';
         document.getElementById('ctl00_mainContent_addAddress_ddlState').value='0';
         document.getElementById('ctl00_mainContent_addAddress_ddlProvince').value='0';
   
         document.getElementById('ctl00_mainContent_addAddress_ddlPrimary').value='0';
    }
 }
 
 function callFailAdd(result, context, methodname) 
 {
    document.getElementById('ShipAddress').style.display = 'none'; 
    alert(result.get_message());
 }

 function showDialog(id,x,y,signal,ctrl)
 {
        var ifr = null;
        
         if (document.getElementById("backEffect") == null) {
            var backdrop = document.createElement("div");
            backdrop.id = "backEffect";
            document.body.appendChild(backdrop);
         
        }
        ifr = document.getElementById('iframe'+id);
        var ifrDiv  = document.getElementById(id);
        
        if (odialog1 != null)
        {
            var dia = document.getElementById(odialog1);
            var diaframe = document.getElementById('iframe'+ odialog1);
            if(dia != 'undefined'){
                dia.style.display = "none";
                diaframe.style.display = 'none'; 
            }
        }
        
        if(ifrDiv.style.display == "none")
        {
            odialog1 = id;
            ifr.style.filter = 'alpha(opacity=0)';
            ifr.style.position = 'absolute';
            ifr.border='0px';
            ifr.style.border = '0px';
            ifr.style.backgroundColor = '#FF0000';
     
            ifr.style.display = 'block';
            ifrDiv.style.display = "block"; 
      
            if(id=="ShipAddress")
            {
 //              hideshowprovince(document.getElementById('ctl00_mainContent_addAddress_ddlCountry'),'ctl00_mainContent_addAddress_ddlState','ctl00_mainContent_addAddress_ddlProvince','ctl00_mainContent_addAddress_rfvState','ctl00_mainContent_addAddress_rfvProvince');
            }
            var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
            var sl = Math.max(document.body.scrollTop,document.documentElement.scrollLeft);
 
//            var left =sl+ (screen.width/2) -(ifrDiv.offsetWidth/2) + 'px';
//            var top = st + (screen.height/2)-(ifrDiv.offsetHeight/2)+ 'px';
// 
            var left ='274px';
            var top = '-75px';
 
	        ifrDiv.style.left = left;
	        ifrDiv.style.top = top;
            ifr.style.left = left;
	        ifr.style.top = top;
	     
            ifr.style.height = ifrDiv.offsetHeight ;
            ifr.style.width = ifrDiv.offsetWidth ;
             
      }
    
 }
 
 function thumbHover(path,path1,w,h)
 {
   prodname=document.getElementById('ctl00_mainContent_hdDealTitle').value;
   document.getElementById('prod-img').src = path;
   document.getElementById('prod-img').alt = prodname;
   document.getElementById('prod-img').title = prodname;
   var isZoom=document.getElementById('ctl00_mainContent_hdIsZoom').value;
    
   if( (w > 300 || h > 300) && isZoom=='1')
   {
      document.getElementById('lnk-prod-img').href = path1; 
   }
   else
   {
      document.getElementById('lnk-prod-img').href = '';
   } 
}

function getVariationsRepeat()
{
     if($get('ctl00_mainContent_hdDealStatus').value!='1')
     {
       return;
     }

    PageMethods.GetVariations($get('ctl00_mainContent_hdPerma').value + $get('ctl00_mainContent_hdDealID').value, CallSuccess, CallFailed);
}

 function getVariations(color1,color2,isqty,dealstatus)
 {    
     fcolor=color1;
     scolor=color2;
     if(dealstatus!='1')
     {
       return;
     }
     if(isqty=='1')
     {
        $get('qty').innerHTML = '<span class="loading-back">Loading ....</span>';
        
     }

    var hasNoVariation = $get('ctl00_mainContent_hdHasNoVariation').value;
    if(hasNoVariation == "0")
    {
    
         
         $get('style-size').innerHTML = '<span class="loading-back">Loading ....</span>';
    
    }
    
     var selectDrop2 = document.getElementById("selectDrop2");
      if (selectDrop2) 
      {
          var selectBarQty1A  = document.getElementById("selectBarQty1A");
                
          selectBarQty1A.innerHTML='<span class="loading-back">Loading ....</span>';
      }
     
     // call server side method
     PageMethods.GetVariations($get('ctl00_mainContent_hdPerma').value + $get('ctl00_mainContent_hdDealID').value, CallSuccess, CallFailed);
 }
  
 function CallSuccess(res)
 {    
   var tcol=$get('ctl00_mainContent_hdTickBar').value;
   
   var tbtcol=$get('ctl00_mainContent_hdTickBarText').value;
   var hasNoVariation = $get('ctl00_mainContent_hdHasNoVariation').value;
   var obj = res[res.length-1];
   if(obj.DealStatus!='1')
     {
       return;
     }
 
    var sb = new Sys.StringBuilder();
    var BHTML;
    var BHTML1;
    var per;
  
    sb.append('<table cellspacing="0" cellpadding="4" border="0" id="gSizes">');

    for (var p = 0; p < res.length-1 ; p++) 
    {
        var obj = res[p];
        per=((obj.OfferQty - obj.SoldQty)/obj.OfferQty) * 100;
        
        if(obj.OfferQty - obj.SoldQty <= 0)
        {
             BHTML = '<div class="qtybar"><div class="qtybarLow" style="width:100%;"></div><div class="qtybarText" style="color:' + tbtcol + ';">SOLD OUT</div></div>'

        }
        else
        {
             if(obj.SizeBarWidth<=25)
             {
                BHTML = '<div class="qtybar"><div class="qtybarLow" style="width:' + obj.SizeBarWidth + '%;"></div><div class="qtybarText" style="color:' + tbtcol + ';">' + (100 - obj.SizeBarWidth) + '% Claimed</div></div>'

             }
             else
             {
                BHTML = '<div class="qtybar"><div class="qtybarFill" style="width:' + obj.SizeBarWidth + '%;background-color:' + tcol + ';"></div><div class="qtybarText" style="color:' + tbtcol + ';">' + (100 - obj.SizeBarWidth) + '% Claimed</div></div>'

             }
        }
        
        sb.append('<tr>');
        sb.append('<td>');
            sb.append('<table cellspacing="0" cellpadding="4" border="0" style="color:' + scolor + '">');
                sb.append('<tr>');
                    sb.append('<td valign="top"><img class="imgVar" src="'+ obj.FileName +'" alt="" title="'+ obj.Attribute +'" style="display:block;"/></td>')
                    if(obj.ShowQtyRemain=='0')
                    {
                      sb.append('<td><strong style="color:' + fcolor + '">' + obj.Attribute +  '</strong><br /></td>');
                    }
                    else
                    {
                      sb.append('<td>' + BHTML + '<strong style="color:' + fcolor + '">' + obj.Attribute +  '</strong><br />' + obj.Qty  + '</td>');
                    }
                    
                sb.append('</tr>');
            sb.append('</table>');
        sb.append('</td>');
        sb.append('</tr>');
       
    }
 

    sb.append('</table> ');    
    if(hasNoVariation == "0")
    {
         $get('style-size').innerHTML = sb.toString();
     }
    
    
 
 
    var sb1 = new Sys.StringBuilder();
    var sb2 = new Sys.StringBuilder();
    
    var obj = res[p];
    if(obj.GOfferQty>0)
    {
       $get('qty1').innerHTML = '<span class="loading-back">Loading ....</span>';
    }
        if(obj.OfferQty - obj.SoldQty <= 0)
        {
                 BHTML = '<div class="qtybarWide"><div class="qtybarLow" style="width:100%;"></div><div class="qtybarText" style="color:' + tbtcol + ';">SOLD OUT</div></div>'

        }
        else
        {
             if(obj.SizeBarWidth<=25)
             {
                 BHTML = '<div class="qtybarWide"><div class="qtybarLow" style="width:' + obj.SizeBarWidth + '%;"></div><div class="qtybarText" style="color:' + tbtcol + ';">' + (100 - obj.SizeBarWidth) + '% Claimed</div></div>'

             }
             else
             {
                 BHTML = '<div class="qtybarWide"><div class="qtybarFill" style="width:' + obj.SizeBarWidth + '%;background-color:' + tcol + ';"></div><div class="qtybarText" style="color:' + tbtcol + ';">' + (100 - obj.SizeBarWidth) + '% Claimed</div></div>'

             }
        }


        if(obj.GOfferQty - obj.SoldQty <= 0  && obj.IsTipped==1)
        {
                 BHTML1   = '<div style="width:280px;"><div style="width:100%;"></div><div class="qtybarText" style="font-size:16px;">The deal is on!</div></div>'

        }
        else
        {
             if(obj.GSizeBarWidth<=25)
             {
                 BHTML1 = '<div class="qtybarWide"  style="width:280px;"><div class="qtybarLow" style="width:' + obj.GSizeBarWidth + '%;"></div></div>'

             }
             else
             {
                 BHTML1 = '<div class="qtybarWide"  style="width:280px;"><div class="qtybarFill" style="width:' + obj.GSizeBarWidth + '%;background-color:' + tcol + ';"></div></div>'

             }
        }


if(obj.ShowQtyRemain=='1')
{
    sb1.append('<table cellspacing="0" cellpadding="4" border="0" id="gQty"');
        sb1.append('<tr>');
            sb1.append('<td>' + BHTML + '</td>');
        sb1.append('</tr>');
    sb1.append('</table> ');
    $get('qty').innerHTML = sb1.toString();

    $get('qtyhead').innerHTML ='<table  cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" border=\"0\"><tr><td align=\"left\">QTY REMAINING:&nbsp;' + (obj.OfferQty - obj.SoldQty) +  '</td><td align=\"right\">(Total Qty Offered: ' + obj.OfferQty + ')</td></tr></table> ';
    

    
}

//for group qty bar
   sb2.append('<table cellspacing="0" cellpadding="4" border="0" id="gQty1"');
        sb2.append('<tr>');
            sb2.append('<td>' + BHTML1 + '</td>');
        sb2.append('</tr>');
    sb2.append('</table> ');
    if(obj.GOfferQty>0)
    {
    $get('qty1').innerHTML = sb2.toString();
    }
   
    if(((obj.GOfferQty - obj.SoldQty) <= 0) && (obj.IsTipped==1))
        {
            if(obj.GOfferQty>0)
            {
             $get('qtysold').innerHTML ='<table  cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" border=\"0\"><tr><td align=\"center\" style=\"font-size:16px;\">' + obj.SoldQty + ' bought</td></tr></table> ';
             $get('qtyfooter').innerHTML ='<table  cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" border=\"0\"><tr><td align=\"center\" style=\"font-size:13px;\">Tipped at ' + obj.TippedTime + ' with ' + obj.GOfferQty + ' bought</td></tr></table> '; 
            }
        }
        else
        {
          if(obj.GOfferQty>0)
            {
             $get('qtyhead1').innerHTML ='<table  cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" border=\"0\"><tr><td align=\"left\" style=\"font-size:16px;\">0</td><td align=\"right\" style=\"font-size:16px;\">' + obj.GOfferQty + '<br/></td></tr></table> ';
             $get('qtysold').innerHTML ='<table  cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" border=\"0\"><tr><td align=\"center\" style=\"font-size:16px;\">' + obj.SoldQty + ' bought</td></tr></table> ';
             $get('qtyfooter').innerHTML ='<table  cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" border=\"0\"><tr><td align=\"center\" style=\"font-size:13px;\">' + (obj.GOfferQty - obj.SoldQty) + ' more needed to get the deal</td></tr></table> '; 
            }
        }
	var ddCode = "";
	var LimitQty=obj.PerOrderLimit;
	var totalLeft = 0;
    var obj1;

    for (var p = 0; p < res.length-1 ; p++) 
    {
        var obj = res[p];
        obj1=res[p]; //will use in only one variation case
        
         var qtyLeft = obj.OfferQty - (isNaN(obj.SoldQty) ? 0 : obj.SoldQty);
        
        totalLeft = totalLeft + qtyLeft;
		//if(hasNoVariation == "1")
        //{
    	    $get('ctl00_mainContent_hdVarID').value=obj.DealVariationID;
        //}
	
		if (qtyLeft > 0) {
	        if(obj.ShowQtyRemain=='0')
            {
               ddCode += "<li id='" + obj.DealVariationID + "' onclick='chooseSelect(this,0);' class='item'>" +
		        "<div style='text-align:center;width:50px' class='itemPic'><img id='" + obj.DealVariationID + "pic' src='" + obj.FileName + "'  alt='' /></div><div style='float:left;width:188px;'><span id='" + obj.DealVariationID + "name' class='itemName'>" + obj.Attribute + "</span> <br />" +
		        "</div></li>";           
            }
            else
            {
             
                ddCode += "<li id='" + obj.DealVariationID + "' onclick='chooseSelect(this,1);' class='item'>" +
		        "<div style='text-align:center;width:50px' class='itemPic'><img id='" + obj.DealVariationID + "pic' src='" + obj.FileName + "'  alt='' /></div><div style='float:left;width:188px;'><span id='" + obj.DealVariationID + "name' class='itemName'>" + obj.Attribute + "</span> <br />" +
		        "<div id='" + obj.DealVariationID + "countBar' class='itemCountBar'>" +
		        "	<div id='" + obj.DealVariationID + "leftBar' class='itemLeftBar'"  + "style=background-color:" + tcol + ";>&nbsp;</div>" +
		        "   <div class='itemCountText' style='color:" + tbtcol + ";'><span id='" + obj.DealVariationID + "left' class='itemLeft'>" + (obj.OfferQty - (isNaN(obj.SoldQty) ? 0 : obj.SoldQty)) + "</span> of " + 
		        "       <span id='" + obj.DealVariationID + "count' class='itemCount'>" + obj.OfferQty + "</span> left</div></div></div></li>";           
            }
	        
		}
    }
   
   var selectDrop2 = document.getElementById("selectDrop2");
      if (selectDrop2) 
      {
        
                var selectBar  = document.getElementById("selectBarQty1A");
                var tcol=$get('ctl00_mainContent_hdTickBar').value;
                var tbtcol=$get('ctl00_mainContent_hdTickBarText').value;
                               
                selectBar.innerHTML = "<div id='" + selectBar.id + "item' class='item'>" + 
                "<img id='" + selectBar.id + "image' src='" + obj1.FileName + "' class='itemPic'>" + 
                "<input type='hidden' id='" + selectBar.id + "itemid' name='" + selectBar.id + "itemid' style='display:none;' value='" + obj.DealVariationID + "' /> " + 
                "<div style='float:left;width:178px;'><span id='" + selectBar.id + "name' class='itemName'>" + obj1.Attribute + "</span> <br />" + 
                "<div id='" + selectBar.id + "countBar' class='itemCountBar'><div id='" + selectBar.id + "leftBar' class='itemLeftBar'"  + "style=background-color:" + tcol + ";></div>" +
                "<div class='itemCountText' style='color:" + tbtcol + ";'><span id='" + selectBar.id + "left' class='itemLeft'>" + (obj1.OfferQty - (isNaN(obj1.SoldQty) ? 0 : obj1.SoldQty)) + "</span> of " +
                "<span id='" + selectBar.id + "count' class='itemCount'>" + obj1.OfferQty + "</span> left</div></div></div></div>";
                var select1Qty = document.getElementById("selectOneQty");
                if (!select1Qty)
                {
                    selectBar.innerHTML = selectBar.innerHTML + "<div id='delete" + selectBar.id + "' class='selectBarDelete' onclick='removeSelect(this.parentNode,1);'>x</div>";
                }

                selectBar.className = "selectBarChosen";
               
                var itemLeft = document.getElementById(selectBar.id + "left");
                var itemCount = document.getElementById(selectBar.id + "count");
                var itemLeftBar = document.getElementById(selectBar.id + "leftBar");
                itemLeftBar.style.width = (parseInt(itemLeft.innerHTML) * 100 / parseInt(itemCount.innerHTML)) + "%";
                    
                
               var ddCode2="";
               var LoopMax1=0;
               
               if(LimitQty>0 && LimitQty < totalLeft)
               {
                 LoopMax1=LimitQty;
               }
               else 
               {
                 LoopMax1=totalLeft;
               } 
               for (var iLoop =1; iLoop <= LoopMax1; iLoop++) 
               {
                   ddCode2+="<li id='" + iLoop  + "' onclick='chooseSelect2(this);' class='item'>" + iLoop + "</li>";
               }
                var selectList2 = document.getElementById("selectList2");
                selectList2.innerHTML = ddCode2;
                
                
      }
  
  
    if(hasNoVariation == "1")
    {
       var ddCode1="";
       var LoopMax=0;
       
       if(LimitQty>0 && LimitQty < totalLeft)
       {
         LoopMax=LimitQty;
       }
       else 
       {
         LoopMax=totalLeft;
       } 
       for (var iLoop =1; iLoop <= LoopMax; iLoop++) 
       {
           ddCode1+="<li id='" + iLoop  + "' onclick='chooseSelect1(this);' class='item'>" + iLoop + "</li>";
       }
        var selectList1 = document.getElementById("selectList1");
        selectList1.innerHTML = ddCode1;
        
    }
    
    if (totalLeft == 0) {
        var addCart = $get('addCartArea');
        addCart.innerHTML = "SOLD OUT! Check back soon for another great deal!";
        
        var curSel = $get('selectBar' + (numItems+1));
        document.onclick = null;
        curSel.style.color = "#999999";
    }
	if(hasNoVariation == "0")
    {
            var selectList = document.getElementById("selectList");
            if(selectList)
            {
                    selectList.innerHTML = ddCode;
	              if(obj.ShowQtyRemain=='1')
                  {
                        refreshSelect(null);
                  }
	         }
	 }
	 
      
      
  	                           
 }
 


 var errres = "";
 function CallFailed(res)
 {
     errres = res;
     if (res.get_message() == "refreshDeal") {
        location.reload(true);
     } else {
         $get('qty').innerHTML = '<span class="load-error">Variations are having some trouble. Please try again later.</span>';
          $get('qty1').innerHTML = '<span class="load-error">Variations are having some trouble. Please try again later.</span>';
          
         $get('style-size').innerHTML = '<span class="load-error">Variations are having some trouble. Please try again later.</span>';
     }
 }



//Textbox Watermark
function WMInit(textbox,mark) {
    
    if (textbox.value.replace(/^\s\s*/, '').replace(/\s\s*$/, '') == "") {
	    textbox.style.color = "rgb(129, 129, 129)";
	    textbox.value = mark;
	}
	else if (textbox.value==mark)
	{
	    textbox.style.color = "rgb(129, 129, 129)";
	    textbox.value = mark;
	}
}

function Focused(textbox) {
	
	if ((textbox.style.color == "rgb(129, 129, 129)") || (textbox.style.color == "rgb(129,129,129)")) {
		textbox.value = "";
		textbox.style.color = "";
	}
}
		
function Blurred(textbox,mark) {
	if (textbox.value.replace(/^\s\s*/, '').replace(/\s\s*$/, '') == "") {
		textbox.style.color = "rgb(129, 129, 129)";
		textbox.value = mark;
	}
} 

function showhideDiv(){
    var rd3 = document.getElementById('ctl00_mainContent_rd3');
    var rd4 = document.getElementById('ctl00_mainContent_rd4');
    var divTimeRange = document.getElementById('divTimeRange');
    if(rd4.checked == true)
    {
        divTimeRange.style.display = 'inline';
    
    }
    else{
        divTimeRange.style.display = 'none';
    }
}

/*SelectBOX.js*/

var selectHeight = 36;
var baseHeight = -110;
var currentFocus = null;
var currentSelect = 0;
var numItems = 0;

document.onclick = function() {
    var selectDrop = document.getElementById("selectDrop");
    if (selectDrop) 
    {
        if (cartClicked) {
            if (currentFocus == "selectDrop") { return; }
            var selectDropMsg = document.getElementById("selectDropMsg");
            selectDropMsg.style.display = "";

            selectDrop.style.top = "-200px";
            selectDrop.style.left = "-320px";
            selectDrop.style.display = "";

            if (document.getElementById("backdrop") == null) {
                var backdrop = document.createElement("div");
                backdrop.id = "backdrop";
                selectDrop.parentNode.appendChild(backdrop);
                return;
            } 
            else {
                var backdrop = document.getElementById("backdrop");
                backdrop.parentNode.removeChild(backdrop);
                selectDrop.style.display = "none";
                cartClicked = false;
            }
        }





        if (currentFocus == null || currentFocus == "selectDrop") {
            currentSelect = 0;
            selectDrop.style.display = "none";
        }

        else {
          
            if ("selectBar" + currentSelect != currentFocus) {
                if (removed) {
                    removed = false;
                    return true;
                }
                var selectDropMsg = document.getElementById("selectDropMsg");
                selectDropMsg.style.display = "none";
                
                currentSelect = parseInt(currentFocus.substring(9));
                var totalHeight = 0;    
                for (var i = currentSelect + 1; i <= numItems + 1; i++) {
                    var tmpSelect = document.getElementById("selectBar" + i);
                    totalHeight += tmpSelect.offsetHeight;
                }
                selectDrop.style.top = baseHeight - totalHeight + (numItems == 0 ? 0 : selectHeight) + "px";
                selectDrop.style.left = "20px";
                selectDrop.style.display = "";
//                var str="class=";
//                var my_str=document.getElementById("selectBar1").innerHTML;
//                //alert(my_str);
//                if(my_str.search(str)==-1)
//                { //not found case
//                 selectDrop.style.display = "";
//                }
//                else // found case
//                {
//                  selectDrop.style.display = "none";
//                }
                
            } else {
                currentSelect = 0;
                selectDrop.style.display = "none";
            }
        }
       
    }
    
    //Has No Variation=True
       
    
      var selectDrop1 = document.getElementById("selectDrop1");
      if (selectDrop1) 
      {
        
       
        if (currentFocus == null || currentFocus == "selectDrop1") 
        {
           
            currentSelect = 0;
            selectDrop1.style.display = "none";
            
            return;
        }
        
             
                selectDrop1.style.display = "";
            
                var selectDropMsg = document.getElementById("selectDropMsg1");
                selectDropMsg.style.display = "none";
                var totalHeight = 0;    
                var tmpSelect = document.getElementById("selectBarQty1");
                totalHeight += tmpSelect.offsetHeight;
                               
                selectDrop1.style.top = baseHeight + totalHeight + "px";
                selectDrop1.style.left = "20px";
                var str="class=";
                var my_str=document.getElementById("selectBarQty1").innerHTML;
                //alert(my_str);
                if(my_str.search(str)==-1)
                { //not found case
                 selectDrop1.style.display = "";
                }
                else // found case
                {
                  selectDrop1.style.display = "none";
                }
                selectDrop1.style.display = "";

        
      }
      
// For one variation case      
       var selectDrop2 = document.getElementById("selectDrop2");
      if (selectDrop2) 
      {
        
       
        if (currentFocus == null || currentFocus == "selectDrop2") 
        {
           
            currentSelect = 0;
            selectDrop2.style.display = "none";
            
            return;
        }
               
                   
                selectDrop2.style.display = "";
            
                var selectDropMsg = document.getElementById("selectDropMsg2");
                selectDropMsg.style.display = "none";
                var totalHeight = 0;    
                var tmpSelect = document.getElementById("selectBarOneQty1");
                totalHeight += tmpSelect.offsetHeight;
                               
                selectDrop2.style.top = baseHeight + totalHeight + "px";
                selectDrop2.style.left = "20px";
                var str="class=";
                var my_str=document.getElementById("selectBarOneQty1").innerHTML;
                //alert(my_str);
                if(my_str.search(str)==-1)
                { //not found case
                 selectDrop2.style.display = "";
                }
                else // found case
                {
                  selectDrop2.style.display = "none";
                }
                selectDrop2.style.display = "";

        
      }
    
}
function chooseSelect1(selectItem)
{
   var selectDrop1 = document.getElementById("selectDrop1");
     selectDrop1.style.display = "none";
     
   var tmpSelect = document.getElementById("selectBarQty1");
   tmpSelect.innerHTML="Quantity: " + selectItem.innerHTML;
   $get('ctl00_mainContent_hdTotQty').value=selectItem.innerHTML;
   
       
        
   
}
function chooseSelect2(selectItem)
{
   var selectDrop1 = document.getElementById("selectDrop2");
     selectDrop1.style.display = "none";
     
   var tmpSelect = document.getElementById("selectBarOneQty1");
   tmpSelect.innerHTML="Quantity: " + selectItem.innerHTML;
   $get('ctl00_mainContent_hdTotQty').value=selectItem.innerHTML;
   
       
        
   
}
function chooseSelect(selectItem,isqty) {
    var tcol=$get('ctl00_mainContent_hdTickBar').value;
   
    var tbtcol=$get('ctl00_mainContent_hdTickBarText').value;
    if (currentSelect == 0) { currentSelect = 1; }
    var selectBar = document.getElementById("selectBar" + currentSelect);
	
    //add new item if selected
    
    if (currentSelect == numItems + 1) {
	
        numItems += 1;
        var limit = document.getElementById("limit").innerHTML;
        var newSelectBar = document.createElement("div");
		
        newSelectBar.id = "selectBar" + (numItems + 1);
        newSelectBar.className = "selectBar";
        
        newSelectBar.onmouseover = function() { currentFocus = newSelectBar.id };
        newSelectBar.onmouseout = function() { currentFocus = null };
        newSelectBar.innerHTML = "want another?";
        if (numItems == limit) {
            
            newSelectBar.style.display = "none";
        }
		
        var select = document.getElementById("select");
        select.appendChild(newSelectBar);
		
        var fakeBar = document.getElementById("fakeBar");
        fakeBar.style.display = "none";
    }
    
    //change to new item
    if(isqty=='1')
    {
        selectBar.innerHTML = "<div id='" + selectBar.id + "item' class='item'>" +
        "<img id='" + selectBar.id + "image' src='" + document.getElementById(selectItem.id + "pic").src + "' class='itemPic'>" +
        "<input type='hidden' id='" + selectBar.id + "itemid' name='" + selectBar.id + "itemid' style='display:none;' value='" + selectItem.id + "' /> " +
        "<div style='float:left;width:178px;'><span id='" + selectBar.id + "name' class='itemName'>" + document.getElementById(selectItem.id + "name").innerHTML + "</span> <br />" +
        "<div id='" + selectBar.id + "countBar' class='itemCountBar'><div id='" + selectBar.id + "leftBar' class='itemLeftBar'" + "style=background-color:" + tcol + ";></div>" +
        "<div class='itemCountText' style='color:" + tbtcol + ";'><span id='" + selectBar.id + "left' class='itemLeft'>" + document.getElementById(selectItem.id + "left").innerHTML + "</span> of " +
        "<span id='" + selectBar.id + "count' class='itemCount'>" + document.getElementById(selectItem.id + "count").innerHTML + "</span> left</div></div></div></div>";
        var select1Qty = document.getElementById("selectOneQty");
        if (!select1Qty)
        {
            selectBar.innerHTML = selectBar.innerHTML + "<div id='delete" + selectBar.id + "' class='selectBarDelete' onclick='removeSelect(this.parentNode,1);'>x</div>";
        }
     }
     else
     {       
        selectBar.innerHTML = "<div id='" + selectBar.id + "item' class='item'>" + 
        "<img id='" + selectBar.id + "image' src='" + document.getElementById(selectItem.id + "pic").src + "' class='itemPic'>" + 
        "<input type='hidden' id='" + selectBar.id + "itemid' name='" + selectBar.id + "itemid' style='display:none;' value='" + selectItem.id + "' /> " + 
        "<div style='float:left;width:178px;'><span id='" + selectBar.id + "name' class='itemName'>" + document.getElementById(selectItem.id + "name").innerHTML + "</span> <br />" + 
        "</div></div>" +
        "<div id='delete" + selectBar.id + "' class='selectBarDelete' onclick='removeSelect(this.parentNode,0);'>x</div>";
      }  
    selectBar.className = "selectBarChosen";

    if(isqty=='1')
    {
        refreshSelect(null);
    }
    
    if (cartClicked) {
        cartClicked = false;
        var backdrop = document.getElementById("backdrop");
        backdrop.parentNode.removeChild(backdrop);
        
        var cartBtn = document.getElementById("ctl00_mainContent_btnAddCart");
        document.location.href = cartBtn.href;
    }
}

var removed = false;
function removeSelect(selectBar,iqty) {
    var selectItem = document.getElementById(selectBar.id + "itemid").value;
	
    for (var i=selectBar.id.substring(9); i < numItems + 1; i++) {
        var curSelectBar = document.getElementById("selectBar" + i);
        var nextSelectBar = document.getElementById("selectBar" + (1 + parseInt(i)));
		
        if (i < numItems) {
            var curItemId = document.getElementById(curSelectBar.id + "itemid");
            var nextItemId = document.getElementById(nextSelectBar.id + "itemid");
            var curItemImage = document.getElementById(curSelectBar.id + "image");
            var nextItemImage = document.getElementById(nextSelectBar.id + "image");
            var curItemName = document.getElementById(curSelectBar.id + "name");
            var nextItemName = document.getElementById(nextSelectBar.id + "name");
            if(iqty=='1')
            {
            var curItemLeft = document.getElementById(curSelectBar.id + "left");
            var nextItemLeft = document.getElementById(nextSelectBar.id + "left");
            var curItemTotal = document.getElementById(curSelectBar.id + "count");
            var nextItemTotal = document.getElementById(nextSelectBar.id + "count");
            var curItemLeftBar = document.getElementById(curSelectBar.id + "leftBar");
            var nextItemLeftBar = document.getElementById(nextSelectBar.id + "leftBar");
            curItemLeft.innerHTML = nextItemLeft.innerHTML;
            curItemTotal.innerHTML = nextItemTotal.innerHTML;
            curItemLeftBar.style.width = nextItemLeftBar.style.width;

            }
            curItemId.value = nextItemId.value;
            curItemImage.src = nextItemImage.src;
            curItemName.innerHTML = nextItemName.innerHTML;
         } else {
            curSelectBar.innerHTML = nextSelectBar.innerHTML;
        }
        curSelectBar.className = nextSelectBar.className;
		
		
    }
    var lastSelectBar = document.getElementById("selectBar" + (numItems + 1));
    lastSelectBar.parentNode.removeChild(lastSelectBar);
				
    numItems -= 1;
	
    var limit = document.getElementById("limit").innerHTML;

    if (numItems == 0) { 
        var startBar = document.getElementById("selectBar1");
        var fakeBar = document.getElementById("fakeBar");
        startBar.innerHTML = "select color / size"; 
        fakeBar.style.display = "";
    }
	if(iqty=='1')
    {
    refreshSelect(selectItem);
    }
    removed = true;
}

function refreshSelect(itemID) {
    var itemColor = document.getElementById("priceText").style.color;
    if (itemID == null) {
   
        var selectList = document.getElementById("selectList");
        for (var i = 0; i < selectList.childNodes.length; i++) {
            var item = selectList.childNodes[i];
            var itemLeft = document.getElementById(item.id + "left");
            var itemCount = document.getElementById(item.id + "count");
            var itemLeftBar = document.getElementById(item.id + "leftBar");
            itemLeftBar.style.width = (parseInt(itemLeft.innerHTML) * 100 / parseInt(itemCount.innerHTML)) + "%";
            // check if user has reached item limit
            if (parseInt(itemLeft.innerHTML) - countItems(item.id) > 0) {
                item.style.display = "";
            } else {
                item.style.display = "none";
                // remove any extra items from the user's list
                while(parseInt(itemLeft.innerHTML) < countItems(item.id)) {
                    for (var i = numItems; i > 0; i--) {
                        var selectItem = document.getElementById("selectBar" + i + "itemid");
                        if (selectItem.value == item.id) { 
                            var selectBar = document.getElementById("selectBar" + i);
                            removeSelect(selectBar);
                            break;
                        }
                    }
                }
            }
        }
    } else {
        var item = document.getElementById(itemID);
        var itemLeft = document.getElementById(itemID + "left");
        var itemCount = document.getElementById(itemID + "count");
        var itemLeftBar = document.getElementById(itemID + "leftBar");
        itemLeftBar.style.width = (parseInt(itemLeft.innerHTML) * 100 / parseInt(itemCount.innerHTML)) + "%";
        if (parseInt(itemLeft.innerHTML) - countItems(itemID) > 0) {
            item.style.display = "";
        } else {
            item.style.display = "none";
        }
    }
    for (var i = 1; i <= numItems; i++) {
        var curBarItem = document.getElementById("selectBar" + i + "itemid");
        if (itemID == null || curBarItem.value == itemID) {
            var curItemLeft = document.getElementById(curBarItem.value + "left");
            var curBarLeft = document.getElementById("selectBar" + i + "left");
            var curBarCount = document.getElementById("selectBar" + i + "count");
            var curBarLeftBar = document.getElementById("selectBar" + i + "leftBar");
            curBarLeft.innerHTML = curItemLeft.innerHTML;
            curBarLeftBar.style.width = (parseInt(curBarLeft.innerHTML) * 100 / parseInt(curBarCount.innerHTML)) + "%";
        } 
    }
}

function countItems(itemID) {
    var itemCount = 0;
    for (var i = 1; i <= numItems; i++) {
        var selectItem = document.getElementById("selectBar" + i + "itemid");
        if (selectItem.value == itemID) { itemCount++; }
    }
    return itemCount;
}

var cartClicked = false;
function cartCheck() {
     var hasNoVariation = $get('ctl00_mainContent_hdHasNoVariation').value;
    if(hasNoVariation == "0")
    {
        var selectDrop2 = document.getElementById("selectDrop2");
      if (selectDrop2) 
      {
        var qty=$get('ctl00_mainContent_hdTotQty').value;
        if(parseInt(qty)>0)
        { 
            return true;
        }
        else
        {
            return false;
        }
      }
        if (numItems < 1) {
            cartClicked = true;       
            return false;
        }
        return true;
    }
    else
    {
        var qty=$get('ctl00_mainContent_hdTotQty').value;
        if(parseInt(qty)>0)
        { 
            return true;
        }
        else
        {
            return false;
        }
       
    }
}
function closeTextMe()
{
   var backdrop = document.getElementById("backdrop");
   backdrop.parentNode.removeChild(backdrop);
   document.getElementById("textMe").style.display = "none";
}
function closeSplash()
{
    var backdrop = document.getElementById("backdrop");
    backdrop.parentNode.removeChild(backdrop);
    document.getElementById("splash").style.display = "none";
}
function closeEmailMe()
{
    var backdrop = document.getElementById("backdrop");
    backdrop.parentNode.removeChild(backdrop);
    document.getElementById("emailMe").style.display = "none";
}

function textMeCheck()
{
        var textMe = document.getElementById("textMe");
        var textMeMsg = document.getElementById("textMeMsg");
        textMeMsg.style.display = "";
        
        textMe.style.top = "-80px";

        textMe.style.display = "";
        
        if (document.getElementById("backdrop") == null) {
            var backdrop = document.createElement("div");
            backdrop.id = "backdrop";
            textMe.parentNode.appendChild(backdrop);
            
         document.getElementById("ctl00_mainContent_txtCode").focus(); 
         document.getElementById('divBtn').style.display="";
         document.getElementById('divMsg').style.display="none"; 
            
        }

}

function splashShow()
{

        var sp = document.getElementById("splash");
      
       
        var emailMeMsg = document.getElementById("splashMsg");
        emailMeMsg.style.display = "";
        
        
        sp.style.left = "330px";

        sp.style.display = "";
        
        if (document.getElementById("backdrop") == null) {
           
            var backdrop = document.createElement("div");
            backdrop.id = "backdrop";
            sp.parentNode.appendChild(backdrop);
            
            document.getElementById("ctl00_mainContent_txtEmail").focus(); 
           
          }

}

function emailMeCheck()
{
        var emailMe = document.getElementById("emailMe");
      
       
        var emailMeMsg = document.getElementById("emailMeMsg");
        emailMeMsg.style.display = "";
        
        emailMe.style.top = "-40px";

        emailMe.style.display = "";
        
        if (document.getElementById("backdrop") == null) {
            var backdrop = document.createElement("div");
            backdrop.id = "backdrop";
            emailMe.parentNode.appendChild(backdrop);
            
            document.getElementById("ctl00_mainContent_txtEmail").focus(); 
           
          }

}

function textMeHelp()
{
  var msg='Text messaging is a mobile communication service which allows users to send ';
  msg=msg + 'and receive short (text) messages between mobile phones and across mobile networks. Text me deals allows you to receive deal notifications via text messages (SMS) sent ';

msg=msg + 'to your mobile phone. When you sign up, updates for this store\'s deals will be sent to your mobile phone. A text capable mobile handset, mobile carrier coverage, and a ';

msg=msg + 'text messaging service (SMS) plan are required to subscribe to Text me deals. Standard text messaging rates apply, please contact your carrier for details.';

alert(msg);

}

function emailMeHelp()
{
  var msg='Email me deals allows you to receive deal notifications via email. When you sign up, updates for this store\'s deals will be sent to your email either as they happen or in a daily email. You can unsubscribe at any time.';
  alert(msg);
}

function showDiv()
{
  document.getElementById('divTimeRange').style.display="";
}

function hideDiv()
{
  document.getElementById('divTimeRange').style.display="none";
}
function resendTextMeEmail()
{
    var alrID=document.getElementById('ctl00_mainContent_hdAlertId').value;
    var carr=document.getElementById('ctl00_mainContent_ddlCarrier');
    var carId=carr.options[carr.selectedIndex].value;
   
    PageMethods.ResendAlert(alrID,carId, callSuc200, callFail100);  
        
}
function callSuc200(result, context, methodname) 
{
  
  if (result  != null) 
  {
        if(result.toString()=="1")
        {
          document.getElementById('ctl00_mainContent_lblError1').innerHTML='Email resent successfully';
        }
        else
        {
          
document.getElementById('ctl00_mainContent_lblError3').innerHTML=result.toString();
        } 
    
  }
   
}
function finalizeTextMe()
{
   var code=document.getElementById('ctl00_mainContent_txtCode').value;
   var prefix=document.getElementById('ctl00_mainContent_txtPrefix').value;
   var fin=document.getElementById('ctl00_mainContent_txtFinal').value;
      
   var cell=code + prefix + fin;
   
   var r3=document.getElementById('ctl00_mainContent_rd3');
   var r4=document.getElementById('ctl00_mainContent_rd4'); 
   var rd3;
   var rd4;    
   
       if (r3.checked)
       {
         rd3=true;
       }
       else
       {
        rd3=false;
       }
       if (r4.checked)
       {
        rd4=true;
       }
       else
       {
        rd4=false;
       }
       
   var t1=      document.getElementById('ctl00_mainContent_ddltime1');
   var t2=      document.getElementById('ctl00_mainContent_ddltime2');
   var ampm1=   document.getElementById('ctl00_mainContent_ddlampm1');
   var ampm2=   document.getElementById('ctl00_mainContent_ddlampm2');
   var tm1;
   var tm2;
   
   if(ampm1.value=="pm")
   {
     tm1=parseInt(t1.value) + 12;
   }
   else
   {
     tm1=parseInt(t1.value);
   }
   
   if(ampm2.value=="pm")
   {
     tm2=parseInt(t2.value) + 12;
   }
   else
   {
     tm2=parseInt(t2.value);
   }
   var aid=document.getElementById('ctl00_mainContent_hdAlertId').value;
   var cod=document.getElementById('ctl00_mainContent_txtCode1').value;
  PageMethods.FinaliseTextAlert(cell,cod,aid ,rd3,rd4,tm1,tm2,  callSuc400, callFail100);
}
function callSuc400(result, context, methodname) 
{
  
  if (result  != null) 
  {
        
        if(result.toString()=="1")
        {
          
document.getElementById('ctl00_mainContent_lblError1').innerHTML='Information successfully submited.';
          //closeTextMe();
        }
        else if(result.toString()=="-2")
        {
          
document.getElementById('ctl00_mainContent_lblError3').innerHTML='We are sorry, that is not the correct confirmation code. Please try again.';
          
        }
        else
        {
          
document.getElementById('ctl00_mainContent_lblError3').innerHTML=result.toString();
        } 
   }
   
}

function emailMe()
{
   var code=document.getElementById('ctl00_mainContent_txtCode').value;
   var prefix=document.getElementById('ctl00_mainContent_txtPrefix').value;
   var fin=document.getElementById('ctl00_mainContent_txtFinal').value;
      
   var cell=code + prefix + fin;
   
   var carr=document.getElementById('ctl00_mainContent_ddlCarrier');
   
   var carId=carr.options[carr.selectedIndex].value;
   var r3=document.getElementById('ctl00_mainContent_rd3');
   var r4=document.getElementById('ctl00_mainContent_rd4'); 
   var rd3;
   var rd4;    
   
   rd3=false;
   rd4=false;
   var t1=      document.getElementById('ctl00_mainContent_ddltime1');
   var t2=      document.getElementById('ctl00_mainContent_ddltime2');
   var ampm1=   document.getElementById('ctl00_mainContent_ddlampm1');
   var ampm2=   document.getElementById('ctl00_mainContent_ddlampm2');
   var tm1;
   var tm2;
   
   if(ampm1.value=="pm")
   {
     tm1=parseInt(t1.value) + 12;
   }
   else
   {
     tm1=parseInt(t1.value);
   }
   
   if(ampm2.value=="pm")
   {
     tm2=parseInt(t2.value) + 12;
   }
   else
   {
     tm2=parseInt(t2.value);
   }
   PageMethods.InsertAlert(cell,carId ,rd3,rd4,tm1,tm2, callSuc100, callFail100);
   
}

function callSuc100(result, context, methodname) 
{
  
  if (result  != null) 
  {
        var arr=result.split("/");
       
        document.getElementById('ctl00_mainContent_hdAlertId').value=arr[1];
        
        if(arr[0]=="1")
        {
          document.getElementById('divBtn').style.display="none";
          document.getElementById('divMsg').style.display="";
        }
        else if(arr[0]=="-3")
        {
          document.getElementById('ctl00_mainContent_lblError3').innerHTML='Cell number already exist for other customer.';
        }
        else
        {
          document.getElementById('ctl00_mainContent_lblError3').innerHTML=result.toString();
        } 
  }
   
}
function isValidEmail(str) {
   if (str.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
     return true;
   else
     return false;
 }

function emailMeButton()
{
   var em=document.getElementById('ctl00_mainContent_txtEmail').value;
   var r1=document.getElementById('ctl00_mainContent_rd1');
   var r2=document.getElementById('ctl00_mainContent_rd2'); 
   var rd1;
   var rd2;    
 
 if(isValidEmail(em))
 {
       if (r1.checked)
       {
         rd1=true;
       }
       else
       {
        rd1=false;
       }
       if (r2.checked)
       {
        rd2=true;
       }
       else
       {
        rd2=false;
       }
   PageMethods.InsertEmailAlert(em,rd1,rd2,callSuc300, callFail200);
 }
 else
 {
    
document.getElementById('ctl00_mainContent_lblError4').value='Please enter a valid email address.';
 }  
}


function callSuc300(result, context, methodname) 
{
  
  if (result  != null) 
  {
       var arr=result.split("/");
        
        document.getElementById('ctl00_mainContent_hdAlertId').value=arr[1];
        
        if(arr[0]=="1")
        {
          
document.getElementById('ctl00_mainContent_lblError2').innerHTML='Information submited successfully.';
          //closeEmailMe();
        }
        else if(arr[0]=="-2")
        {
          
document.getElementById('ctl00_mainContent_lblError4').innerHTML='Email already exist for other customer.';
        }
        else
        {
          
document.getElementById('ctl00_mainContent_lblError4').innerHTML=result.toString();
        } 
   }
   
}


function callFail100(result, context, methodname) 
{
  document.getElementById('ctl00_mainContent_lblError3').innerHTML=result.get_message();
}
function callFail200(result, context, methodname) 
{
  document.getElementById('ctl00_mainContent_lblError4').innerHTML=result.get_message();
}

function validation()
{
     var res=false;
     var t1=document.getElementById('ctl00_mainContent_txtCode').value;
     var t2=document.getElementById('ctl00_mainContent_txtPrefix').value;
     var t3=document.getElementById('ctl00_mainContent_txtFinal').value;
   
     if (t1 == '' && t2 == '' && t3 == '')
     {
       document.getElementById('ctl00_mainContent_lblError3').innerHTML='Please enter a valid cell number.';
       return false;
     }
     if ((t1 % 2) >= 0 && (t2 % 2) >= 0 && (t3 % 2) >= 0)
     {
              
     
              if(document.getElementById('divTimeRange').style.display=="")
              {
               
               var t1=      document.getElementById('ctl00_mainContent_ddltime1');
               var t2=      document.getElementById('ctl00_mainContent_ddltime2');
               var ampm1=   document.getElementById('ctl00_mainContent_ddlampm1');
               var ampm2=   document.getElementById('ctl00_mainContent_ddlampm2');
               var tm1;
               var tm2;
               
               if(ampm1.value=="pm")
               {
                 tm1=parseInt(t1.value) + 12;
               }
               else
               {
                 tm1=parseInt(t1.value);
               }
               
               if(ampm2.value=="pm")
               {
                 tm2=parseInt(t2.value) + 12;
               }
               else
               {
                 tm2=parseInt(t2.value);
               }
               
               if(tm1>tm2)
               {
                    document.getElementById('ctl00_mainContent_lblError3').innerHTML='From time should not be greater then To time';    
                    return false;
               }
               else
               {
                 return true;
               }
               
              }
              return true;
     }
     else
     {
        document.getElementById('ctl00_mainContent_lblError3').innerHTML='Please enter a valid cell number.';
        return false;
     }
   
}



/*timebar.js*/


 var tick;
 var stime='17-11-2009 12:24:00';
 var cycle=125;
 var bwidth=297;
 var c;
 var span;
 function stop() 
 {
   clearTimeout(tick);
 }

function initializeTimeBar(startTime, cycleminutes, serverTime, headColor,tcol,tbtcol)
{

    stime = startTime;
    cycle = cycleminutes;
    var strInput=serverTime;
    var strArray= strInput.split(" ");
    var strTime=strArray[1].split(":");
    var strDate=strArray[0].split("-");
    
    span = new Date();
    c = new Date(strDate[2],parseInt("10",strDate[1])-1,strDate[0],strTime[0],strTime[1],strTime[2]);
    var strHTML="";
    /*class=\"bar_title\"*/
    strHTML+= "     <h4 class=\"bar_title\" style=\"color:" + headColor  + ";\"><span>( Total Time: <span id=\"cycle-minutes\"></span>)</span>Time:</h4>";
    
    strHTML+= "     <div id=\"bar\">";
    strHTML+= "        <div id=\"decBar\" >&nbsp;";
    strHTML+= "         </div><div style=\"text-align: center;width:297px;\"><span id=\"time-remaining\" class=\"fg_current_mark\"></span></div>";
    strHTML+= "     </div>";
        
  //set control html  
  document.getElementById('bar-control').innerHTML=strHTML;
  // set bar width  
  document.getElementById('bar-control').style.width=bwidth  + "px";
  document.getElementById('bar').style.width=bwidth  + "px";
  document.getElementById ('bar').style.borderColor = tcol ;
  document.getElementById ('bar').style.color = tbtcol ;
  if(cycle>=1440)
  {
    var hour = cycle  / (60);
    var da=(hour/24);
    var days=parseInt(hour/24);
    //var minutes = (hour -parseInt(hour))* 60;
    var minutes = cycle - (parseInt(hour) * 60);
    hour=(da -parseInt(da))* 24;
    var se = (minutes-parseInt(minutes))  * 60;
                
        document.getElementById('cycle-minutes').innerHTML= parseInt(days) + (parseInt(days)>1 ? " days" : " day") + (parseInt(hour)>0 ? ", " + parseInt(hour) + (parseInt(hour)>1 ? " hours " : " hour ") : " ") + (parseInt(minutes)>0 ? parseInt(minutes) + (parseInt(minutes)>1 ? " minutes " : " minute ") : "");
   }
  else if(cycle >59)
  {
    var hour = cycle  / (60);
    //var minutes = (hour -parseInt(hour))* 60;
    var minutes = cycle - (parseInt(hour) * 60);
    var se = (minutes-parseInt(minutes))  * 60;
                
    document.getElementById('cycle-minutes').innerHTML= parseInt(hour) + (parseInt(hour)>1 ? " hours " : " hour ") + (parseInt(minutes)>0 ? parseInt(minutes) + (parseInt(minutes)>1 ? " minutes " : " minute ") : "");
  }
  else
  {
    document.getElementById('cycle-minutes').innerHTML= cycle + (parseInt(cycle)>1 ? " minutes " : " minute ");
  }
}

function timeBar()
{
        var strInput=stime;
        var strArray= strInput.split(" ");
        var strTime=strArray[1].split(":");
        var strDate=strArray[0].split("-");
        try{
         
                //y, m, d, h, i, s
               document.getElementById('decBar').style.backgroundColor = document.getElementById('ctl00_mainContent_hdTickBar').value ;
                //Create start date on the basis of input date string
                var s = new Date(strDate[2],parseInt("10",strDate[1])-1,strDate[0],strTime[0],strTime[1],strTime[2]);
                //Create end date by adding cycle minutes in start date 
        
                var e=new Date();
                e.setTime(s.getTime() + (cycle * 60 * 1000));
                //Calculate date difference by subtracting  current time from end time
                var difDate = e.getTime() - c.getTime()
               
               
                //Convert the time difference in hour
                var minu = difDate / (60*1000);
                var hour = difDate / (60*60*1000);
                var da=(hour/24);
                var days=parseInt(hour/24);
                //Convert the time difference in minutes
                var minutes = (hour -parseInt(hour))* 60;
    
                hour=(da -parseInt(da))* 24;
                //Convert fractional part of minutes into seconds
                var se = (minutes-parseInt(minutes))  * 60;
                //Calculate minutes percentage
                var percent=(minu/cycle);
                percent=percent*100;
                //Calculate bar width using the minutes percentage
                var barWidth=(percent/100)*bwidth
                c.setTime(c.getTime() + (new Date()).getTime() - span.getTime());
                span = new Date();
                //If minutes are less then or equal to 0 then clear the time out and stop reccurent execution of this function
         
                if(minu<=0)
                {
                   clearTimeout(tick);
                   document.getElementById('time-remaining').innerHTML="0:00";
                   document.getElementById('decBar').style.width = "0px";
                   window.location.reload(true);
                }
                //else excute the function recurrently with the interval of 1/2 second.
                else
                {
                  if(parseInt(days)>0)
                  {
                                
                        document.getElementById('time-remaining').innerHTML=parseInt(days) + (parseInt(days)>1 ? " days" : " day") + (parseInt(hour)>0 ? (parseInt(hour)<10 ? ", 0" : ", ") + parseInt(hour) + ":" : ", 00:") + (parseInt(minutes)>0 ? (parseInt(minutes)<10 ? "0" : "") + parseInt(minutes)+ ":"  : "00:")  + (parseInt(se)>0 ? (parseInt(se)<10 ? "0" : "") + parseInt(se) : "00")
                      
                    
                  }
                 else if(parseInt(hour)>0)
                  {
                    document.getElementById('time-remaining').innerHTML=(parseInt(hour)<10 ? "0" : "") + parseInt(hour) +  ":" + (parseInt(minutes)>0 ? (parseInt(minutes)<10 ? "0" : "") + parseInt(minutes) + ":" : "00:") + (parseInt(se)>0 ? (parseInt(se)<10 ? "0" : "") + parseInt(se) : "00")
                  }
                  else
                  {
                    document.getElementById('time-remaining').innerHTML=(parseInt(minutes)<10 ? "0" : "") + parseInt(minutes)  +  ":" + (parseInt(se)>0 ? (parseInt(se)<10 ? "0" : "") + parseInt(se) : "00")
                  }
                   document.getElementById('time-remaining').innerHTML = document.getElementById('time-remaining').innerHTML  + " <span>remaining</span>"
                   document.getElementById('decBar').style.width=barWidth  + "px";
                   tick=setTimeout("timeBar()",500);   
                }

         }
         catch(e)
         {
         }       
}