var banners = new Array()

//direction: 'lefttoright', 'righttoleft', 'toptobottom', 'bottomtotop'
function hBannerRotator(width, height, pause, index, containerid, containerclass, images, links, direction)
{
    banners[index] = new Array();
    banners[index][17] = direction;
    banners[index][0] = width; //slideshow_width //SET SLIDESHOW WIDTH (set to largest image's width if multiple dimensions exist)
    banners[index][1] = height; //slideshow_height //SET SLIDESHOW HEIGHT (set to largest image's height if multiple dimensions exist)
    banners[index][2] = pause; //pause //SET PAUSE BETWEEN SLIDE (2000=2 seconds)
    
    //SET IMAGE PATHS. Extend or contract array as needed
    banners[index][3] = images; //dropimages
    
    //SET IMAGE URLs. Extend or contract array as needed
    banners[index][4] = links; //droplinks
    
    //Preloaded images
    var preloadedimages=new Array()
    for (p=0;p<banners[index][3].length;p++)
    {
        preloadedimages[p]=new Image();
        preloadedimages[p].src=banners[index][3][p];
    }
    banners[index][5] = preloadedimages;
    
    banners[index][6] = document.all; //ie4
    banners[index][7] = document.getElementById; //dom
           
    //curpos depending on the direction of the rotation
    if( banners[index][17] == 'toptobottom' || banners[index][17] == 'bottomtotop' )
        banners[index][8] = banners[index][1]
    else
        banners[index][8] = banners[index][0]
    
    if( banners[index][17] == 'toptobottom' || banners[index][17] == 'lefttoright' )
    {
        banners[index][8] = parseInt(banners[index][8])*(-1); //curpos
        banners[index][9] = 10; //degree
    }
    else
    {
        banners[index][8] = parseInt(banners[index][8]); //curpos
        banners[index][9] = -10; //degree
    }
    
    banners[index][11] = 0; //curimageindex
    banners[index][12] = 1; //nextimageindex
    banners[index][13] = null; //dropslide
    banners[index][14] = null; //canvasobj
    banners[index][15] = null; //linkindex
    banners[index][16] = containerid; //containerid
    
    
    var container=banners[index][6]? eval("document.all."+banners[index][16]) : document.getElementById(banners[index][16]);
    if( banners[index][6] || banners[index][7] )
        container.innerHTML = '<div id="canvas' + index + '" class="' + containerclass + '"></div><a href="' + banners[index][4][0] + '" rel="nofollow" target="_blank" id="prevslide' + index + 'Lnk" name="prevslide' + index + 'Lnk"><img src="' + banners[index][3][0] + '" id="prevslide' + index + '" name="prevslide' + index + '" alt="" width="' + banners[index][0] + '" height="' + banners[index][1] + '" /></a>';
    else
        container.innerHTML = '<a href="javascript:rotatelink(' + index + ')" rel="nofollow"><img name="defaultslide" src="'+banners[index][3][0]+'" border=0 alt="slide" /></a>';
   
    
    banners[index][14] = banners[index][6]? eval("document.all.canvas"+index) : document.getElementById("canvas"+index)
    setTimeout("rotateimage(" + index + ")",banners[index][2])
    
}

function movepic(index)
{
    if ( (banners[index][17] == 'toptobottom' || banners[index][17] == 'lefttoright') && banners[index][8]<0)
    {
        banners[index][8]=Math.min(banners[index][8]+banners[index][9],0)
        if( banners[index][17] == 'toptobottom' )
            banners[index][14].style.top=banners[index][8]+"px"
        else
        {
            banners[index][14].style.top="0px"
            banners[index][14].style.left=banners[index][8]+"px"
        }
        banners[index][14].style.zIndex=3;
    }
    else if ( (banners[index][17] == 'bottomtotop' || banners[index][17] == 'righttoleft') && banners[index][8]> 0)
    {
        banners[index][8]=Math.max(banners[index][8]+banners[index][9],0)
        if( banners[index][17] == 'bottomtotop' )
            banners[index][14].style.top=banners[index][8]+"px"
        else
        {
            banners[index][14].style.top="0px"
            banners[index][14].style.left=banners[index][8]+"px"
        }
        banners[index][14].style.zIndex=3;
    }
    else
    {      
        clearInterval(banners[index][13])
        
        var img=banners[index][6]? eval("document.all.prevslide"+index) : document.getElementById('prevslide'+index);
        img.src = banners[index][3][banners[index][11]];
        var lnk=banners[index][6]? eval("document.all.prevslide"+index+"Lnk") : document.getElementById('prevslide'+index+'Lnk');
        lnk.href = banners[index][4][banners[index][11]];
        resetit(index)
        
        banners[index][12]=(banners[index][12]<banners[index][3].length-1)? banners[index][12]+1 : 0
        setTimeout("rotateimage(" + index + ")",banners[index][2])
    }
    
}

function rotateimage(index)
{   
    if (banners[index][6]||banners[index][7])
    {
        banners[index][14].style.top=banners[index][8]+"px"
        banners[index][14].innerHTML = '<a target="_blank" rel="nofollow" href="' + banners[index][4] + '"><img src="' + banners[index][3][banners[index][12]] + '" border=0 alt="banner" /></a>'
        
        var temp='setInterval("movepic(' + index + ')",50)';
        banners[index][13]=eval(temp);
    }
    else
        document.images.defaultslide.src=banners[index][3][banners[index][11]]
        
    banners[index][15]=banners[index][11]
    banners[index][11]=(banners[index][11]<banners[index][3].length-1)? banners[index][11]+1 : 0
}

function rotatelink(index)
{
    window.location=banners[index][4] = banners[index][4][banners[index][15]]
}

function resetit(index)
{
    if( banners[index][17] == 'toptobottom' || banners[index][17] == 'lefttoright' )
        banners[index][8] = parseInt(banners[index][1])*(-1); //curpos
    else
        banners[index][8] = parseInt(banners[index][1]); //curpos
    banners[index][14].style.top=banners[index][8]+"px"
}

function startit(index)
{
    banners[index][14].innerHTML = '<a target="_blank" rel="nofollow" href="' + banners[index][4][banners[index][11]] + '"><img src="' + banners[index][3][banners[index][11]] + '" border=0 alt="banner" /></a>'
    rotateimage(index);
}