// JScript File

// Buttons *********************************************************


// Functions ****************************************************


function SelectLayout(layout)
{
    document.getElementById("MyMasterPage_ContentPlaceHolder1_LayoutTextBox").value = layout;

   SetLayout()
}


function SelectDoorlite(txt, val)
{
    document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorliteTextBox").value = txt;
    document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorliteFilenameTextBox").value = val;

     draw()
}

function getskintypes()
{
    CallServer("GetSkinTypes");
}


function filloptionlistbox(slab)
{
    var manufacturer = document.getElementById("MyMasterPage_ContentPlaceHolder1_ManufacturerDropDownList").value;
    var caming = document.getElementById("MyMasterPage_ContentPlaceHolder1_CamingDropDownList").value;
    var privacy = document.getElementById("MyMasterPage_ContentPlaceHolder1_PrivacyDropDownList").value;
    var glass = document.getElementById("MyMasterPage_ContentPlaceHolder1_GlassDropDownList").value;
    var price = document.getElementById("MyMasterPage_ContentPlaceHolder1_PriceDropDownList").value;

    var series = document.getElementById("MyMasterPage_ContentPlaceHolder1_SeriesTextBox").value;

   CallServer("FillOptionListbox" + String.fromCharCode(20) +
                 slab + 
                 
	             String.fromCharCode(20) + manufacturer +
	             String.fromCharCode(20) + caming +
	             String.fromCharCode(20) + privacy +
	             String.fromCharCode(20) + glass +
	             String.fromCharCode(20) + price +
	             String.fromCharCode(20) + series);
}




function draw()
{

    var doorslab = document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorSlabTextBox").value;
    var doorlite = document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorliteFilenameTextBox").value;
    var sideliteslab = document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteSlabTextBox").value;
    var sidelite = document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteFilenameTextBox").value;
    var series = document.getElementById("MyMasterPage_ContentPlaceHolder1_SeriesTextBox").value;
    
	CallServer("Draw" + String.fromCharCode(20) + doorslab +
	                    String.fromCharCode(20) + doorlite +
	                    String.fromCharCode(20) + sideliteslab +
	                    String.fromCharCode(20) + sidelite +
	                    String.fromCharCode(20) + series);

}

function SelectDoorType(id, clear)
{

    if (id == "Same")
    {
        id = document.getElementById("MyMasterPage_ContentPlaceHolder1_SeriesTextBox").value;
    }
    else
    {
         document.getElementById("MyMasterPage_ContentPlaceHolder1_SeriesTextBox").value = id;
    }


    document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorliteTextBox").value = "";


    if(clear == "yes")
    {
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorSlabTextBox").value = "";
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteSlabTextBox").value = "";
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorliteFilenameTextBox").value = "";
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteFilenameTextBox").value = "";
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorPicTextBox").value = "";
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SidelitePicTextBox").value = "";
    }
    
    if(clear == "slab")
    {
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorSlabTextBox").value = "";
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorliteTextBox").value = "";
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorliteFilenameTextBox").value = "";
    }
    
	CallServer("FillSlabMenu" + String.fromCharCode(20) + id)
}

function SlabChange()
{
    var slab = document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorSlabTextBox").value;

    if (slab == "")
    {
        SelectDoorType("Same", "no");
    }
    else
    {
        filloptionlistbox(slab);
    }
}

function SelectSlab(Menu)
{
//   var slab = document.getElementById("DoorMenuImage" + Menu).alternatetext;

   var slab = Menu;

   document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorSlabTextBox").value = slab;

   filloptionlistbox(slab);
}

