// JScript File
var loading=""
var highlightedElement=""
var highlightedElementOldClass=""




function AddToCart()
{
    
    try
    {
        //call the AJAX method to actually add item to cart in DB
        //start animation
        
    if(xDOM("txtZipCode").value.length==5 && !isNaN(xDOM("txtZipCode").value))
        {
        
        _Default.AddItemToCart(xDOM("INVID").value,xDOM("txtCartID").value, xDOM("txtZipCode").value,getAddItemToCart);  // asynchronous call
        }
    else
        {
        alert("Please enter a 5 digit zip code")
        }
    }

    catch(e)
    {
        //if an error occurs in the AJAX processing send back to original cart
        alert(e.message)
        //alert("Your browser is having trouble processing this page.\nYou will be redirected to our standard checkout page")
        //top.location.href="http://www.amatteroffax.com/nonjavacart.asp"
    }

}

function getAddItemToCart(ret)
{
    //stop the animation & redirect
    if(ret.value!="0")
    {
        
        window.location.href="https://" + window.location.hostname + "/Cart/Default.aspx?US=1"
    }
    else
    {
    alert("S")
    }
}


function DoPosition(element, x,y,duration, steps, reset)
{
    
    new Rico.Effect.Position(element, x,y,duration, steps,{complete:function() {}})

}


function Load(elem)
{
var highElement=elem + "Text"
var picElement=elem + "Pic"
//alert("1")
xDOM("currentOptionSelected").value=(elem.toUpperCase().replace("OPTION",""))

if(xDOM("currentOptionSelected").value=="0")
{
    try
    {
        xDOM("imgPrevComponent").style.visibility="hidden"  
    }
    
    
    catch(e)
    {
    }
}
else
{
    try
    {
    xDOM("imgPrevComponent").style.visibility="visible"  
    }
    
    
    catch(e)
    {
    }
}



try
{
    
    if(highlightedElement!="")
        {
        
        xDOM(highlightedElement + "Text").className=highlightedElementOldClass
        xDOM(highlightedElement + "Pic").src=xDOM(highlightedElement + "Pic").src.toUpperCase().replace("_ON","_OFF")
        
        }
    
    
    highlightedElement=elem
    
    highlightedElementOldClass=xDOM(highElement).className
    xDOM(highElement).className=new String(xDOM(highElement).className + "hl")
    
   
    
    if(xDOM(picElement).src.toUpperCase().indexOf("_OFF")>-1)
        {
            xDOM(picElement).src=xDOM(picElement).src.toUpperCase().replace("_OFF","_ON")
        }
    
    
    try
    {
    _Default.GetComponents(xDOM("INVID").value,xDOM("txtCartID").value,xDOM(elem).attributes["tag"].value, cb)
    }
    
    catch(e)
    {
        _Default.GetComponents(xDOM("INVID").value,xDOM("txtCartID").value,xDOM(elem).tag, cb)
    }
    
    
}


catch(e)
{

if(xDOM("maxOptions").value=="")
    {
        changeTab(2)
    }
else
    {
    alert(e.message)
    }
}
    
}

function cb(ret)
{
    if(ret.value!="redirect" && ret.value!="null" )
    {
    try
    {
    xDOM("Components").innerHTML=ret.value
    }
    
    catch(e)
    {
    }
    }
    else
    {
     window.location.href="https://" + window.location.hostname + "/Cart/Default.aspx?US=1"
    }
    //document.write("<TEXTAREA>
    
    
    RotatePics()
}
function rotatePic(picture, checkcurrent)
{
var current=xDOM("currentOptionSelected").value
if(checkcurrent!=current)
{
return
}
if(picture!="" && picture.indexOf("blank180.gif")==-1)
            {
                xDOM("AltPicture").src=picture;
                 xDOM("MainPictureDiv").style.visibility="hidden";
                 
                 xDOM("AltPictureDiv").style.visibility="visible";
            }
            else
            {
                xDOM("MainPictureDiv").style.visibility="visible";
                xDOM("AltPictureDiv").style.visibility="hidden";
            }
            
         
}

