var imgCount;
var imgPointer;
var imgNames = new Array("http://www.aevideosystems.com/b2c/Portals/0/Images/rotate_image_22.jpg", "http://www.aevideosystems.com/b2c/Portals/0/aspdnsf/images/Product/icon/33.jpg","http://www.aevideosystems.com/b2c/Portals/0/aspdnsf/images/Product/icon/35.jpg","http://www.aevideosystems.com/b2c/Portals/0/aspdnsf/images/Product/icon/76.jpg","http://www.aevideosystems.com/b2c/Portals/0/aspdnsf/images/Product/icon/78.jpg","http://www.aevideosystems.com/b2c/Portals/0/aspdnsf/images/Product/icon/26.jpg","http://www.aevideosystems.com/b2c/Portals/0/aspdnsf/images/Product/icon/29.jpg","http://www.aevideosystems.com/b2c/Portals/0/Image_Rotate/rotate_cam1.jpg","http://www.aevideosystems.com/b2c/Portals/0/Image_Rotate/rotate_cam2.jpg","http://www.aevideosystems.com/b2c/Portals/0/Image_Rotate/rotate_cam3.jpg","http://www.aevideosystems.com/b2c/Portals/0/Image_Rotate/rotate_cam4.jpg","http://www.aevideosystems.com/b2c/Portals/0/Image_Rotate/rotate_cam5.jpg","http://www.aevideosystems.com/b2c/Portals/0/Image_Rotate/rotate_cam6.jpg", "http://www.aevideosystems.com/b2c/Portals/0/Image_Rotate/rotate_cam8.jpg","http://www.aevideosystems.com/b2c/Portals/0/Image_Rotate/rotate_cam9.jpg","http://www.aevideosystems.com/b2c/Portals/0/Image_Rotate/rotate_cam10.jpg","http://www.aevideosystems.com/b2c/Portals/0/Image_Rotate/rotate_cam12.jpg");
var timer_delay = 15; // Timer delay interval in milliseconds
var roll_delay = 1000;
var roll_wait = 0; // when this is >= roll_delay, reset and roll.
var vY = 2; // vertical speed on roll.
var imgPreload;

var imgTags;

var imgWidth = 0;
var imgHeight = 0;
var rotate_transit = false;

var tMargin = 150;
var tMax = 150;
var tContainer;

var sliderMax = 7;

function preload_roll() // Preload those images.
{
    
    imgPreload = new Array();
    var i = 0;
    for (i = 0; i < imgNames.length; i++) 
    {
        imgPreload[i] = new Image();
        imgPreload[i].src = imgNames[i];
    }
    //document.body.style.backgroundColor = "#000000";
}

function roll_init() // Preload images, init vars, and init the timer.
{
    preload_roll(); // Preload function call

    // init vars
    imgCount = imgPreload.length;
    imgPointer = 0;
    imgWidth = 150;
    imgHeight = 150;

    // init displayed image tags.
    //imgTagIn = document.getElementById('roll_in');
    //imgTagOut = document.getElementById('roll_out');

    tContainer = document.getElementById('img_container');
    //document.getElementById('img_wrap').style.margin = "0";
    //imgTagIn.style.position = "absolute";
    //document.getElementById('img_wrap').innerHTML = "" + tMax;
    for(var i = 0; i < imgTags.length; i++)
    	imgTags[i].style.margin = "0";
    //imgTags.style.margin = "0";
    //imgTagIn.style.marginTop = "" + (-1 * 0) + "px";
    //imgTagOut.style.marginTop = "-50px";
    for(var i = 0; i< imgTags.length; i++)
    	imgTags[i].src = imgNames[i];
    //imgTagOut.src = imgNames[0];
    //document.body.style.backgroundColor = "#000000";
    tMax = imgTags[sliderMax].offsetWidth;
    imgPointer = sliderMax + 1;
    setInterval("tick()", timer_delay);
    rotateInit();
}
function tick() 
{
    roll_wait += timer_delay;
    /*
    if (roll_wait >= roll_delay) 
    {
        rotateInit();
        rotate_transit = true;
        roll_wait = 0;
    }*/
    if (rotate_transit == true)
        rotate();
}
function rotateInit() 
{
	rotate_transit = true;
    imgPointer += 1;
    if (imgPointer >= imgCount)
        imgPointer = 0;
    imgTags[0].src = imgNames[imgPointer];
    tMargin = tMax;
    //imgTagIn.style.display = "block";
    //document.body.style.backgroundColor = "#000000";
}
function rotate() 
{
    roll_wait = 0;
    tMargin -= vY;
    if (tMargin <= 0) {
        tMargin += tMax;
	for(var i = (imgTags.length - 1); i > 0; i--)
		imgTags[i].src = imgTags[i-1].src;
        //imgTagOut.src = imgTagIn.src;
        tContainer.style.marginLeft = "" + (-1 * tMargin) + "px";
        rotate_transit = false;
	rotateInit();
        //imgTagIn.style.display = "none";
    }
    else 
    {
        tContainer.style.marginLeft = "" + (-1 * tMargin) + "px";
        //document.getElementById('junk').innerHTML = ""+imgTagIn.style.top;
        //document.body.style.backgroundColor = "#000000";
    }
}

// when page loads run roll init to get things going.
$(document).ready(function() 
{
    imgTags = [document.getElementById('roll_1'),document.getElementById('roll_2'),document.getElementById('roll_3'),document.getElementById('roll_4'),document.getElementById('roll_5'),document.getElementById('roll_6'),document.getElementById('roll_7'),document.getElementById('roll_8')];
    roll_init();
});