function SetLayout()
{

    var doorpic = document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorPicTextBox").value;
    var doorpic2="url(" + doorpic.substr(0, doorpic.length) + ")";
    var sidelitepic = document.getElementById("MyMasterPage_ContentPlaceHolder1_SidelitePicTextBox").value;

    var l = sidelitepic.length - 4;
    var sidelitepicR = sidelitepic.substr(0, l);
    sidelitepicR = sidelitepicR + "R.jpg";

    //    var x = document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorSlabPriceTextBox").value;
//    var doorslabprice=x.replace(/,/g,'');

    //    x = document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteSlabPriceTextBox").value;
//    var sideliteslabprice=x.replace(/,/g,'');

    //    x = document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorLitePriceTextBox").value;
//    var doorLiteprice=x.replace(/,/g,'');;

    //    x = document.getElementById("MyMasterPage_ContentPlaceHolder1_SideLitePriceTextBox").value;
//    var sideliteprice=x.replace(/,/g,'');;

//    var doorprice = parseFloat(doorslabprice.substr(1)) + parseFloat(doorLiteprice.substr(1));
//    sideliteprice = parseFloat(sideliteslabprice.substr(1)) + parseFloat(sideliteprice.substr(1));

    var layout = document.getElementById("MyMasterPage_ContentPlaceHolder1_LayoutTextBox").value;

    if (layout == "Dr" | layout == "")
    {
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage1").src = doorpic;
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage1").style.display = '';

        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage2").style.display = 'none';
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage1").style.display = 'none';
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage2").style.display = 'none'; 

//        var total = doorprice;
    }
    if (layout == "SlDr")
    {
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage1").src = doorpic;
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage1").style.display = '';

        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage2").style.display = 'none';

        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage1").src = sidelitepic;
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage1").style.display = '';

        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage2").style.display = 'none'; 

//        total = doorprice + sideliteprice;
    }
    if (layout == "DrSl")
    {
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage1").src = doorpic;
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage1").style.display = '';

        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage2").src = sidelitepicR;
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage2").style.display = '';

        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage1").style.display = 'none';
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage2").style.display = 'none'; 

//        total = doorprice + sideliteprice;
    }
    if (layout == "DrDr")
    {
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage1").src = doorpic;
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage1").style.display = '';

        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage2").src = doorpic;
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage2").style.display = '';

        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage1").style.display = 'none';
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage2").style.display = 'none'; 

//        total = doorprice * 2;
    }
    if (layout == "SlDrSl")
    {
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage1").src = doorpic;
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage1").style.display = '';

        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage1").src = sidelitepic;
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage1").style.display = '';

        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage2").src = sidelitepicR;
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage2").style.display = '';

        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage2").style.display = 'none'; 

//        total = doorprice + (sideliteprice * 2);
    }
    if (layout == "SlDrDrSl")
    {
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage1").src = doorpic;
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage2").src = doorpic;
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage1").src = sidelitepic;
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage2").src = sidelitepicR;

        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage1").style.display = '';
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage2").style.display = '';
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage1").style.display = '';
        document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage2").style.display = ''; 

//        total = (doorprice * 2) + (sideliteprice * 2);
    }

    //    document.getElementById("MyMasterPage_ContentPlaceHolder1_TotalTextBox").value = formatCurrency(total);

}

// Receive Server Data *****************************************

function ReceiveServerData(args) {


    var ar = args.split(String.fromCharCode(20));

 
    if (ar[0] == "FillSlabMenu") 
   {

       FillDivisionString(ar, "GlassDivision", "Doorslabs");

   }

   if (ar[0] == "FillOptionListbox") 
   {
       scroll(0, 0);
       
       FillDivisionObj(ar, "GlassDivision", "DoorLite", "DoorLiteFile")


       setTimeout("draw();", 0)
   }


   if (ar[0] == "GetSkinTypes") 
   {
       FillDivisionString(ar, "SkinDivision", "Doorlites");
   }


   if (ar[0] == "Draw") 
   {
       //       document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorImage1").src = "DoorImages/" + ar[1];
       //       document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteImage1").src = "DoorImages/" + ar[2];

       document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorPicTextBox").value = "DoorImages/" + ar[1];
       document.getElementById("MyMasterPage_ContentPlaceHolder1_SidelitePicTextBox").value = "DoorImages/" + ar[2];

       //       document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorSlabPriceTextBox").value = formatCurrency(ar[3]);
       //       document.getElementById("MyMasterPage_ContentPlaceHolder1_SideliteSlabPriceTextBox").value = formatCurrency(ar[4]);
       //       document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorLitePriceTextBox").value = formatCurrency(ar[5]);
       //       document.getElementById("MyMasterPage_ContentPlaceHolder1_SideLitePriceTextBox").value = formatCurrency(ar[6]);


       SetFeatures(ar[7], ar[8], ar[9], ar[10], ar[11])

       SetLayout();
   }

}       