function resetPic(checkcurrent)
{
var current=xDOM("currentOptionSelected").value
if(checkcurrent!=current)
{
return
}

 xDOM("MainPictureDiv").style.visibility="visible";
xDOM("AltPictureDiv").style.visibility="hidden";


}


function RotatePics()
{
var current=xDOM("currentOptionSelected").value
var xx=1
try
    {
    var pics=xDOM("VJ").value.split('*')
    
    for(x=0; x<pics.length-1; x++)
        {
            picture=pics[x].replace("https://","http://")
            if(picture!="" && picture.indexOf("blank180.gif")==-1)
            {
                
                window.setTimeout("rotatePic('" + picture + "','" + current + "')",xx)
                xx+=5000
            }
        }
    
    window.setTimeout("resetPic(" + current + ")",xx)
    
    xx+=5000
    window.setTimeout("RotatePics()",xx)
    }
    
catch(e)
{
    //alert(e.message)
}
}

function ShiftRight()
{
numberofoptions=parseInt(xDOM("maxOptions").value)
numberofdisplayed=parseInt(xDOM("maxOptionsDisplayed").value)
currentoptionleft=parseInt(xDOM("currentOptionStart").value)

xDOM("Left").style.visibility="visible"



if((currentoptionleft +  numberofdisplayed)>=numberofoptions)
    {
        xDOM("Right").style.visibility="hidden"
    }
else
    {
        
    }

currentoptionleft++
xDOM("currentOptionStart").value=currentoptionleft

for(x=0; x<=numberofoptions; x++)
{
    xDOM("Option" + x ).style.left=parseInt(xDOM("Option" + x ).style.left.replace("px"))-100
    xDOM("Option" + x+ "Text" ).style.left=parseInt(xDOM("Option" + x+ "Text"  ).style.left.replace("px"))-100
    if(x<currentoptionleft)
        {
            xDOM("Option" + x ).style.visibility="hidden"
            xDOM("Option" + x+ "Text" ).style.visibility="hidden"
            
        }
    else
        {
            if((x-currentoptionleft)<numberofdisplayed)
                {
                xDOM("Option" + x ).style.visibility="visible"
                xDOM("Option" + x+ "Text" ).style.visibility="visible"
                }
        }

}


//alert(numberofdisplayed)
}

function NextComponent()
{
var currentOption=parseInt(xDOM("currentOptionSelected").value)+1
var numberofoptions=parseInt(xDOM("maxOptions").value)
var numberofdisplayed=parseInt(xDOM("maxOptionsDisplayed").value)
var currentoptionleft=parseInt(xDOM("currentOptionStart").value)
var maxNum=currentoptionleft+numberofdisplayed
var shifts=numberofoptions - maxNum
var x=0

if(currentOption<=numberofoptions)
    {
    
        
        Load("Option" + currentOption)
        if(currentOption>=maxNum)
        {
            ShiftRight()
        }
        else
        {
            //alert(currentOption + ":" + currentoptionleft + ":" + maxNum)
        }
    }
else
    {
        for(x=0; x<currentoptionleft; x++)
        {
            ShiftLeft()
        }
        changeTab(2)
        //Load("Option0")
    }

}


function PrevComponent()
{
var currentOption=parseInt(xDOM("currentOptionSelected").value)-1
var numberofoptions=parseInt(xDOM("maxOptions").value)
var numberofdisplayed=parseInt(xDOM("maxOptionsDisplayed").value)
var currentoptionleft=parseInt(xDOM("currentOptionStart").value)
var maxNum=currentoptionleft+numberofdisplayed
var shifts=numberofoptions - maxNum
var x=0
if(currentOption>=0)
    {
        Load("Option" + currentOption)
        if(currentOption<currentoptionleft)
        {
            ShiftLeft()
        }
        else
        {
            //alert(currentOption + ":" + currentoptionleft + ":" + maxNum)
        }
    }
else
    {
        Load("Option" + numberofoptions)
        //ShiftRight()
        for(x=0; x<=shifts; x++)
        {
            ShiftRight()
        
        }
        
    }



}


