window.attachEvent("onload", CreateFirstPaging);

function CreateFirstPaging()
{
	var width = parseInt(document.getElementById("div-Body-ShowImages").style.width);
	var pageNum = Math.ceil(document.getElementById('tblShowImagesItems').clientWidth/width);
	var randomNumber=Math.floor(Math.random()*pageNum);

	if((randomNumber*width) + width >= document.getElementById('tblShowImagesItems').clientWidth)
	{
		randomNumber = document.getElementById('tblShowImagesItems').clientWidth - width;
	}
	else
	{
		randomNumber = randomNumber*width;
	}
	
	randomNumber = randomNumber * -1;	
	document.getElementById('tblShowImagesItems').style.right =  parseInt(document.getElementById('tblShowImagesItems').style.right) + randomNumber;
	
    if(document.getElementById("tblPagingShowImages") != null)
    {
        CreatePaging(width);
    }
}

function CreatePaging(Width)
{
    var _pageIndex,_pageNum;

    document.getElementById("btnPrev").disabled = false;
    document.getElementById("btnPrev").className = "inputPaging-Previous-Enabled-ShowImages";
    document.getElementById("btnNext").disabled = false;
    document.getElementById("btnNext").className = "inputPaging-Next-Enabled-ShowImages";

    if(parseInt(document.getElementById('tblShowImagesItems').style.right) == 0)
    {
        _pageIndex = 0;
        document.getElementById("btnPrev").disabled = true;
        document.getElementById("btnPrev").className = "inputPaging-Previous-Disabled-ShowImages";
    }
    else
    {
        _pageIndex = Math.ceil(Math.abs(parseInt(document.getElementById('tblShowImagesItems').style.right)/Width));
    }
    
    _pageNum = Math.ceil(document.getElementById('tblShowImagesItems').clientWidth/Width);
    
    if(_pageIndex == _pageNum -1)
    {
        document.getElementById("btnNext").disabled = true;
        document.getElementById("btnNext").className = "inputPaging-Next-Disabled-ShowImages";
    }
    
    CreatePagingTable(Width,_pageIndex,_pageNum);
}

function CreatePagingTable(Width,PageIndex,NumPages)
{
    var pagingTD = document.getElementById("tdPagingIndex");
    var text = "<table cellspacing='0' cellpadding='0' class='tblPagingIndex-ShowItems'>" +
        "<tr class='trPagingIndex-ShowItems'>";
   
    for(var i=0;i<NumPages;i++)
    {
        if(PageIndex == i)
        {
            text += "<td class='tdPagingIndexCurrentItem-ShowItems'></td>";
        }
        else
        {
            text += "<td class='tdPagingIndexItem-ShowItems' onclick='SetPage(" + i + "," + Width + ");'></td>";
        }
    }
    
     text += "</tr>" +
    "</table>";
    
    pagingTD.innerHTML = text;
}

function Strip_Roll(Param, Width)
{
    //if last page
    if(Param == "Next" && Math.abs(parseInt(document.getElementById('tblShowImagesItems').style.right))+ Width >= document.getElementById('tblShowImagesItems').clientWidth)
    {
        clearTimeout(DoRoll2);
        CreatePaging(Width);
        return;
    }
    
    //if first page
    if(parseInt(document.getElementById('tblShowImagesItems').style.right) == 0 && Param == "Previous")
    {
        clearTimeout(DoRoll2);
        CreatePaging(Width);
        return;
    }
    
    var i;
    if(Param == "Previous")
    {
        i = 1;
    }
    else
    {
        i = -1;
    }
    
    document.getElementById('tblShowImagesItems').style.right =  parseInt(document.getElementById('tblShowImagesItems').style.right) + i;
    var right = parseInt(document.getElementById('tblShowImagesItems').style.right);
    if(right/Width == 0 || right/Width == parseInt(right/Width))
    {
        clearTimeout(DoRoll2);
        CreatePaging(Width);
    }
}

function Strip_startRoll(Param,Width)
{
    if(window.DoRoll2 != undefined)
    {
        clearTimeout(DoRoll2);
    }
    
    DoRoll2 = setInterval("Strip_Roll('" + Param + "'," + Width + ")", 1);
}

function Previous(width)
{
    if(window.DoRoll2 != undefined)
    {
        clearTimeout(DoRoll2);
    }
    
    window.setTimeout("Strip_startRoll('Previous'," + width + ")", 1);
}

function Next(width)
{

	if(window.DoRoll2 != undefined)
    {
        clearTimeout(DoRoll2);
    }
    
    window.setTimeout("Strip_startRoll('Next'," + width + ")", 40);
}

function SetPage(PageIndex,width)
{
	if(window.DoRoll2 != undefined)
    {
        clearTimeout(DoRoll2);
    }
    
    window.setTimeout("Strip_startSetPage(" + PageIndex + "," + width + ")", 40);
}

function Strip_startSetPage(PageIndex ,Width)
{
    if(window.DoRoll2 != undefined)
    {
        clearTimeout(DoRoll2);
    }
    
    DoRoll2 = setInterval("Strip_SetPage(" + PageIndex + "," + Width + ")", 1);
}

function Strip_SetPage(PageIndex ,Width)
{
	var right = parseInt(document.getElementById('tblShowImagesItems').style.right);
	var _currentPageIndex = Math.ceil(Math.abs(parseInt(document.getElementById('tblShowImagesItems').style.right)/Width));
    var i;

    if(_currentPageIndex == PageIndex && right/Width == parseInt(right/Width))
    {
    	clearTimeout(DoRoll2);
   //     CreatePaging(Width);
        return;
    }
    
    if(_currentPageIndex > PageIndex)
    {
	    i = 1;
    }
    else
    {
	    i = -1;
    }
        
    document.getElementById('tblShowImagesItems').style.right =  parseInt(document.getElementById('tblShowImagesItems').style.right) + i;
	CreatePaging(Width);

    right = parseInt(document.getElementById('tblShowImagesItems').style.right);
     //if last page
    if(Math.abs(parseInt(document.getElementById('tblShowImagesItems').style.right))+ Width >= document.getElementById('tblShowImagesItems').clientWidth)
    {
        clearTimeout(DoRoll2);
//        CreatePaging(Width);
        return;
    }
    
    //if first page
    if(parseInt(document.getElementById('tblShowImagesItems').style.right) == 0)
    {
        clearTimeout(DoRoll2);
  //      CreatePaging(Width);
        return;
    }
    

}