﻿var autoRotate = true;
var currentImageID = 0;
var autoRotateDelay = 5000;

function productHighlightClick(id, src, link)
{
    autoRotate = false;
    setProductHighlight(id, src, link);
}

function setProductHighlight(id, src, link)
{
    var selectedLink = $('selectedImageLink');
    var selected = $('selectedImage');
    var clone = selected.clone();
    selected.parentNode.appendChild(clone);
    selected.src = src;
    selectedLink.href = link;
    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() 
{
    var selectors = $('selectors');
    if(selectors != null)
    {
        var gallery = selectors.getElement('div');
        if( gallery!= null)
        {
            gallery.className = "selector current";
            setTimeout('autoChange()',0);
        }
     }
   
});