CurrentIndex = 0;
ImageWidth = 533;
ImageCount = 0;
ImageHeight = 400;
Gap = 20;
NextCheck = true;
TotalWidth = 965;
TotalHeight = 450;
RotationInterval = 3000;

MovementTime = 800;

IntervalID = null;

//FlvPlayerCode = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='"+ImageWidth+"' height='"+ImageHeight+"' id='FLVPlayer'> <param name='movie' value='FLVPlayer_Progressive.swf' /> <param name='salign' value='lt' /> <param name='quality' value='high' /><param name='scale' value='noscale' /><param name='bgcolor' value='#000000' /><param name='FlashVars' value='&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=flash/<VideoName>&autoPlay=true&autoRewind=false' /><embed src='FLVPlayer_Progressive.swf' bgcolor='#000000' flashvars='&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=flash/<VideoName>&autoPlay=true&autoRewind=false' quality='high' scale='noscale' width='"+ImageWidth+"' height='"+ImageHeight+"' name='FLVPlayer' salign='LT'  type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>";
FlvPlayerCode="<object width='533' height='400'><param name='allowfullscreen' value='true' /><param name='scale' value='noscale' /><param name='quality' value='high' /><param name='allowscriptaccess' value='always' /><param name='movie' value='http://vimeo.com/moogaloop.swf?clip_id=<VideoName>&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=1&amp;loop=0' /><param name='wmode' value='transparent'><embed src='http://vimeo.com/moogaloop.swf?clip_id=<VideoName>&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=1&amp;loop=0' type='application/x-shockwave-flash'  allowfullscreen='true' allowscriptaccess='always' quality='high' scale='noscale' width='533' height='400'></embed></object>";
//FlvPlayerCode="<object width='533' height='400'><param name='allowfullscreen' value='true' /><param name='scale' value='noscale' /><param name='quality' value='high' /><param name='allowscriptaccess' value='always' /><param name='movie' value='<VideoName>&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=1&amp;loop=0' /><param name='wmode' value='transparent'><embed src='<VideoName>&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=1&amp;loop=0' type='application/x-shockwave-flash'  allowfullscreen='true' allowscriptaccess='always' quality='high' scale='noscale' width='533' height='400'></embed></object>";
CurrentImageContent = "";
CurrentImageDiv = null;

function InitVideosScroller(TotalImage)
{
    ImageCount=TotalImage;
    str_content = document.getElementById("div_scroller").innerHTML;
    
    document.getElementById("div_main1").innerHTML = "<div style='position: relative; float: left;' id='divInner1'><div style='position: relative; float: left;' id='divPrev' class='scroll'>" + str_content + "</div><div style='position: relative; float: left;' id='divCurrent' class='scroll'>" + str_content + "</div><div style='position: relative; float: left;' id='divNext' class='scroll'>" + str_content + "</div></div>";
    
    document.getElementById("divInner1").style.width = GetTotalWidth()*3+'px';
    
    document.getElementById("divCurrent").style.left = '-'+(GetTotalWidth()-((TotalWidth-ImageWidth)/2))+'px';
    
    document.getElementById("divPrev").style.left = document.getElementById("divPrev").style.left-(GetTotalWidth()-((TotalWidth-ImageWidth)/2))+'px';
    document.getElementById("divNext").style.left = document.getElementById("divNext").style.left-(GetTotalWidth()-((TotalWidth-ImageWidth)/2))+'px';
    
    IntervalID = setInterval('Next()', RotationInterval);
}

function Play()
{
    if(IntervalID == null)
    {
        IntervalID = setInterval('Next()', RotationInterval);
    }
}
function Stop()
{
    if(IntervalID != null)
    {
        clearInterval(IntervalID)
        IntervalID = null;
    }
}

function Next()
{
    if(NextCheck)
    {   
        ResetImages();
        NextCheck = false;
        CurrentIndex += 1;
        
        TotalMovementTime = 0;
        
        if(CurrentIndex <= ImageCount - 2 && CurrentIndex > 1)
        {
            $("#divCurrent").animate({
                    left: parseInt(document.getElementById("divCurrent").style.left) - (ImageWidth + Gap) +'px'
                    },MovementTime);
            document.getElementById("divPrev").style.left = parseInt(document.getElementById("divPrev").style.left) - (ImageWidth + Gap) + 'px';
            document.getElementById("divNext").style.left = parseInt(document.getElementById("divNext").style.left) - (ImageWidth + Gap) + 'px';
            
            TotalMovementTime = MovementTime;
        }
        else if(CurrentIndex > ImageCount - 2)
        {
            $("#divCurrent").animate({
                    left: parseInt(document.getElementById("divCurrent").style.left) - (ImageWidth + Gap) +'px'
                    },MovementTime);
            $("#divNext").animate({
                    left: parseInt(document.getElementById("divNext").style.left) - (ImageWidth + Gap) +'px'
                    },MovementTime);
            document.getElementById("divPrev").style.left = parseInt(document.getElementById("divPrev").style.left) - (ImageWidth + Gap) + 'px';
            TotalMovementTime = MovementTime*2;
        }
        else if(CurrentIndex <= 1)
        {
            $("#divPrev").animate({
                    left: parseInt(document.getElementById("divPrev").style.left) - (ImageWidth + Gap) +'px'
                    },MovementTime);
            $("#divCurrent").animate({
                    left: parseInt(document.getElementById("divCurrent").style.left) - (ImageWidth + Gap) +'px'
                    },MovementTime);
            document.getElementById("divNext").style.left = parseInt(document.getElementById("divNext").style.left) - (ImageWidth + Gap) + 'px';
            TotalMovementTime = MovementTime*2;
        }
        else
        {
            $("#divPrev").animate({
                        left: parseInt(document.getElementById("divPrev").style.left) - (ImageWidth + Gap) +'px'
                        },MovementTime);
            $("#divCurrent").animate({
                        left: parseInt(document.getElementById("divCurrent").style.left) - (ImageWidth + Gap) +'px'
                        },MovementTime);
            $("#divNext").animate({
                        left: parseInt(document.getElementById("divNext").style.left) - (ImageWidth + Gap) +'px'
                        },MovementTime);
            TotalMovementTime = MovementTime*3;
        }
        if(CurrentIndex == ImageCount+1)
        {
            CurrentIndex = 1;
            Play();
            setTimeout(function() {//alert('hi');
                document.getElementById("divPrev").style.left = parseInt(document.getElementById("divPrev").style.left) + GetTotalWidth() + 'px';
                document.getElementById("divCurrent").style.left = parseInt(document.getElementById("divCurrent").style.left) + GetTotalWidth() + 'px';
                document.getElementById("divNext").style.left = parseInt(document.getElementById("divNext").style.left) + GetTotalWidth() + 'px';
                
                NextCheck = true;
            }, TotalMovementTime);
        }
        else
        {
            Play();
            setTimeout(function() {
                NextCheck = true;
            }, TotalMovementTime);
        }
    }
}

