var sliderVGrid = null;
var sliderVGridEvent = false;
var GlobalLoadedCarat = 0;
var GlobalLoadedColor = 0;
var GlobalLoadedPrice = 1;
var GlobalLoadedCalrity = 0;
var GlobalLoadedRange = 0;
var selectedVal = "";
var selectedValSecondSlider = "";
var isIE = false;
var divGFirstSlider = null;
var divGSecondSlider = null;
var divGFirstSliderCarat = null;
var divGSecondSliderCarat = null;
var divGFirstSliderClarity = null;
var divGSecondSliderClarity = null;
var divGFirstSliderColor = null;
var divGSecondSliderColor = null;
var divGFirstSliderCut = null;
var divGSecondSliderCut = null;
var varIEVersion = navigator.appVersion;

if (navigator.appName == "Microsoft Internet Explorer")
{
    isIE = true;
}

//Zapatec.Grid.prototype.
getMyColumnRange = function(txtValueRange)
{

    var aKeys = [];

    var elementColors = document.getElementById(txtValueRange).value;
    var arrColor = elementColors.split(',');

    for (var iCol = 0; iCol < arrColor.length; iCol++)
    {
        aKeys.push({
            v: arrColor[iCol],
            c: arrColor[iCol],
            o: arrColor[iCol]
        });
    }

    var iLastKey = aKeys.length - 1;
    return {
        min: aKeys[0].c,
        minValue: aKeys[0].v,
        minOrig: aKeys[0].o,
        max: aKeys[iLastKey].c,
        maxValue: aKeys[iLastKey].v,
        maxOrig: aKeys[iLastKey].o,
        values: aKeys
    };
};


function onCellRightClick(oGrid, oCell)
{
    alert('Right mouse button\nRow id is ' + oGrid.getCellRowId(oCell) +
	     '\nCell id is ' + oGrid.getCellId(oCell) +
	     '\nItem number is ' + oGrid.getCellValueString(oGrid.getCellByRow(
	     oGrid.getRowByCell(oCell), 0)));
}

/**
* Passed to grid through callbackRowOnClick config option and called when grid
* row is clicked.
* @private
*/
function onRowClick(oGrid, oRow)
{
    alert('Left mouse button\nRow id is ' + oGrid.getRowId(oRow) +
	     '\nItem number is ' + oGrid.getCellValueString(oGrid.getCellByRow(oRow, 0)));
};

/**
* Passed to grid through callbackRowOnRightClick config option and called when
* grid row is right clicked.
* @private
*/
function onRowRightClick(oGrid, oRow)
{
    alert('Right mouse button\nRow id is ' + oGrid.getRowId(oRow) +
	     '\nItem number is ' + oGrid.getCellValueString(oGrid.getCellByRow(oRow, 0)));
};


/**
* Holds ids of the fields used for sliders. Gives ability to change them
* dynamically.
* @private
*/
var oSliderFields = {
    rangeOfCarat: 1,
    rangeOfClarity: 2,
    rangeOfColor: 3,
    rangeOfCut: 4,
    rangeOfPrice: 5
};

var oColorRange = null;
var oCutRange = null;
var oClarityRange = null;
var oCaratRange = null;
var oPriceRange = null;


function onRangeOfCaratChange(iMinValue, iMaxValue)
{
    iMinValue = Math.round(iMinValue);
    iMaxValue = Math.round(iMaxValue);
    document.getElementById('txtCaratMin').value = oCaratRange.values[iMinValue].v;
    document.getElementById('txtCaratMax').value = oCaratRange.values[iMaxValue].v;

    var divRange = document.getElementById("rangeOfCaratScale");

    var divContainer = divRange.getElementsByTagName('div');
    var varCounter = 0;
    for (varCounter = 0; varCounter < divContainer.length; varCounter++)
    {
        if ((divContainer[varCounter].id.indexOf("FirstSlider") != -1) && (divContainer[varCounter].id.indexOf("zp") != -1))
        {
            divGFirstSliderCarat = document.getElementById(divContainer[varCounter].id);
        }
        if ((divContainer[varCounter].id.indexOf("SecondSlider") != -1) && (divContainer[varCounter].id.indexOf("zp") != -1))
        {
            divGSecondSliderCarat = document.getElementById(divContainer[varCounter].id);
        }
    }

    showSelectedArea("divSACarat", divGFirstSliderCarat, divGSecondSliderCarat);
    ShowSlidingCarat(document.getElementById('txtCaratMin').value, document.getElementById('txtCaratMax').value);
}

function onRangeOfCaratDrag(iMinValue, iMaxValue)
{

    document.getElementById("FlagObject").value = "NO";

    iMinValue = Math.round(iMinValue);
    iMaxValue = Math.round(iMaxValue);
    document.getElementById('txtCaratMin').value = oCaratRange.values[iMinValue].v;
    document.getElementById('txtCaratMax').value = oCaratRange.values[iMaxValue].v;

    __doPostBack('btnHidden', '');
    //debugger;
    sliderVGrid.gotoFirst(); //Reset Grid Slider Position
    resetPriceFlags();
}

function onRangeOfClarityChange(iMinValue, iMaxValue)
{
    iMinValue = Math.round(iMinValue);
    iMaxValue = Math.round(iMaxValue);

    document.getElementById('txtClarityMin').value = oClarityRange.values[iMinValue].v;
    document.getElementById('txtClarityMax').value = oClarityRange.values[iMaxValue].v;

    var divRange = document.getElementById("rangeOfClarityScale");

    var divContainer = divRange.getElementsByTagName('div');
    var varCounter = 0;
    for (varCounter = 0; varCounter < divContainer.length; varCounter++)
    {
        if ((divContainer[varCounter].id.indexOf("FirstSlider") != -1) && (divContainer[varCounter].id.indexOf("zp") != -1))
        {
            divGFirstSliderClarity = document.getElementById(divContainer[varCounter].id);
        }
        if ((divContainer[varCounter].id.indexOf("SecondSlider") != -1) && (divContainer[varCounter].id.indexOf("zp") != -1))
        {
            divGSecondSliderClarity = document.getElementById(divContainer[varCounter].id);
        }
    }
    showSelectedArea("divSAClarity", divGFirstSliderClarity, divGSecondSliderClarity);
}

function onRangeOfClarityDrag(iMinValue, iMaxValue)
{
    document.getElementById("FlagObject").value = "NO";

    iMinValue = Math.round(iMinValue);
    iMaxValue = Math.round(iMaxValue);

    document.getElementById('txtClarityMin').value = oClarityRange.values[iMinValue].v;
    document.getElementById('txtClarityMax').value = oClarityRange.values[iMaxValue].v;

    __doPostBack('btnHidden', '');

    sliderVGrid.gotoFirst(); //Reset Grid Slider Position         
    resetPriceFlags();
}

