// This function is used to open product pictures

function openWindow(file, name, width, height)
{
	if(navigator.appName === "Netscape") 
    {
        width += 20;
        height += 20;
    } 
    else
    { 
		height += 20;
    }
    
	var win = window.open(file, name,'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width='+width+',height='+height+'');
	win.focus();
}

function tnClick(elementId)
{
    var tn;
    var largeImage;
    var fileName;
    var extension;
    var index;
    
    if(document.getElementById && document.getElementsByTagName) 
    {
        tn = document.getElementById(elementId);
        largeImage = document.getElementById("MainImage");
    } 
    else if(document.all && document.all.tags) 
    { 
        // IE4 support 
        tn = document.all[elementId];
        largeImage = document.all["MainImage"];
    }
    index = tn.src.indexOf("_tn");
    fileName = tn.src.substring(0, index);
    extension = tn.src.substring(index + 3);
    largeImage.src = fileName + "_300" + extension;
}

function changeImage(elementId)
{
    var image;
    
    if(document.getElementById && document.getElementsByTagName) 
    {
        image = document.getElementById(elementId);
    } 
    else if(document.all && document.all.tags) 
    { 
        // IE4 support 
        image = document.all[elementId];
    }
    if(image.src.indexOf("rotated") != -1)
    { 
        image.src = "../../Images/arrow-grey.gif";
    }
    else 
    { 
        image.src = "../../Images/arrow-grey_rotated.gif"; 
    }
}

function showHideTR(idx) 
{
    var tbl,row;
    var vis;

    if(document.getElementById && document.getElementsByTagName) 
    {
        tbl = document.getElementById('ProductOptionsTable');
        if(!tbl || (idx >= tbl.getElementsByTagName('tr').length)) return;
        row = tbl.getElementsByTagName('tr')[idx];
    } 
    else if(document.all && document.all.tags) 
    { 
        // IE4 support 
        tbl = document.all['ProductOptionsTable'];
        if(!tbl || (idx >= tbl.all.tags('tr').length)) return;
        row = tbl.all.tags('tr')[idx];
    }
    if(row) 
    {        
        vis = (row.style.display == 'none') ? false : true;

        if(vis) 
        {
            row.style.display = 'none';
        } 
        else 
        {
            // conditional compilation to hide the try-catch blocks from IE4
            /*@cc_on @if(!@_jscript || (@_jscript_version >= 5)) @*/
            try 
            {
                row.style.display = 'table-row';
            } 
            catch(e) 
            {
                row.style.display = 'block';
            }
            /*@elif(@_jscript_version < 5)
            row.style.display = 'block'; // for IE4
            @end @*/
        }
    }
}

function showHideMultipleTR(startIndex, endIndex) 
{
    var tbl,row;
    var vis;
    var i;
    
    for(i = startIndex; i <= endIndex; i++)
    {    
        if(document.getElementById && document.getElementsByTagName) 
        {
            tbl = document.getElementById('ProductOptionsTable');
            if(!tbl || (i >= tbl.getElementsByTagName('tr').length)) return;
            row = tbl.getElementsByTagName('tr')[i];
        } 
        else if(document.all && document.all.tags) 
        { 
            // IE4 support 
            tbl = document.all['ProductOptionsTable'];
            if(!tbl || (i >= tbl.all.tags('tr').length)) return;
            row = tbl.all.tags('tr')[i];
        }
        if(row) 
        {        
            vis = (row.style.display == 'none') ? false : true;

            if(vis) 
            {
                row.style.display = 'none';
            } 
            else 
            {
                // conditional compilation to hide the try-catch blocks from IE4
                /*@cc_on @if(!@_jscript || (@_jscript_version >= 5)) @*/
                try 
                {
                    row.style.display = 'table-row';
                } 
                catch(e) 
                {
                    row.style.display = 'block';
                }
                /*@elif(@_jscript_version < 5)
                row.style.display = 'block'; // for IE4
                @end @*/
            }
        }
    }
}

function showHideElement(id, e)
{
    var element = document.getElementById(id);
    element.style.visibility = (element.style.visibility == 'visible') ? 'hidden' : 'visible';
}

//function keyClicked(btn, e)
//{
//    var ENTER_KEY = 13;
//    var code = "";

//    if (window.event) // IE
//    {
//        code = e.keyCode;
//    }
//    else if (e.which) // Netscape/Firefox/Opera
//    {
//        code = e.which;
//    }
//    
//    if (code == ENTER_KEY) 
//    {
//        document.getElementById(btn).click();
//        return false;
//    }
//}