function ShiftLeft()
{
numberofoptions=parseInt(xDOM("maxOptions").value)
numberofdisplayed=parseInt(xDOM("maxOptionsDisplayed").value)
currentoptionleft=parseInt(xDOM("currentOptionStart").value)

xDOM("Right").style.visibility="visible"


if(currentoptionleft ==1)
    {
        xDOM("Left").style.visibility="hidden"
    }

currentoptionleft--
xDOM("currentOptionStart").value=currentoptionleft

for(x=0; x<=numberofoptions; x++)
{
    xDOM("Option" + x ).style.left=parseInt(xDOM("Option" + x ).style.left.replace("px"))+100
    xDOM("Option" + x+ "Text" ).style.left=parseInt(xDOM("Option" + x+ "Text"  ).style.left.replace("px"))+100
    
    if(x<currentoptionleft || (x-currentoptionleft)>=numberofdisplayed)
        {
            xDOM("Option" + x ).style.visibility="hidden"
            xDOM("Option" + x+ "Text" ).style.visibility="hidden"
            
        }
    else
        {
            
                {
                xDOM("Option" + x ).style.visibility="visible"
                xDOM("Option" + x+ "Text" ).style.visibility="visible"
                }
        }
    

}


//alert(numberofdisplayed)
}



function SelectComp(elem, picture)
{



var ss=elem.split(":")
var invid=ss[2]

if(xDOM(elem).className!="SelectedComp")
    {
        xDOM("AltDescriptionDiv").innerHTML="&nbsp;"
        xDOM("AltDescriptionDiv").style.visibility="visible";
        _Default.ajaxGetDescription(invid, cbDescription)
        xDOM(elem).className="SelectedComp"
        if(picture!="")
        {
            //xDOM("AltPicture").src="../images/inventoryimages/" + picture;
             //xDOM("MainPictureDiv").style.visibility="hidden";
             
             //xDOM("AltPictureDiv").style.visibility="visible";
        }
        else
        {
            //xDOM("MainPictureDiv").style.visibility="visible";
            //xDOM("AltPictureDiv").style.visibility="hidden";
        }
    }

}

function cbDescription(ret)
{
if(ret.value=="")
    {
    xDOM("AltDescriptionDiv").innerHTML="Description not available"
    }
else
    {
    xDOM("AltDescriptionDiv").innerHTML=ret.value
    }
}

function UnSelectComp(elem)
{
xDOM(elem).className="NotSelectedComp"
xDOM("MainPictureDiv").style.visibility="visible";
xDOM("AltPictureDiv").style.visibility="hidden";
xDOM("AltDescriptionDiv").style.visibility="hidden";

}

function SelectOption(INVID, price)
{
var iteminvid=xDOM("INVID").value
var cartid=xDOM("txtCartID").value
var term
try
    {
       term =xDOM(highlightedElement).attributes["tag"].value
    }
catch(e)
    {
        term =xDOM(highlightedElement).tag
    }
//alert(iteminvid + ":" + INVID+":"+ price)
xDOM("AddedComponents").innerHTML="&nbsp; Refreshing"

_Default.AddComponentToItem(iteminvid,cartid,INVID,"1",price, term,cbAddComponentToItem)


}


function SelectOptionQty(INVID, price, qty)
{
var iteminvid=xDOM("INVID").value
var cartid=xDOM("txtCartID").value
var term
try
    {
       term =xDOM(highlightedElement).attributes["tag"].value
    }
catch(e)
    {
        term =xDOM(highlightedElement).tag
    }
//alert(iteminvid + ":" + INVID+":"+ price)
xDOM("AddedComponents").innerHTML="&nbsp; Refreshing"

_Default.AddComponentToItem(iteminvid,cartid,INVID,qty,price, term,cbAddComponentToItem)


}