function onRangeOfPriceChange(iMinValue, iMaxValue)
{
    iMinValue = Math.round(iMinValue);
    iMaxValue = Math.round(iMaxValue);

    document.getElementById('txtPriceMin').value = oPriceRange.values[iMinValue].v;
    document.getElementById('txtPriceMax').value = oPriceRange.values[iMaxValue].v;

    selectedVal = document.getElementById('txtPriceMin').value;
    selectedValSecondSlider = document.getElementById('txtPriceMax').value;

    var divRange = document.getElementById("rangeOfPriceScale");

    var divContainer = divRange.getElementsByTagName('div');
    var varCounter = 0;
    for (varCounter = 0; varCounter < divContainer.length; varCounter++)
    {
        if ((divContainer[varCounter].id.indexOf("FirstSlider") != -1) && (divContainer[varCounter].id.indexOf("zp") != -1))
        {
            divGFirstSlider = document.getElementById(divContainer[varCounter].id);
        }
        if ((divContainer[varCounter].id.indexOf("SecondSlider") != -1) && (divContainer[varCounter].id.indexOf("zp") != -1))
        {
            divGSecondSlider = document.getElementById(divContainer[varCounter].id);
        }
    }
    ShowSlidingPrice(selectedVal, selectedValSecondSlider);
}

function onRangeOfPriceDrag(iMinValue, iMaxValue)
{
    //document.getElementById("FlagObject").value = "YES"; 
    iMinValue = Math.round(iMinValue);
    iMaxValue = Math.round(iMaxValue);

    document.getElementById('txtPriceMin').value = oPriceRange.values[iMinValue].v;
    document.getElementById('txtPriceMax').value = oPriceRange.values[iMaxValue].v;

    if (document.getElementById("FlagObject").value == "NO")
    {
        document.getElementById("FlagObject").value = "YES";
    }

    __doPostBack('btnHidden', '');

    sliderVGrid.gotoFirst();
}

function onRangeOfColorChange(iMinValue, iMaxValue)
{
    document.getElementById('txtColorMin').value = oColorRange.values[iMinValue].v;
    document.getElementById('txtColorMax').value = oColorRange.values[iMaxValue].v;

    var divRange = document.getElementById("rangeOfColorScale");

    var divContainer = divRange.getElementsByTagName('div');
    var varCounter = 0;
    for (varCounter = 0; varCounter < divContainer.length; varCounter++)
    {
        if ((divContainer[varCounter].id.indexOf("FirstSlider") != -1) && (divContainer[varCounter].id.indexOf("zp") != -1))
        {
            divGFirstSliderColor = document.getElementById(divContainer[varCounter].id);
        }
        if ((divContainer[varCounter].id.indexOf("SecondSlider") != -1) && (divContainer[varCounter].id.indexOf("zp") != -1))
        {
            divGSecondSliderColor = document.getElementById(divContainer[varCounter].id);
        }
    }
    showSelectedArea("divSAColor", divGFirstSliderColor, divGSecondSliderColor);
}

function onRangeOfColorDrag(iMinValue, iMaxValue)
{
    document.getElementById("FlagObject").value = "NO";
    document.getElementById('txtColorMin').value = oColorRange.values[iMinValue].v;
    document.getElementById('txtColorMax').value = oColorRange.values[iMaxValue].v;

    __doPostBack('btnHidden', '');

    sliderVGrid.gotoFirst(); //Reset Grid Slider Position
    resetPriceFlags();
}

function onRangeOfCutChange(iMinValue, iMaxValue)
{
    document.getElementById('txtCutMin').value = oCutRange.values[iMinValue].v;
    document.getElementById('txtCutMax').value = oCutRange.values[iMaxValue].v;

    var divRange = document.getElementById("rangeOfCutScale");

    var divContainer = divRange.getElementsByTagName('div');
    var varCounter = 0;
    for (varCounter = 0; varCounter < divContainer.length; varCounter++)
    {
        if ((divContainer[varCounter].id.indexOf("FirstSlider") != -1) && (divContainer[varCounter].id.indexOf("zp") != -1))
        {
            divGFirstSliderCut = document.getElementById(divContainer[varCounter].id);
        }
        if ((divContainer[varCounter].id.indexOf("SecondSlider") != -1) && (divContainer[varCounter].id.indexOf("zp") != -1))
        {
            divGSecondSliderCut = document.getElementById(divContainer[varCounter].id);
        }
    }
    showSelectedArea("divSACut", divGFirstSliderCut, divGSecondSliderCut);
}

function onRangeOfCutDrag(iMinValue, iMaxValue)
{
    document.getElementById("FlagObject").value = "NO";
    document.getElementById('txtCutMin').value = oCutRange.values[iMinValue].v;
    document.getElementById('txtCutMax').value = oCutRange.values[iMaxValue].v;

    __doPostBack('btnHidden', '');

    sliderVGrid.gotoFirst(); //Reset Grid Slider Position
    resetPriceFlags();
}

function resetGridScrollBar()
{
    //  appendError("resetGridScrollBar is called");
    //This method resets the range of the grid slider, according to the new number of recordsv fetched.

    var varNumberOfRecords = document.getElementById("txtcountrecord").value;
    // appendError(" varNumberOfRecords = " + varNumberOfRecords); 
    var varNewRangeMaxValue = (parseInt(Math.round(varNumberOfRecords)) / 18);
    if ((varNumberOfRecords - (parseInt(Math.round(varNewRangeMaxValue)) * 18)) != 0)
    {
        sliderVGrid.setRange(0, parseInt(varNewRangeMaxValue));
        // appendError("Not Zero : varNewRangeMaxValue = " + varNewRangeMaxValue);
    }
    else
    {
        sliderVGrid.setRange(0, parseInt(varNewRangeMaxValue - 1));
        // appendError("Zero : varNewRangeMaxValue = " + varNewRangeMaxValue -1);
    }
    //appendError("New Value : " + varNewRangeMaxValue); 
}


