window.isDebug = true;

window.onresize = function ()
{
    var width = 0;
    if (window.innerWidth)
    {
        width = window.innerWidth;
    }
    else
    {
        if (document.body.offsetWidth)
        {
            width = document.body.offsetWidth;
        }
    }
    if (width < 1059)
    {
        document.body.style.backgroundPosition = '-505px bottom';
    }
    else
    {
        document.body.style.backgroundPosition = 'center bottom';
    }
};

function showImage(url, containerId, colorAttributeId)
{
    debugOut("showImage " + url + ", " + containerId);
    if(url)
    {
        $(containerId).src = url;
    }
    if(colorAttributeId)
    {
        $("attribute" + window.colorAttributeId).value = colorAttributeId;
        if(spConfig)
        {
            spConfig.configureElement($("attribute" + window.colorAttributeId));
        }
    }
    else
    {
        $("attribute" + window.colorAttributeId).value = '';
        if(spConfig)
        {
            spConfig.configureElement($("attribute" + window.colorAttributeId));
        }
    }
}

function initOptionImages()
{
    $("attribute" + window.colorAttributeId).onchange = function()
    {
        var value = $("attribute" + window.colorAttributeId).value;
        debugOut("on option change " + value);
        if(value)
        {
            $("image").src = window.colorUrl[value];
        }
        else
        {
            $("image").src = window.colorUrlNoOption;
        }
    }
}

function debugOut(text)
{
    if (window.isDebug)
    {
        Try.these(
                function()
                {
                    console.debug(text);
                },
                function()
                {
                    window.console.log(text);
                }
                );
    }
}