function SetFeatures(Caming, Privacy, Glass, SlabSizes, SlabURL)
{

    var ddlSeries = document.getElementById("CamingDivision");

    var CamingAr = Caming.split(",");
    var GlassAr = Glass.split(",");

	var innertext = '<table><tr>';

    for (i=0;i<CamingAr.length;i++)
    {
        if (CamingAr[i] == "b")
        {
            innertext += "<td style=" + 
            '"width: 35px"' +
            "><img src=DoorImages/Menu/CamingBrassSmall.gif>" +
            "</td>";
        }
   
        if (CamingAr[i] == "p")
        {
            innertext += "<td style=" + 
            '"width: 35px"' +
            "><img src=DoorImages/Menu/CamingPatinaSmall.gif>" +
            "</td>";
        }
        
        if (CamingAr[i] == "z")
        {
            innertext += "<td style=" + 
            '"width: 35px"' +
            "><img src=DoorImages/Menu/CamingZincSmall.gif>" +
            "</td>";
        }
    }
               
    innertext += "</tr><tr>"

    for (i=0;i<CamingAr.length;i++)
    {
        if (CamingAr[i] == "b")
        {
            innertext += '<td align=\"center\">Brass</td>'
        }
        if (CamingAr[i] == "p")
        {
            innertext += '<td align=\"center\">Patina</td>'
        }
        if (CamingAr[i] == "z")
        {
            innertext += '<td align=\"center\">Zinc</td>'
        }
    }

    for (i=0;i<GlassAr.length;i++)
    {
        if (GlassAr[i] == "fc")
        {
            innertext += "<td style=" + 
            '"width: 35px"' +
            "><img src=DoorImages/Menu/ForgedCastliteSmall.gif>" +
            "</td>";
        }
   
        if (GlassAr[i] == "fs")
        {
            innertext += "<td style=" + 
            '"width: 35px"' +
            "><img src=DoorImages/Menu/ForgedSatinSmall.gif>" +
            "</td>";
        }
        
        if (GlassAr[i] == "c")
        {
            innertext += "<td style=" + 
            '"width: 35px"' +
            "><img src=DoorImages/Menu/CastliteSmall.gif>" +
            "</td>";
        }

        if (GlassAr[i] == "v")
        {
            innertext += "<td style=" + 
            '"width: 35px"' +
            "><img src=DoorImages/Menu/VGrooveSmall.gif>" +
            "</td>";
        }
    }
               
    innertext += "</tr><tr>"

    for (i=0;i<GlassAr.length;i++)
    {
        if (GlassAr[i] == "fc")
        {
            innertext += '<td align=\"center\">Forged Castlite</td>'
        }
        if (GlassAr[i] == "fs")
        {
            innertext += '<td align=\"center\">Forged Satin</td>'
        }
        if (GlassAr[i] == "c")
        {
            innertext += '<td align=\"center\">Castlite</td>'
        }
        if (GlassAr[i] == "v")
        {
            innertext += '<td align=\"center\">VGroove</td>'
        }
    }


    innertext += '</tr></table>';
    
    ddlSeries.innerHTML = innertext;




    ddlSeries = document.getElementById("PrivacyDivision");

    innertext = '<table cellspacing="0"><tr>';

    if (Privacy != "")
    {

        ddlSeries = document.getElementById("PrivacyDivision");

	    innertext += '<td colspan="11" align="center"><b><font color="#000000">Privacy Rating</font></b></td></tr><tr>';

        for (var count = 0; count < 11; count++)
        {
            color = 15 - count
            
            if (color == 10){color = "A";}
            if (color == 11){color = "B";}
            if (color == 12){color = "C";}
            if (color == 13){color = "D";}
            if (color == 14){color = "E";}
            if (color == 15){color = "F";}
            
            code = "#" + color + color + color + color + color + color;

            if (Privacy == count)
            {
                innertext += '<td bgcolor="' + code + '"><b><font color="#FF0000">' + count + '</font></b></td>';
            }
            else
            {
                innertext += '<td bgcolor="' + code + '"><font color="#006699">' + count + '</font></td>';
            }
        }

        innertext += "</tr><tr>"

        innertext += "<td colspan=\"5\" align=\"Left\">Clear</td>";
        innertext += "<td colspan=\"6\" align=\"Right\">Opaque</td>";
    }

    innertext += '</tr></table>';
       
    ddlSeries.innerHTML = innertext;



    ddlSeries = document.getElementById("SizesDivision");

    innertext = '<table border="0" cellspacing="1" cellpadding="1" bgcolor="#006699">';

    if (SlabSizes != "")
    {
        var ar = SlabSizes.split("+");
        var widths = ar[0].split(",");
        var heights = ar[1].split(",");
        var sze = ar[2];

        var cols = widths.length + 1;
        innertext += '<tr><td bgcolor="#6699cc" colspan="' + cols +'">Available Slab Sizes</td></tr>';

        for (i=0;i<heights.length + 1;i++)
        {
            innertext += '<tr>';

            for (ii=0;ii<widths.length + 1;ii++)
            {
                if (i == 0)
                {
                    if (ii > 0)
                    {
                        innertext += '<td bgcolor="#6699cc"><font size="2">' + widths[ii - 1] + '\"</font></td>';
                    }
                    else
                    {
                        innertext += '<td bgcolor="#6699cc"></td>';
                    }
                }
                else
                {
                    if (ii == 0)
                    {
                        if (i > 0)
                        {
                            innertext += '<td bgcolor="#6699cc"><font size="2">' + heights[i - 1] + '\"</font></td>';
                        }
                    }
                    else
                    {
                        innertext += '<td bgcolor="#6699cc"><font size="2">';

                        if (sze.search(widths[ii - 1] + "x" + heights[i - 1]) > -1)
                        {
                           innertext += '*';
                        }
                        
                        innertext += '</font></td>';
                    }
                }
            }

            innertext += '</tr>';
        }

    }

    innertext += '</table>';

    ddlSeries.innerHTML = innertext;




    ddlSeries = document.getElementById("URLDivision");


    if (SlabURL != "")
    {
        innertext = '<a href="' + SlabURL + '" target="_blank">Detailed Door Drawing</a>';
    }
    else
    {
        innertext = "No Drawing Available"    
    }

    ddlSeries.innerHTML = innertext;


}