var oCaratSlider;
var oClaritySlider;
var oColorSlider;
var oCutSlider;
var oPriceSlider;
/**
* Passed to the grid through eventListeners config option as 'gridInitialized'
* event listener and called when grid is initialized. Grid object can be
* accessed through "this" because function is called in scope of grid object.
* @private
*/
function onGridInit()
{
    //debugger;
    createGridNewVGSlider();
    oCaratRange = getMyColumnRange('txtCaratrange', 1.00, 1.50);
    oCaratRange.min = 0;
    oCaratRange.max = oCaratRange.values.length - 1;
    if (oCaratRange)
    {
        oCaratSlider = new Zapatec.Slider({
            div: 'rangeOfCaratScale',
            length: 350,
            dual: true,
            orientation: 'H',
            step: 1,
            theme: 'theme4',
            range: [oCaratRange.min, oCaratRange.max],
            eventListeners: {
                'onChange': onRangeOfCaratChange,
                'newPosition': onRangeOfCaratDrag
            }
        });
    }
    //debugger;

    oClarityRange = getMyColumnRange('txtClarityRange'); //this.getMyColumnRange('txtClarityRange');
    oClarityRange.min = 0;
    oClarityRange.max = oClarityRange.values.length - 1;
    if (oClarityRange)
    {
        //document.getElementById('rangeOfClarity').innerHTML ="IF<font color=white>.............</font>VVS1<font color=white>.......</font>VVS2<font color=white>........</font>VS1<font color=white>........</font>VS2<font color=white>.........</font>SI1<font color=white>.........</font>SI2<font color=white>.........</font>I1<font color=white>.........</font>I2"
        oClaritySlider = new Zapatec.Slider({
            div: 'rangeOfClarityScale',
            length: 350,
            dual: true,
            orientation: 'H',
            step: 1,
            theme: 'theme4',
            range: [oClarityRange.min, oClarityRange.max],
            eventListeners: {
                'onChange': onRangeOfClarityChange,
                'newPosition': onRangeOfClarityDrag
            }
        });
    }
    //appendError(" oClaritySlider.min :" + oClaritySlider.min + "..." +oClaritySlider.max);

    oColorRange = getMyColumnRange('txtColorRange'); //{column: oSliderFields.rangeOfColor});
    oColorRange.min = 0;
    oColorRange.max = oColorRange.values.length - 1;
    if (oColorRange)
    {
        oColorSlider = new Zapatec.Slider({
            div: 'rangeOfColorScale',
            length: 350,
            dual: true,
            orientation: 'H',
            step: 1,
            theme: 'theme4',
            range: [oColorRange.min, oColorRange.max],
            eventListeners: {
                'onChange': onRangeOfColorChange,
                'newPosition': onRangeOfColorDrag
            }
        });
    }
    // appendError(" oColorSlider.min :" + oColorSlider.min + "..." +oColorSlider.max);

    oCutRange = getMyColumnRange('txtCutRange'); //{column: oSliderFields.rangeOfColor});
    oCutRange.min = 0;
    oCutRange.max = oCutRange.values.length - 1;
    if (oCutRange)
    {
        oCutSlider = new Zapatec.Slider({
            div: 'rangeOfCutScale',
            length: 350,
            dual: true,
            orientation: 'H',
            step: 1,
            theme: 'theme4',
            range: [oCutRange.min, oCutRange.max],
            eventListeners: {
                'onChange': onRangeOfCutChange,
                'newPosition': onRangeOfCutDrag
            }
        });
    }
    // appendError(" oColorSlider.min :" + oColorSlider.min + "..." +oColorSlider.max);

    oPriceRange = getMyColumnRange('txtPriceRange'); //this.getMyColumnRange('txtPriceRange');
    oPriceRange.min = 0;
    oPriceRange.max = oPriceRange.values.length - 1;
    if (oPriceRange)
    {
        oPriceSlider = new Zapatec.Slider({
            div: 'rangeOfPriceScale',
            length: 350,
            dual: true,
            orientation: 'H',
            step: 1,
            theme: 'theme4',
            range: [oPriceRange.min, oPriceRange.max],
            eventListeners: {
                'onChange': onRangeOfPriceChange,
                'newPosition': onRangeOfPriceDrag
            }
        });
    }
}

function onGridMovedColumn(oMove)
{
    // Fix sliders using special static method of the grid

    oSliderFields.rangeOfCarat = Zapatec.Grid.getNewColumnNumber({
        fieldId: oSliderFields.rangeOfCarat,
        move: oMove
    });
    oSliderFields.rangeOfClarity = Zapatec.Grid.getNewColumnNumber({
        fieldId: oSliderFields.rangeOfClarity,
        move: oMove
    });
    oSliderFields.rangeOfColor = Zapatec.Grid.getNewColumnNumber({
        fieldId: oSliderFields.rangeOfColor,
        move: oMove
    });
    oSliderFields.rangeOfCut = Zapatec.Grid.getNewColumnNumber({
        fieldId: oSliderFields.rangeOfCut,
        move: oMove
    });
    oSliderFields.rangeOfPrice = Zapatec.Grid.getNewColumnNumber({
        fieldId: oSliderFields.rangeOfPrice,
        move: oMove
    });
}


function resetControls(oForm)
{
    if (typeof oGrid == 'undefined')
    {
        oGrid = objGrid;
    }
    // Reset form
    oForm.textFilter.value = '';
    // Reset all sliders
    var aWidgets = Zapatec.Widget.all;
    var iWidgets = aWidgets.length;
    var oWidget;
    for (var iWidget = 0; iWidget < iWidgets; iWidget++)
    {
        oWidget = aWidgets[iWidget];
        if (oWidget.constructor == Zapatec.Slider)
        {
            oWidget.setPos(oWidget.config.range[0], oWidget.config.range[1]);
        }
    }
    // Reset filters
    if (oGrid)
    {
        oGrid.resetFilters();
    }
}


