function addEvent(elm, evType, fn, useCapture) 
{
    if (elm.addEventListener) {
        elm.addEventListener(evType, fn, useCapture);
        return true;
    }
    else if (elm.attachEvent) {
        var r = elm.attachEvent('on' + evType, fn);
        return r;
    }
    else {
        elm['on' + evType] = fn;
    }
}

addEvent(window, 'load', init, false);

var g_index = 0;
var skipNextShowcaseRotation = false;

function switchShowcase(itemNumber)
{
    try
    {
        g_index = itemNumber;
        var showcaseItem = $get("showcaseItem" + g_index);
        var showcaseButton =$get("as" + g_index)
        
        HideAllShowcase();
        
        showcaseItem.style.display = "block";    
        showcaseButton.className = "activeSwitch";
                        
        fadeShowcase(0);
                        
        skipNextShowcaseRotation = true;
        
    }catch(err){
    } 
}

function HideAllShowcase()
{
    for(var i=1; i<=5; i++)
    {
        var showcaseItem = $get("showcaseItem" + i);
        
        if(showcaseItem.style.display == "block")
        {                                    
            fadeShowcase(i);
        }
                
        showcaseItem.style.display = "none";                        
        $get("as" + i).className = "test";
    }
}


function fadeShowcase(fadeIndex)
{
    var newShowcase;
    var animations = new Array();
    
    if(fadeIndex == 0)
    {        
        newShowcase = $get("showcaseFeature" + g_index);                                    
        animations[0] = new AjaxControlToolkit.Animation.FadeInAnimation(newShowcase, 0.3, 15, 0, 1, true);    
    }
    else
    {        
        newShowcase = $get("showcaseFeature" + fadeIndex);                            
        animations[0] = new AjaxControlToolkit.Animation.FadeOutAnimation(newShowcase, 0.3, 15, 0, 1, true);
    }
        
    animations[1] = new AjaxControlToolkit.Animation.ScriptAction(newShowcase, .1, 20, newShowcase);        
    AjaxControlToolkit.Animation.SequenceAnimation.play(newShowcase, 0, 24, animations, 1);                    
    
    return false;

}


function init() 
{    
    switchShowcase(1);
    setInterval('rotateShowcase()', 3500);
}

function rotateShowcase()
{    
    try
    {
        if(skipNextShowcaseRotation)
        {
            skipNextShowcaseRotation = false;
            return;
        }
        
        g_index++;
        
        if(g_index > 5)
        {
            g_index = 1;
        }
        
        switchShowcase(g_index)
        
    }catch(err){
    } 
}