function ToggleOrderDetails(oThis, imgExpand)
{
    var componentRow = oThis.parentElement.parentElement.nextSibling;

    while(componentRow != null && componentRow.style.display != "")
    {
        if(componentRow.style.display == 'none')
            componentRow.style.display = 'block';
        else
            componentRow.style.display = 'none';
        componentRow = componentRow.nextSibling;
    }
    
    if(document.getElementById(imgExpand).src.indexOf('Expand.gif') != -1)
        document.getElementById(imgExpand).src = document.getElementById(imgExpand).src.replace('Expand.gif', 'Collapse.gif');
    else
        document.getElementById(imgExpand).src = document.getElementById(imgExpand).src.replace('Collapse.gif', 'Expand.gif');
}

String.prototype.trim = function()
{
    return this.replace(/(^\s*)|(\s*$)/g, "");
}

function changeComponent(oThis, index, imageId, sumId, imageContainerId, caseImageId, isCase)
{
    var i = 0;
    while(i < 9)
    {
        if(document.getElementById(imageId + '_ctl0' + i + '_hlComponent'))
        {
            document.getElementById(imageId + '_ctl0' + i + '_hlComponent').style.display = 'none';
            document.getElementById(imageId + '_ctl0' + i + '_hlComponent').parentElement.parentElement.style.display = 'none';
        }
        i ++;
    }

    if(document.getElementById(imageId + '_ctl0' + oThis.selectedIndex + '_hlComponent'))
    {
        document.getElementById(imageId + '_ctl0' + oThis.selectedIndex + '_hlComponent').style.display = 'block';
        document.getElementById(imageId + '_ctl0' + oThis.selectedIndex + '_hlComponent').parentElement.parentElement.style.display = 'block';
    }

    if(document.getElementById(sumId))
    {
        var regex = new RegExp('^.*(\\(((\\+|\\-)[0-9]+):-\\))$');

        var priceDiff = 0;
        var match = regex.exec(oThis.options[oThis.selectedIndex].text);
        if(match != null)
            priceDiff = parseFloat(match[2]);
            
        for(var i = 0; i < oThis.length; i ++)
        {
            var match = regex.exec(oThis.options[i].text);
            if(match != null)
            {
                var newPrice = (parseFloat(match[2]) - priceDiff);
                if(newPrice != 0)
                    oThis.options[i].text = oThis.options[i].text.replace(match[2], (newPrice > 0 ? '+' : '') + newPrice);
                else
                    oThis.options[i].text = oThis.options[i].text.replace(match[1], '').trim();
            }
            else
            {
                if(priceDiff != 0)
                    oThis.options[i].text += ' (' + (-priceDiff > 0 ? '+' : '') + -priceDiff + ':-)';
            }
        }

        var price = parseFloat(document.getElementById(sumId).innerHTML.replace(':-', ''));
        price += priceDiff;

        document.getElementById(sumId).innerText = price + ":-";
    }

    if(isCase == 1)
    {
        i = 0;
        while(i < 10)
        {
            if(document.getElementById(imageContainerId + '_ctl0' + i + '_dlComponentImages'))
                document.getElementById(imageContainerId + '_ctl0' + i + '_dlComponentImages').style.display = 'none';
            i ++;
        }

        if(document.getElementById(imageContainerId + '_ctl0' + oThis.selectedIndex + '_dlComponentImages'))
            document.getElementById(imageContainerId + '_ctl0' + oThis.selectedIndex + '_dlComponentImages').style.display = 'block';

        document.getElementById(caseImageId).src = document.getElementById(imageContainerId + '_ctl0' + oThis.selectedIndex + '_dlComponentImages').childNodes[0].childNodes[0].childNodes[0].childNodes[0].src.replace('Width=50', 'Width=200').replace('Height=40', 'Height=200');
    }
}    

function toggleAccessory(oThis, sumId, accessoryPrice)
{
    var price = parseFloat(document.getElementById(sumId).innerHTML.replace(':-', ''));

    if(oThis.checked)
        price += parseFloat(accessoryPrice);
    else
        price -= parseFloat(accessoryPrice);

    document.getElementById(sumId).innerText = price + ":-";
}

function changeCase(index, casesId)
{
    var i = 0;
    while(i < 9)
    {
        if(document.getElementById(casesId + '_ctl0' + i + '_hlCase'))
            document.getElementById(casesId + '_ctl0' + i + '_hlCase').style.display = 'none';
        i ++;
    }

    if(document.getElementById(casesId + '_ctl0' + index + '_hlCase'))
        document.getElementById(casesId + '_ctl0' + index + '_hlCase').style.display = 'block';
}