function Previous()
{   
    if(NextCheck)
    {
        ResetImages();
        NextCheck = false;
        CurrentIndex -= 1;
        
        TotalMovementTime = 0;
        
        if(CurrentIndex <= ImageCount - 2 && CurrentIndex > 1)
        {
            $("#divCurrent").animate({
                        left: parseInt(document.getElementById("divCurrent").style.left) + (ImageWidth + Gap) +'px'
                        },MovementTime);
            document.getElementById("divPrev").style.left = parseInt(document.getElementById("divPrev").style.left) + (ImageWidth + Gap) + 'px';
            document.getElementById("divNext").style.left = parseInt(document.getElementById("divNext").style.left) + (ImageWidth + Gap) + 'px';
            
            TotalMovementTime = MovementTime;
        }
        else if(CurrentIndex > ImageCount - 2)
        {
            $("#divCurrent").animate({
                        left: parseInt(document.getElementById("divCurrent").style.left) + (ImageWidth + Gap) +'px'
                        },MovementTime);
            $("#divNext").animate({
                        left: parseInt(document.getElementById("divNext").style.left) + (ImageWidth + Gap) +'px'
                        },MovementTime);
            document.getElementById("divPrev").style.left = parseInt(document.getElementById("divPrev").style.left) + (ImageWidth + Gap) + 'px';
            TotalMovementTime = MovementTime*2;
        }
        else if(CurrentIndex <= 1)
        {
            $("#divPrev").animate({
                    left: parseInt(document.getElementById("divPrev").style.left) + (ImageWidth + Gap) +'px'
                    },MovementTime);
            $("#divCurrent").animate({
                        left: parseInt(document.getElementById("divCurrent").style.left) + (ImageWidth + Gap) +'px'
                        },MovementTime);
            document.getElementById("divNext").style.left = parseInt(document.getElementById("divNext").style.left) + (ImageWidth + Gap) + 'px';
            TotalMovementTime = MovementTime*2;
        }
        else
        {
            $("#divPrev").animate({
                    left: parseInt(document.getElementById("divPrev").style.left) + (ImageWidth + Gap) +'px'
                    },MovementTime);
            $("#divCurrent").animate({
                        left: parseInt(document.getElementById("divCurrent").style.left) + (ImageWidth + Gap) +'px'
                        },MovementTime);
            $("#divNext").animate({
                        left: parseInt(document.getElementById("divNext").style.left) + (ImageWidth + Gap) +'px'
                        },MovementTime);
            TotalMovementTime = MovementTime*3;
        }
        
        if(CurrentIndex == -2)
        {
            CurrentIndex = ImageCount - 2;
            Play();
            setTimeout(function() {//alert('hi');
                document.getElementById("divPrev").style.left = parseInt(document.getElementById("divPrev").style.left) - GetTotalWidth() + 'px';
                document.getElementById("divCurrent").style.left = parseInt(document.getElementById("divCurrent").style.left) - GetTotalWidth() + 'px';
                document.getElementById("divNext").style.left = parseInt(document.getElementById("divNext").style.left) - GetTotalWidth() + 'px';
                
                NextCheck = true;
            }, TotalMovementTime);
        }
        else
        {
            Play();
            setTimeout(function() {
                NextCheck = true;
            }, TotalMovementTime);
        }
    }
    
}

function GetTotalWidth()
{
    return ((ImageWidth+Gap)*ImageCount);
}

function PlayVideo(divID, VideoName, Index)
{   
    //alert(0%7);alert(1%7);alert(7%7);alert(8%7);
    //document.getElementById("div_test").innerHTML = Index + '=' + (CurrentIndex%ImageCount);
    if(Index == ((CurrentIndex+ImageCount)%ImageCount))
    {
        //document.getElementById("div_test").innerHTML = document.getElementById("div_test").innerHTML + Index + '=' + (CurrentIndex%ImageCount);
        Stop();
        ResetImages();
        CurrentImageContent=divID.innerHTML;
        CurrentImageDiv=divID;
        divID.innerHTML = FlvPlayerCode.replace(/<VideoName>/g, VideoName);
    }
}

function ResetImages()
{
    if(CurrentImageDiv != null)
    {
        CurrentImageDiv.innerHTML = CurrentImageContent;
    }
}