function updateSlide(IN_val)
{
    var off = getLeftOffset();
    var scrollableArea = Math.abs(off - 800);
    var divisor = 276 / scrollableArea; // the left value of the slider ranges from 0 to 276
    var step = parseInt(document.getElementById("scrollSliderExtender_handleImage").parentNode.style.left);
   
    var fd = Math.round((step / divisor));
    
    document.getElementById('phoneSelection').scrollLeft =  fd.toString();
}

function getLeftOffset()
{
    var leftOffset = 0;
    var childNodeList = document.getElementById('phoneContainer').childNodes;
    
    for (i = childNodeList.length - 1; i != 0; i--)
    {
        if(!isNaN(childNodeList[i].offsetLeft))
        {
            return childNodeList[i].offsetLeft;
            break;
        }
    }
}

function hidePhoneLabel(IN_id)
{ document.getElementById(IN_id + '-label').style.visibility = 'hidden'; }

function showPhoneLabel(IN_id)
{ document.getElementById(IN_id + '-label').style.visibility = 'visible'; }

function allClick()
{
    document.getElementById('byCarrierLink').className= 'greenArrow';
    if (document.getElementById('carriersPanel').style.display != 'none')
    {
        document.getElementById('carriersPanel').style.display = 'block';
    }
}

function showCarriers(IN_id)
{
    if (IN_id == "ALL")
    {
        document.getElementById('byCarrierLink').className= 'greenArrow';
        if (document.getElementById('carriersPanel').style.display != 'none')
        {
            document.getElementById('carriersPanel').style.display = 'block';
        }
    }
    else if (document.getElementById('carriersPanel').style.display == 'none')
    {
        document.getElementById('byCarrierLink').className= 'greenArrowOn';
        document.getElementById('carriersPanel').style.display = 'block';
    }
    else
    {
        document.getElementById('byCarrierLink').className= 'greenArrow';
        document.getElementById('carriersPanel').style.display = 'none';
    }
}