function cbAddComponentToItem(ret)
{
var addedComponent=ret.value
try
{



//alert(xDOM("AddedComponents").innerHTML)
xDOM("litCustomPrice").innerHTML=addedComponent.formattedPrice
xDOM("Components").innerHTML=addedComponent.componentMain


window.setTimeout("xDOM(\"AddedComponents\").innerHTML=\"<B>Components: </B></BR>" + addedComponent.componentSideBar + "\"",10)

}

catch(e)
    {
    alert(e.message)
    }

}


function LoadTerm(term)
{

changeTab(1)

var currentOption=parseInt(xDOM("currentOptionSelected").value)-1
var numberofoptions=parseInt(xDOM("maxOptions").value)
var numberofdisplayed=parseInt(xDOM("maxOptionsDisplayed").value)
var currentoptionleft=parseInt(xDOM("currentOptionStart").value)
var maxNum=currentoptionleft+numberofdisplayed
var shifts=numberofoptions - maxNum
var x=0
var y=0

var tagg


for(x=0; x<=numberofoptions; x++)
    {
    try
    {
    tagg=xDOM("Option" + x).attributes["tag"].value
    }
catch(e)
    {
    tagg=xDOM("Option" + x).tag
    }
    if(tagg.toUpperCase()==term.toUpperCase())
        {
     
        Load("Option" + x)
        
        if(x<currentoptionleft)
            {
        
                for(y=0; y<(currentoptionleft-x); y++)
                    {
                        ShiftLeft()
                    }
                
            }
        else if (x>=maxNum)
            {
                
                for(y=0; y<=(x-maxNum); y++)
                    {
        
                        ShiftRight()
                    }
            }
       else
        {
        
        }
        
        }
        
    }

}


function Remove(term)
{
var cartid=xDOM("txtCartID").value
var iteminvid=xDOM("INVID").value
_Default.RemoveAllTermComponents(iteminvid, cartid,term,cbAddComponentToItem)
}


function ProcessZipCode(e)
{


if(xDOM("txtZipCode").value.length==5 && !isNaN(xDOM("txtZipCode").value))
    {
    
          if(e.keyCode==13)
          {
            AddToCart()
          }
        //xDOM("ADDTOCART").style.display="inline"
            }
else
    {
        //xDOM("ADDTOCART").style.display="none"
    }
    
    

}


function changeTab(n)
{



switch(n)
    {
        case 1:
            xDOM("dvConfirm").style.display="none"
            xDOM("spnAddToCart").style.color="silver"
            xDOM("spnMainCart").style.color="white"
            xDOM("dv_Confirm_0").innerHTML="&nbsp;"
            
            break;
        case 2:
            var cartid=xDOM("txtCartID").value
            var iteminvid=xDOM("INVID").value
            xDOM("dvConfirm").style.display="inline"
            xDOM("dvConfirm_1").style.display="inline"
            xDOM("dvConfirm_2").style.display="inline"
            xDOM("dvConfirm_3").style.display="inline"
            xDOM("dv_Confirm_0").innerHTML="&nbsp;"
            xDOM("spnAddToCart").style.color="white"
            xDOM("spnMainCart").style.color="silver"
            try
            {
                xDOM("lgger").src="LgAjax.aspx?fn=TAB=2"
            }
            catch(e)
            {
            }
            
            _Default.ajaxGetSummary(iteminvid,cartid,cbWriteConfirm)
            //window.setTimeout("cbWriteConfirm(1)",5000)
            break;
    }
}


function cbWriteConfirm(ret)
{
try
{
var picsrc=xDOM("MainPicture").src
var html=ret.value
html=html.replace("picsrc",picsrc)

xDOM("dvConfirm_1").style.display="none"
xDOM("dvConfirm_2").style.display="none"
xDOM("dvConfirm_3").style.display="none"
xDOM("dv_Confirm_0").innerHTML=html
}


catch(e)
{
}
}