function CheckShapes()
{
    //appendError("check shapes called");
    //setSelectButtonStatus(true);
    sliderVGridEvent = false;
    var allSahpes;
    allSahpes = "";

    document.getElementById("FlagObject").value = "NO";
    document.getElementById("FlagShapeChange").value = "NO";

    if (document.getElementById('chkRound') != null)
    {
        if (document.getElementById('chkRound').checked)
            allSahpes = "'round',";
    }

    if (document.getElementById('chkOval') != null)
    {
        if (document.getElementById('chkOval').checked)
            allSahpes += "'oval',";
    }

    if (document.getElementById('chkPrincess') != null)
    {
        //appendError("check shapes called..princess clicked...");
        if (document.getElementById('chkPrincess').checked)
            allSahpes += "'princess',";
    }

    if (document.getElementById('chkPear') != null)
    {
        if (document.getElementById('chkPear').checked)
            allSahpes += "'pear',";
    }

    if (document.getElementById('chkMarquise') != null)
    {
        if (document.getElementById('chkMarquise').checked)
            allSahpes += "'marquise',";
    }

    if (document.getElementById('chkHeart') != null)
    {
        if (document.getElementById('chkHeart').checked)
            allSahpes += "'Heart',";
    }
    if (document.getElementById('chkRadiant') != null)
    {
        if (document.getElementById('chkRadiant').checked)
            allSahpes += "'Radiant',";
    }
    if (document.getElementById('chkCushion') != null)
    {
        if (document.getElementById('chkCushion').checked)
            allSahpes += "'Cushion',";
    }
    if (document.getElementById('chkAsscher') != null)
    {
        if (document.getElementById('chkAsscher').checked)
            allSahpes += "'Asscher',";
    }
    if (document.getElementById('chkEmerald') != null)
    {
        if (document.getElementById('chkEmerald').checked)
            allSahpes += "'emerald',";
    }

    if (allSahpes == '')
    {
        //onRangeOfCaratChange(0, 0);
        //onRangeOfPriceChange(0, 0);
        //sliderVGrid.gotoFirst(); //Reset Grid Slider Position
        //resetPriceFlags();
        //__doPostBack('btnHidden', '');
        //alert(allSahpes);
        //document.getElementById('txtAllshapes').value = "'round',";
        document.getElementById('txtAllshapes').value = '';
        resetShape();
        ResetAllSliders();
    }
    else
    {
        document.getElementById('txtAllshapes').value = allSahpes;

        if (GlobalLoadedPrice != 0)
        {
            // appendError("check shapes postback to start");
            sliderVGrid.gotoFirst(); //Reset Grid Slider Position
            resetCaratFlags();
            ResetAllSliders();
            //resetPriceFlags();
            // appendError("price flag reseted");
            document.getElementById("hdnShapeChanged").value = "YES" //reset 
            document.getElementById('hdnConsiderCarat').value = "NO" //reset
            //setSelectButtonStatus(true);
            //__doPostBack('btnHidden', '');
            // appendError("check shapes called..post back done");
        }
        else
        {
            GlobalLoadedPrice = 1;
        }
    }
}

function onRangeOfVGridSliderChange(a)
{
    sliderVGridEvent = true;
    if (isNaN(a))
        document.getElementById("txtTotalrecord").value = "0";
    else
        document.getElementById("txtTotalrecord").value = a;
    //document.getElementById("txtTotalrecord").value = ParseInt(a);
    if (GlobalLoadedRange != 0)
    {
        //setSelectButtonStatus(true);
        __doPostBack('btnHidden', '');
    }
    else
        GlobalLoadedRange = 1;
}

function ReInitializePriceBar(varNewPriceRange)
{

    //alert("ReInitializePriceBar");
    //setSelectButtonStatus(false);
    if (document.getElementById("hdnShapeChanged").value == "YES")
    {
        reconfig_CaratSlider();
    }

    if ((document.getElementById("hdnColorChanged").value == "YES") || (document.getElementById("hdnCutChanged").value == "YES") || (document.getElementById("hdnClarityChanged").value == "YES"))
    {
        // appendError("Result received..callied configure");
        reconfig_CaratSlider();
        document.getElementById("hdnColorChanged").value = "NO";
        document.getElementById("hdnCutChanged").value = "NO";
        document.getElementById("hdnClarityChanged").value = "NO";
        document.getElementById('hdnConsiderCarat').value = "YES" //Need to consider carat, need not to reconfigure the carat slider
    }


    if (document.getElementById("hiddenIsPriceRangeChanged").value == "NO") // Need not to reconfigure if price slider changes
    {
        document.getElementById("txtPriceRange").value = varNewPriceRange;
        if (document.getElementById('hidSortingPostback').value == "NO" && document.getElementById("hiddenIsGridSliderChanged").value == "NO")
        {
            if (document.getElementById("hdnLockPrice").value == "NO")  //#PLock
                reconfig_PriceSlider();
        }
    }
    resetPriceFlags();
    resetGridScrollBar(); // reset the slider as well.    
}

function resetPriceFlags()
{
    document.getElementById('hidSortingPostback').value = "NO" //reset
    document.getElementById("hiddenIsGridSliderChanged").value = "NO" //reset
    document.getElementById("hiddenIsPriceRangeChanged").value = "NO"
}

function resetCaratFlags()
{
    document.getElementById('hdnConsiderCarat').value = "YES" //reset
    document.getElementById("hdnShapeChanged").value = "NO" //reset 
}

function UpdateSliders() //This method manages all the updates of the slider on chnage
{
    reconfig_PriceSlider();
}

function reconfig_PriceSlider()
{
    oPriceRange = getMyColumnRange('txtPriceRange'); //this.getMyColumnRange('txtPriceRange');
    oPriceRange.min = 0;
    oPriceRange.max = oPriceRange.values.length - 1;
    if (oPriceRange)
    {
        if (oPriceSlider)
        {
            //appendError("Reset Started..");
            oPriceSlider.reset(oPriceRange.min, oPriceRange.max);
            //oPriceSlider.setPos(oPriceRange.min, oPriceRange.max);
        }
    }
}

function reconfigPriceSlider(posMin, posMax)
{
    oPriceRange = getMyColumnRange('txtPriceRange'); //this.getMyColumnRange('txtPriceRange');
    oPriceRange.min = 0;
    oPriceRange.max = oPriceRange.values.length - 1;
    if (oPriceRange)
    {
        if (oPriceSlider)
        {
            //appendError("Reset Started..");
            oPriceSlider.reset(oPriceRange.min, oPriceRange.max);
            oPriceSlider.setPos(posMin, posMax);
        }
    }
}



function reconfig_CaratSlider()
{
    oCaratRange = getMyColumnRange('txtCaratrange'); //this.getMyColumnRange('txtPriceRange');
    oCaratRange.min = 0;
    oCaratRange.max = oCaratRange.values.length - 1;

    if (oCaratRange)
    {
        if (oCaratSlider)
        {
            // appendError("Reset Carat Started..");
            oCaratSlider.reset(oCaratRange.min, oCaratRange.max);
        }
    }
    resetCaratFlags();
}

function resetShape()
{
    //Check only round uncheck all other    
    if (document.getElementById('chkRound') != null) document.getElementById('chkRound').checked = true;
    if (document.getElementById('chkOval') != null) document.getElementById('chkOval').checked = false;
    if (document.getElementById('chkPrincess') != null) document.getElementById('chkPrincess').checked = false;
    if (document.getElementById('chkPear') != null) document.getElementById('chkPear').checked = false;
    if (document.getElementById('chkMarquise') != null) document.getElementById('chkMarquise').checked = false;
    if (document.getElementById('chkHeart') != null) document.getElementById('chkHeart').checked = false;
    if (document.getElementById('chkRadiant') != null) document.getElementById('chkRadiant').checked = false;
    if (document.getElementById('chkCushion') != null) document.getElementById('chkCushion').checked = false;
    if (document.getElementById('chkAsscher') != null) document.getElementById('chkAsscher').checked = false;
    if (document.getElementById('chkEmerald') != null) document.getElementById('chkEmerald').checked = false;
}