function FillSlabMenu(ar)
{
    //Blank Menu Graphics
   for (var count = 1; count < 57; count++)
    {
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorMenuImage" + count).src = "DoorImages/menu/blank.gif";
    }
    
//   var series=document.getElementById("SeriesTextBox").value;
   
    
    
    //Fill Menu Graphics
   for (count = 1; count < ar.length; count++)
    {
        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorMenuImage" + count).src = "DoorImages/menu/Doors/" + ar[count] + ".gif";

        document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorMenuImage" + count).alternatetext = ar[count];
    }
}

function FillTextBoxes(str)
{
  FillTextBox(str, "QuoteNumberTextBox", "QuoteNumber")
  FillTextBox(str, "StatusTextBox", "Status")
  FillTextBox(str, "WONumberTextBox", "WONumber")
}


function FillTextBox(str, control, text)
{
	var obj = new ActiveXObject("MsXml2.DOMDocument");

	obj.loadXML(str);
	var dsRoot=obj.documentElement;  
	var ddlSeries = document.getElementById(control);
	var Items = dsRoot.getElementsByTagName(text);

    var txt;
 
    ddlSeries.value = "";

    for (var count = 0; count < Items.length; count++)
    {
        txt = (Items[count].textContent || Items[count].innerText || Items[count].text);
        ddlSeries.value = txt;
    }
}

function FillDivisionString(ar, control, data)
{

    var text;

	var ddlSeries = document.getElementById(control);

	var innertext = '<table>';

	for (var count = 1; count < ar.length; count++)
    {
	    text = ar[count];
       
       if (data == "Doorlites") 
       {
            innertext += "<tr><td><img src=";

            innertext += "'DoorImages/menu/series/" +
            text + 
            ".jpg'" +
            
            ' onclick = "return SelectDoorType(\'' + text + '\', \'yes\');"';

            innertext += ' title="' + text + '"' +
            
            " />" +
            "</td></tr>";
            
            innertext += "<tr><td><font size=\"1\">" + text + "</font></td></tr>" 
       }
       if (data == "Doorslabs") 
       {
            innertext += "<td style=" + 
            '"width: 35px"' +
            "><img src=";

            innertext += "'DoorImages/menu/doors/" +
            text + 
            ".gif'" +
            
            ' onclick = "return SelectSlab(\'' + text + '\');"';

            innertext += ' title="' + text + '"' +
            
            " />" +
            "</td>";
       }

    }

    innertext += '</table>';
    
    ddlSeries.innerHTML = innertext;
   
  
}

