var autoRotate = true;
var currentImageID = 1;
var autoRotateDelay = 5000;

function productHighlightClick(id, src)
{
    autoRotate = false;
    setProductHighlight(id, src);
}

function setProductHighlight(id, src)
{
    
    var selected = $('selectedImage');
    var clone = selected.clone();
    selected.parentNode.appendChild(clone);
    selected.src = src;
    var exampleFx = new Fx.Morph(clone, {duration: 1000});
    exampleFx.start({'opacity':[1,0]});
    $$('div.current').each(function(item){item.className = 'selector';});
    $('selector' + id).className = "selector current";
    $$('img.selected').each(function(item){if(item.getOpacity() == 0)item.parentNode.removeChild(item);});
    
}

function autoChange()
{
    if(autoRotate)
    {
        currentImageID++;
        var currentElement = $('selector' + currentImageID);
        if( currentElement == null)
        {
            currentImageID = 1;
            currentElement = $('selector' + currentImageID);
        }
        currentElement.onclick.run();
        autoRotate = true;
        setTimeout('autoChange()',autoRotateDelay);
    }
}

window.addEvent('domready', function() 
{
    $('selectors').getElement('div').className = "selector current";
    setTimeout('autoChange()',autoRotateDelay);
});