function ResetAllSliders()
{

    //Check only round uncheck all other    
    //if (document.getElementById('chkRound') != null) document.getElementById('chkRound').checked = true;
    //if (document.getElementById('chkOval') != null) document.getElementById('chkOval').checked = false;
    //if (document.getElementById('chkPrincess') != null) document.getElementById('chkPrincess').checked = false;
    //if (document.getElementById('chkPear') != null) document.getElementById('chkPear').checked = false;
    //if (document.getElementById('chkMarquise') != null) document.getElementById('chkMarquise').checked = false;
    //if (document.getElementById('chkHeart') != null) document.getElementById('chkHeart').checked = false;
    //if (document.getElementById('chkRadiant') != null) document.getElementById('chkRadiant').checked = false;
    //if (document.getElementById('chkCushion') != null) document.getElementById('chkCushion').checked = false;
    //if (document.getElementById('chkAsscher') != null) document.getElementById('chkAsscher').checked = false;
    //if (document.getElementById('chkEmerald') != null) document.getElementById('chkEmerald').checked = false;

    oCaratRange = getMyColumnRange('txtCaratrange'); //this.getMyColumnRange('txtCaratrange');
    oCaratRange.min = 0;
    oCaratRange.max = oCaratRange.values.length - 1;
    if (oCaratSlider)
    {
        oCaratSlider.reset(oCaratRange.min, oCaratRange.max);
    }

    oPriceRange = getMyColumnRange('txtPriceRange'); //this.getMyColumnRange('txtPriceRange');
    oPriceRange.min = 0;
    oPriceRange.max = oPriceRange.values.length - 1;
    if (oPriceSlider)
    {
        oPriceSlider.reset(oPriceRange.min, oPriceRange.max);
    }

    oColorRange = getMyColumnRange('txtColorRange');
    oColorRange.min = 0;
    oColorRange.max = oColorRange.values.length - 1;
    if (oColorSlider)
    {
        oColorSlider.reset(oColorRange.min, oColorRange.max);
    }
    oColorRange.max = 0;

    oCutRange = getMyColumnRange('txtCutRange');
    oCutRange.min = 0;
    oCutRange.max = oCutRange.values.length - 1;
    if (oCutSlider)
    {
        oCutSlider.reset(oCutRange.min, oCutRange.max);
    }
    oCutRange.max = 0;

    oClarityRange = getMyColumnRange('txtClarityRange');
    oClarityRange.min = 0;
    oClarityRange.max = oClarityRange.values.length - 1;
    if (oClaritySlider)
    {
        oClaritySlider.reset(oClarityRange.min, oClarityRange.max);
    }
    oClarityRange.max = 0;

    document.getElementById('txtPriceMin').value = '0';
    document.getElementById('txtPriceMax').value = '0';
    document.getElementById('txtColorMin').value = '';
    document.getElementById('txtColorMax').value = '';
    document.getElementById('txtCutMin').value = '';
    document.getElementById('txtCutMax').value = '';
    document.getElementById('txtClarityMin').value = '';
    document.getElementById('txtClarityMax').value = '';

    __doPostBack('btnHidden', '');

    sliderVGrid.gotoFirst(); //Reset Grid Slider Position
    resetPriceFlags();
}

function createGridNewVGSlider()
{
    totalRecord = parseInt(document.getElementById('txtTotalrecord').value);

    sliderVGrid = new Zapatec.Slider({
        div: "VGridSlider",
        length: 310,
        range: [0, 310],
        start: 0,
        orientation: "V",
        step: 1,
        onChange: function(a)
        {
            document.getElementById("hiddenIsGridSliderChanged").value = "YES";
            document.getElementById("hiddenIsPriceRangeChanged").value = "YES"; //Need to consider as price is chnaged so that after getting output price slider will not get reconfigured
            document.getElementById("txtVGSliderMinPixel").value = a;

            if (isNaN(a))
                document.getElementById("txtTotalrecord").value = "0";
            else
                document.getElementById("txtTotalrecord").value = a;

            if (GlobalLoadedRange != 0)
            {
                // __doPostBack('btnHidden','');
            }
            else
            {
                GlobalLoadedRange = 1;
            }
        },
        newPosition: function(a)
        {
            document.getElementById("hiddenIsGridSliderChanged").value = "YES";
            document.getElementById("txtVGSliderMinPixel").value = a;

            if (isNaN(a))
                document.getElementById("txtTotalrecord").value = "0";
            else
                document.getElementById("txtTotalrecord").value = a;

            //setSelectButtonStatus(true);
            __doPostBack('btnHidden', '');
        }
    });

    setTimeout("resetGridScrollBar();", 100); //For safe this method invocation is delayed, no special reason
}