function FillDivisionObj(ar, control, text, value)
{
    // Inst can = "Fill" or "Add" or index of item to be changed

//    var obj = new ActiveXObject("MsXml2.DOMDocument");

    if (ar.length == 2)
    {
        return;
    }

    var ddlSeries = document.getElementById(control);

	var id; 

	var innertext = '<table><tr>';

	for (var count = 1; count < ar.length; count++)
	{

	    var ars = ar[count].split("^");

	    text = ars[0];
        id = ars[1];

        var largeglass = "'DoorImages/doorlites/" + id + ".jpg'"
        var blank = "''"
        
        innertext += "<td style=" + 
        '"width: 69px"' +
        "><img src=" +
        "'DoorImages/doorlitethumbs/" +
        id +
        ".jpg'" +
        
        ' onmouseover="ov(' + largeglass + ', \'DoorliteDivision\')"' +
        ' onmouseout="ot(\'DoorliteDivision\')"' +

        ' onclick = "return SelectDoorlite(\'' + text + '\', \'' + id + '\');"' +
        
        ' title="' + text + '"' +
        
        " />" +
        "</td>";
 	}

    innertext += '</tr></table>';

    ddlSeries.innerHTML = innertext
}



var t

function ov(filename, divname)
{
    t = setTimeout('ShowGlass("' + filename + '", "' + divname + '")', 1000)
}

function ot(divname)
{
     clearTimeout(t)
    ShowGlass("", divname)
}

function lv(view)
{
    if (view == "show")
    {
        t = setTimeout('LargeView()', 1000)
    }
    
    else
    {
        clearTimeout(t)
        ShowGlass("", "DoorliteDivision")
        ShowGlass("", "SideLiteDivision")
    }
}

function LargeView()
{
    var door = document.getElementById("MyMasterPage_ContentPlaceHolder1_DoorPicTextBox").value;
    var sidelite = document.getElementById("MyMasterPage_ContentPlaceHolder1_SidelitePicTextBox").value;
   
    if(door != "")
    {
        l = door.length - 4;
        door = door.substr(0, l);
        door = door + "L.jpg";
        
        l = sidelite.length - 4;
        sidelite = sidelite.substr(0, l);
        sidelite = sidelite + "LR.jpg";

        ShowGlass(door, "DoorliteDivision")
        ShowGlass(sidelite, "SideLiteDivision")
    }
}

function ShowGlass(filename, divname)
{

    var ddlSeries = document.getElementById(divname);

	var innertext
	
    if (filename == "")
    {
        innertext = ""
    }
    else 
    {
    	innertext = '<img border="2" src="' + filename + '" />'
	}
	
    ddlSeries.innerHTML = innertext

}


function FillControl(str, control, text, value, Inst)
{
    // Inst can = "Fill" or "Add" or index of item to be changed

 	var obj = new ActiveXObject("MsXml2.DOMDocument");

	obj.loadXML(str);
	var dsRoot=obj.documentElement;  
	var ddlSeries = document.getElementById(control);

    if (Inst == "Fill")
    {
        for (var count = ddlSeries.options.length-1; count >-1; count--)
        {
	        ddlSeries.options[count] = null;
        }
    }
    
	var Items = dsRoot.getElementsByTagName(text);
	var IDs = dsRoot.getElementsByTagName(value);
	var id; 
	var listItem;

    if (Inst == "Fill" || Inst == "Add")
    {
	    for (count = 0; count < Items.length; count++)
	    {
		    text = (Items[count].textContent || Items[count].innerText || Items[count].text);
            id = (IDs[count].textContent || IDs[count].innerText || IDs[count].text);
            listItem = new Option(text, id, false, false);
            ddlSeries.options[ddlSeries.length] = listItem;
 	    }
	}
    else
    {
	    text = (Items[0].textContent || Items[0].innerText || Items[0].text);
        id = (IDs[0].textContent || IDs[0].innerText || IDs[0].text);
	    listItem = new Option(text, id, false, false);
	    ddlSeries.options[Inst - 1] = listItem;
	    
	    ddlSeries.value = Inst;

    }
}

function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
//    var speed = Math.round(millisec / 100); 
    var speed = 5; 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 

        for(i = opacStart; i >= opacEnd; i--)
        { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)) 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 

         for(i = opacStart; i <= opacEnd; i++) 
         { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)) 
            timer++; 
         } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
} 



function formatCurrency(num) {
num = num.toString().replace(/\$|\,/g,'');
if(isNaN(num))
num = "0";
sign = (num == (num = Math.abs(num)));
num = Math.floor(num*100+0.50000000001);
cents = num%100;
num = Math.floor(num/100).toString();
if(cents<10)
cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
num = num.substring(0,num.length-(4*i+3))+','+
num.substring(num.length-(4*i+3));
return (((sign)?'':'-') + '$' + num + '.' + cents);
}