function createGridNewVGSliderForRestriction()
{
    totalRecord = parseInt(document.getElementById('txtTotalrecord').value);

    sliderVGrid = new Zapatec.Slider({
        div: "VGridSlider",
        length: 310,
        range: [0, 670],
        start: 1,
        orientation: "V",
        step: 1,
        onChange: function(a)
        {
            document.getElementById("hiddenIsGridSliderChanged").value = "YES";
            document.getElementById("txtVGSliderMinPixel").value = a;

            if (isNaN(a))
                document.getElementById("txtTotalrecord").value = "0";
            else
                document.getElementById("txtTotalrecord").value = a;

            if (GlobalLoadedRange != 0)
            {
                // __doPostBack('btnHidden','');
            }
            else
            {
                GlobalLoadedRange = 1;
            }
        },
        newPosition: function(a)
        {
            document.getElementById("hiddenIsGridSliderChanged").value = "YES";

            if (isNaN(a))
                document.getElementById("txtTotalrecord").value = "0";
            else
                document.getElementById("txtTotalrecord").value = a;

            document.getElementById("txtVGSliderMinPixel").value = a;
            //setSelectButtonStatus(true);
            __doPostBack('btnHidden', '');
        }
    });

}
//Code For Selection Area Highlighting
function showSelectedArea(varDivSA, objDivFirstSlider, objDivSecondSlider)
{
    //if ((varDivSA == 'divSACut') || (varDivSA == 'divSAColor')) debugger;
    //appendError("showSelectedArea : " + varDivSA);
    if (document.getElementById(varDivSA) != null)
    {
        var objSelDiv = document.getElementById(varDivSA);
        objSelDiv.style.left = parseInt(parseInt(objDivFirstSlider.style.left) + parseInt(10)) + "px";

        if ((parseInt(objDivSecondSlider.style.left) - parseInt(objDivFirstSlider.style.left)) > 9)
        {
            objSelDiv.style.width = parseInt(parseInt(objDivSecondSlider.style.left) - parseInt(objDivFirstSlider.style.left) - parseInt(9)) + "px";
        }
        else
        {
            objSelDiv.style.width = parseInt(parseInt(objDivSecondSlider.style.left) - parseInt(objDivFirstSlider.style.left)) + "px";
        }
    }
    else
    {
        var varcontSA = objDivFirstSlider.parentNode;
        var objSelDiv = document.createElement('div');
        objSelDiv.setAttribute('id', varDivSA);
        objSelDiv.style.top = (parseInt(objDivFirstSlider.style.top) + parseInt(10)) + "px";

        if (isIE)
        {
            var objImage111 = document.createElement("img");
            objImage111.style.height = "3"
            objSelDiv.style.height = objImage111.height + 'px';
            objSelDiv.style.fontSize = '0px';
        }
        else //Mozilla
        {
            objSelDiv.style.height = "2px";
        }
        //IE 7
        //For IE 7
        if (varIEVersion.indexOf("7") != -1)
        {
            objSelDiv.style.height = "2px";
            objSelDiv.style.top = (parseInt(objDivFirstSlider.style.top) + parseInt(10)) + "px";
        }
        objSelDiv.style.width = "355px";
        objSelDiv.style.left = parseInt(10) + "px";
        varcontSA.appendChild(objSelDiv);
    }
}

//Code for Sliding price

function ShowSlidingPrice(selectedVal1, selectedVal2)
{
    var divSlidingPrice1 = document.getElementById("divPopupFirstSlider");

    if (divSlidingPrice1 != null)
    {
        divSlidingPrice1.style.left = divGFirstSlider.style.left;
        divSlidingPrice1.style.position = divGFirstSlider.style.position;
        divSlidingPrice1.innerHTML = "$" + formatCurrency(selectedVal1);

        var divSlidingPrice2 = document.getElementById("divPopupSecondSlider");
        if (divSlidingPrice2 != null)
        {
            divSlidingPrice2.style.left = divGSecondSlider.style.left;
            divSlidingPrice2.style.position = divGSecondSlider.style.position;
            divSlidingPrice2.innerHTML = "$" + formatCurrency(selectedVal2);
        }
        var varSecondSliderPos = parseInt(divGSecondSlider.style.left);
        var varFirstSliderPos = parseInt(divGFirstSlider.style.left);
        var varDifference = (parseInt(varSecondSliderPos) - parseInt(varFirstSliderPos));

        if (varSecondSliderPos > 330) //Extreme At Slider 2
        {
            divSlidingPrice2.style.left = 313 + "px";
            if (parseInt(varDifference) < parseInt(93))
            {
                divSlidingPrice1.style.left = 250 + "px";
            }
        }
        else if (varFirstSliderPos < 30)
        {
            if (parseInt(varDifference) < parseInt(40))
            {
                divSlidingPrice2.style.left = 55 + "px";
                if (varFirstSliderPos > 6)
                {
                    divSlidingPrice1.style.left = 4 + "px";
                }
            }
        }
        else if (parseInt(varDifference) < parseInt(50))
        {
            divSlidingPrice1.style.left = parseInt(parseInt(varFirstSliderPos) - parseInt("35")) + "px";
            divSlidingPrice2.style.left = parseInt(parseInt(varSecondSliderPos) + parseInt("20")) + "px";
        }

        //	       //divPopupSelectedArea
        if (document.getElementById("divSAPrice") != null)
        {
            var objSelDiv = document.getElementById("divSAPrice");
            objSelDiv.style.left = parseInt(parseInt(divGFirstSlider.style.left) + parseInt(10)) + "px";

            if ((parseInt(divGSecondSlider.style.left) - parseInt(divGFirstSlider.style.left)) > 9)
            {
                objSelDiv.style.width = parseInt(parseInt(divGSecondSlider.style.left) - parseInt(divGFirstSlider.style.left) - parseInt(9)) + "px";
            }
            else
            {
                objSelDiv.style.width = parseInt(parseInt(divGSecondSlider.style.left) - parseInt(divGFirstSlider.style.left)) + "px";
            }
        }
        else
        {
            var varcontSA = divGFirstSlider.parentNode;
            var objSelDiv = document.createElement('div');
            objSelDiv.setAttribute('id', 'divSAPrice');
            objSelDiv.style.top = (parseInt(divGFirstSlider.style.top) + parseInt(10)) + "px";

            if (isIE)
            {
                var objImage111 = document.createElement("img");
                objImage111.style.height = "3"
                objSelDiv.style.height = objImage111.height + 'px';
                objSelDiv.style.fontSize = '0px';
            }
            else //Mozilla
            {
                objSelDiv.style.height = "2px";
            }

            //For IE 7
            if (varIEVersion.indexOf("7") != -1)
            {
                objSelDiv.style.height = "2px";
                objSelDiv.style.top = (parseInt(divGFirstSlider.style.top) + parseInt(10)) + "px";
            }

            objSelDiv.style.width = parseInt(parseInt(divGSecondSlider.style.left) - parseInt(divGFirstSlider.style.left) - parseInt(9)) + "px";
            objSelDiv.style.left = parseInt(parseInt(divGFirstSlider.style.left) + parseInt(10)) + "px";
            varcontSA.appendChild(objSelDiv);
        }
    }
    else
    {
        var varcont = divGFirstSlider.parentNode;
        var newdiv = document.createElement('div');
        newdiv.setAttribute('id', 'divPopupFirstSlider');
        newdiv.style.top = parseInt(divGFirstSlider.style.top) + parseInt("25");
        if (!isIE)
            newdiv.style.top = "25px";
        newdiv.style.left = divGFirstSlider.style.left;
        newdiv.innerHTML = "$" + formatCurrency(selectedVal1);
        varcont.appendChild(newdiv);

        //Second Slider		
        var newdiv2 = document.createElement('div');
        newdiv2.setAttribute('id', 'divPopupSecondSlider');
        newdiv2.innerHTML = "$" + formatCurrency(selectedVal2);
        newdiv2.style.top = parseInt(divGSecondSlider.style.top) + parseInt("25");
        if (!isIE)
            newdiv2.style.top = "25px";
        newdiv2.style.left = divGSecondSlider.style.left;
        varcont.appendChild(newdiv2);
    }

    //showSelectedArea();	 
}


function SortingStarted()
{
    //hidSortingPostback
    document.getElementById('hidSortingPostback').value = "YES";
    document.getElementById("hiddenIsPriceRangeChanged").value = "YES";
    document.getElementById('hdnConsiderCarat').value = "YES" //Need to consider carat, need not to reconfigure the carat slider
    document.getElementById("hdnShapeChanged").value = "NO" //reset 
    sliderVGrid.gotoFirst(); //Reset Grid Slider Position
}

//Code for Sliding Carat

function ShowSlidingCarat(selectedVal1, selectedVal2)
{
    var divSlidingCarat1 = document.getElementById("divPopupFirstSliderCarat");

    if (divSlidingCarat1 != null)
    {
        divSlidingCarat1.style.position = "absolute";
        divSlidingCarat1.style.left = divGFirstSliderCarat.style.left;
        divSlidingCarat1.style.position = divGFirstSliderCarat.style.position;
        divSlidingCarat1.innerHTML = selectedVal1;

        var divSlidingCarat2 = document.getElementById("divPopupSecondSliderCarat");
        if (divSlidingCarat2 != null)
        {
            divSlidingCarat2.style.position = "absolute";
            divSlidingCarat2.style.left = divGSecondSliderCarat.style.left;
            divSlidingCarat2.style.position = divGSecondSliderCarat.style.position;
            divSlidingCarat2.innerHTML = selectedVal2;
        }
        var varSecondSliderPos = parseInt(divGSecondSliderCarat.style.left);
        var varFirstSliderPos = parseInt(divGFirstSliderCarat.style.left);
        var varDifference = (parseInt(varSecondSliderPos) - parseInt(varFirstSliderPos));

        if (varSecondSliderPos > 330) //Extreme At Slider 2
        {
            divSlidingCarat2.style.left = 335 + "px";
            if (parseInt(varDifference) < parseInt(93))
            {
                divSlidingCarat1.style.left = 250 + "px";
            }
        }
        else if (varFirstSliderPos < 30)
        {
            if (parseInt(varDifference) < parseInt(40))
            {
                divSlidingCarat2.style.left = 55 + "px";
                if (varFirstSliderPos > 6)
                {
                    divSlidingCarat1.style.left = 4 + "px";
                }
            }
        }
        else if (parseInt(varDifference) < parseInt(50))
        {
            divSlidingCarat1.style.left = parseInt(parseInt(varFirstSliderPos) - parseInt("35")) + "px";
            divSlidingCarat2.style.left = parseInt(parseInt(varSecondSliderPos) + parseInt("20")) + "px";
        }

        //	       //divPopupSelectedArea
        if (document.getElementById("divSACarat") != null)
        {
            var objSelDiv = document.getElementById("divSACarat");
            objSelDiv.style.left = parseInt(parseInt(divGFirstSliderCarat.style.left) + parseInt(10)) + "px";

            if ((parseInt(divGSecondSliderCarat.style.left) - parseInt(divGFirstSliderCarat.style.left)) > 9)
            {
                objSelDiv.style.width = parseInt(parseInt(divGSecondSliderCarat.style.left) - parseInt(divGFirstSliderCarat.style.left) - parseInt(9)) + "px";
            }
            else
            {
                objSelDiv.style.width = parseInt(parseInt(divGSecondSliderCarat.style.left) - parseInt(divGFirstSliderCarat.style.left)) + "px";
            }
            objSelDiv.style.position = "absolute";
        }
        else
        {
            var varcontSA = divGFirstSliderCarat.parentNode;
            var objSelDiv = document.createElement('div');
            objSelDiv.setAttribute('id', 'divSACarat');
            objSelDiv.style.top = (parseInt(divGFirstSliderCarat.style.top) + parseInt(10)) + "px";
            objSelDiv.style.position = "absolute";
            if (isIE)
            {
                var objImage111 = document.createElement("img");
                objImage111.style.height = "3"
                objSelDiv.style.height = objImage111.height + 'px';
                objSelDiv.style.fontSize = '0px';
            }
            else //Mozilla
            {
                objSelDiv.style.height = "2px";
            }

            //For IE 7
            if (varIEVersion.indexOf("7") != -1)
            {
                objSelDiv.style.height = "2px";
                objSelDiv.style.top = (parseInt(divGFirstSliderCarat.style.top) + parseInt(10)) + "px";
            }

            objSelDiv.style.width = parseInt(parseInt(divGSecondSliderCarat.style.left) - parseInt(divGFirstSliderCarat.style.left) - parseInt(9)) + "px";
            objSelDiv.style.left = parseInt(parseInt(divGFirstSliderCarat.style.left) + parseInt(10)) + "px";
            varcontSA.appendChild(objSelDiv);
        }
    }
    else
    {
        var varcont = divGFirstSliderCarat.parentNode;
        var newdiv = document.createElement('div');
        newdiv.setAttribute('id', 'divPopupFirstSliderCarat');
        newdiv.style.top = parseInt(divGFirstSliderCarat.style.top) + parseInt("25");
        if (!isIE)
            newdiv.style.top = "25px";
        newdiv.style.left = divGFirstSliderCarat.style.left;
        newdiv.style.position = "absolute";
        newdiv.innerHTML = selectedVal1;
        varcont.appendChild(newdiv);

        //Second Slider		
        var newdiv2 = document.createElement('div');
        newdiv2.setAttribute('id', 'divPopupSecondSliderCarat');
        newdiv2.innerHTML = selectedVal2;
        newdiv2.style.position = "absolute";
        newdiv2.style.top = parseInt(divGSecondSliderCarat.style.top) + parseInt("25");
        if (!isIE)
            newdiv2.style.top = "25px";
        newdiv2.style.left = divGSecondSliderCarat.style.left;
        varcont.appendChild(newdiv2);
    }
}

function appendError(varErrorInfo)
{
    var varErrorDiv = document.getElementById('divPopupErrInfo');
    if (!(varErrorDiv != null))
    {
        var newdiv12 = document.createElement('div');
        newdiv12.setAttribute('id', 'divPopupErrInfo');
        document.body.appendChild(newdiv12);
        varErrorDiv = document.getElementById('divPopupErrInfo');
    }
    varErrorDiv.innerHTML += "<br>" + varErrorInfo;
}

function GetAllDivs()
{
    var allDivs = document.getElementsByTagName('div');
    var varStr = "";
    var str = "";
    for (counter1 = 0; counter1 < allDivs.length; counter1++)
    {
        if (allDivs[counter1] != null)
            varStr += "  ---  " + allDivs[counter1].id;

        try
        {
            str += "( " + allDivs[counter1].id + "=" + document.getElementById(allDivs[counter1].id).style.top + "--" + document.getElementById(allDivs[counter1].id).style.left + "--" + document.getElementById(allDivs[counter1].id).style.position + ")";
        }
        catch (e)
        {
        }

    }
}

function ScanMyDiv(varDivId)
{
    var objDiv = document.getElementById(varDivId);
    var varDivInfo = "";
    if (objDiv != null)
    {
        varDivInfo = "<br/>This is Div : " + varDivId + "<br/>";
        varDivInfo += "Number Of Divs inside : " + objDiv.getElementsByTagName('div').length + "<br/>";

        varDivInfo += "Child Divs : "
        var objChilds = objDiv.getElementsByTagName('div');
        var varCounter = 0;
        for (varCounter = 0; varCounter < objChilds.length; varCounter++)
        {
            varDivInfo += objChilds[varCounter].id;
            ScanMyDiv(objChilds[varCounter].id);
        }
    }
    appendError(varDivInfo);
}

//Currency formatting
function addCommas(number)
{
    return ((number.length > 3) ? (addCommas(number.substring(0, number.length - 3)) + "," + number.substring(number.length - 3, number.length)) :
         String(number));
}

function moneyToNumber(money)
{
    var number = money.replace("$", "");
    while (number.indexOf(",") > -1)
    {
        number = number.replace(",", "");
    }
    if ((number.length) < 1) return 0; else return number;
}

function formatCurrency(varValueToConvert)
{
    //return varValueToConvert;
    if (varValueToConvert != "")
    {
        var number = moneyToNumber(varValueToConvert);
        var negative = (number.substr(0, 1) == "-");
        number = number.replace("-", "");
        var floatArray = number.split(".");
        floatArray[0] = "" + parseFloat(floatArray[0]);
        var newValue = addCommas(floatArray[0]);
        if (floatArray[1] != undefined)
        {
            // newValue += "." + floatArray[1].substr(0, 2);
        }
        if (negative)
        {
            newValue = "-" + newValue;
        }
        return newValue;
    }
}

function setSelectButtonStatus(varVal)
{
    //btnSelect
    if (varVal == false)
    {
        setTimeout("document.getElementById('btnSelect').disabled = false;", 100);
    }
    else
    {
        document.getElementById('btnSelect').disabled = varVal;
    }
}

function creatPreviewToolBar(varErrorInfo)
{
    var varErrorDiv = document.getElementById('divPopupErrInfo');
    if (!(varErrorDiv != null))
    {
        var newdiv12 = document.createElement('div');
        newdiv12.setAttribute('id', 'divPopupErrInfo');

        document.body.appendChild(newdiv12);
        varErrorDiv = document.getElementById('divPopupErrInfo');
    }
    varErrorDiv.innerHTML += "<br>" + varErrorInfo;
}


function previewShapes(varImgURL, varZooomURL)
{
    if (varImgURL != "NotFound")
    {
        document.getElementById("imgMainImage").style.display = "block";
        document.getElementById("hypZoom").style.display = "block";
        document.getElementById("imgMainImage").src = varImgURL;
        document.getElementById("hypZoom").href = "javascript:void(window.open('" + varZooomURL + "','zoomimage','width=550,height=460,scrollbars=no,resizable=no'));"
    }
    else
    {
        document.getElementById("imgMainImage").style.display = "none";
        document.getElementById("hypZoom").style.display = "none";
        //document.getElementById("imgMainImage").style.visible = false;    
        // document.getElementById("hypZoom").href="javascript:void(window.open('"+ varZooomURL +"','zoomimage','width=550,height=460,scrollbars=no,resizable=no'));"

    }
}

function previewClicked(varPreviewImage)
{
    document.getElementById("hidPreviewImage").value = varPreviewImage;
    // setSelectButtonStatus(true);
    __doPostBack('btnHiddenPreview', '');
}

function funcDiamondSelected(objChk, varSelectedDiaCode)
{
    if (objChk.checked)
    {
        document.getElementById('hiddenNumOfDiaSelected').value = parseInt(document.getElementById('hiddenNumOfDiaSelected').value) + parseInt(1);
    }
    else
    {
        document.getElementById('hiddenNumOfDiaSelected').value = parseInt(document.getElementById('hiddenNumOfDiaSelected').value) - parseInt(1);
    }

    //alert(objChk.parentNode.productCode);
    if (parseInt(document.getElementById('hiddenNumOfDiaSelected').value) == 0)
    {
        document.getElementById('pnlDetail3').style.display = 'none';
        document.getElementById('pnlDetail4').style.display = 'none';
    }
    else
    {
        for (i = 0; i < document.form1.elements.length; i++)
        {
            if (document.form1.elements.item(i).id.indexOf('c_compare') > -1)
            {
                if (document.form1.elements.item(i).checked)
                {
                    //document.getElementById('hidDiamondCode').value = document.form1.elements.item(i).parentNode.productCode;
                    document.getElementById('hidDiamondCode').value = document.form1.elements.item(i).parentNode.attributes.getNamedItem('productCode').nodeValue;
                    document.getElementById('hiddenDiamondSelected').value = "YES";
                    break;
                }
            }
        }


        //        document.getElementById('hidDiamondCode').value = varSelectedDiaCode;
        //        document.getElementById('hiddenDiamondSelected').value = "YES";
        //           setSelectButtonStatus(true);
        __doPostBack('btnHiddenForDiamond', '');
    }
}

function showPopupForDia()
{
    alert("showing");
    __doPostBack('hidBtnDiaDetails', '');
    return;
}

function SetEnableSlider(slider, text, image, bool)
{
    if (slider)
    {
        //slider.style.visibility = (bool) ? 'visible' : 'hidden';
        slider.style.display = (bool) ? 'block' : 'none';
        text.style.color = (bool) ? 'black' : '#c0c0c0';
        //image.style.visibility = (bool) ? 'hidden' : 'visible';]
        image.style.display = (bool) ? 'none' : 'block';
        //$imgDisableView
    }
}

function RegistrationNamingContainerID(id)
{
    try
    {
        if (id)
        {
            $NamingContainerID = id;

            document._getElementById = document.getElementById;
            document.getElementById = function(id)
            {
                var element = document._getElementById(id);

                if (!element)
                {
                    element = document._getElementById($NamingContainerID + '_' + id);
                }
                return element;
            }
        }
    }
    catch (e)
    {
    }
}