//Image Gallery with scrolling around div

function changeBigImage(imageUrl, description)
{
	var BigImgTd = document.getElementById("BigImg");
	BigImgTd.innerHTML = "<img width='421px' height='314px' alt='' src='"+imageUrl+"'/>";
	
	var ImgDescription = document.getElementById("ImgDescription");
	ImgDescription.innerHTML = description;
}

function ScrollDivBottom()   //scroll Next
{    
    var MinDivNumber = parseInt(document.getElementById("MinDivShown").value);
    var ImagesCount = document.getElementById("MaxImagesNumber").value;    
    var DivContainer = document.getElementById("container");    
    var newDivId;
   
    document.getElementById("MinDivShown").value = ++MinDivNumber;
    
    var IDdivA = MinDivNumber;
    var IDdivB = ++MinDivNumber;
    var IDdivC = ++MinDivNumber;
    
        
    //Get Next Div to Sohw
    if(IDdivA <= ImagesCount)
    {    
        var divA = document.getElementById("div_"+IDdivA);          
    }
    else
    {
        newDivId = IDdivA-ImagesCount;
        var divA = document.getElementById("div_"+newDivId);
        document.getElementById("MinDivShown").value = newDivId;
    }
    
    if(IDdivB <= ImagesCount)
    {    
        var divB = document.getElementById("div_"+IDdivB);    
    }
    else
    {
        newDivId = IDdivB-ImagesCount;
        var divB = document.getElementById("div_"+newDivId);
    }
    
    if(IDdivC <= ImagesCount)
    {
        var divC = document.getElementById("div_"+IDdivC);    
        document.getElementById("MaxDivShown").value = IDdivC;   
    }
    else
    {
        newDivId = IDdivC-ImagesCount;
        var divC = document.getElementById("div_"+newDivId);
        document.getElementById("MaxDivShown").value = newDivId;
    }
    
    DivContainer.innerHTML = divA.outerHTML + divB.outerHTML + divC.outerHTML;  
}

function ScrollDivTop()   //scroll Prev
{
    var MaxDivNumber = parseInt(document.getElementById("MaxDivShown").value);
    var ImagesCount = parseInt(document.getElementById("MaxImagesNumber").value);    
    var DivContainer = document.getElementById("container");    
    var newDivId;       
    
    var IDdivC = --MaxDivNumber;
    var IDdivB = --MaxDivNumber;
    var IDdivA = --MaxDivNumber;           
      
    //Get Next Div to Sohw
    if(IDdivA > 0)
    {    
        var divA = document.getElementById("div_"+IDdivA);    
    }
    else
    {
        newDivId = IDdivA + ImagesCount;        
        var divA = document.getElementById("div_"+newDivId);
        document.getElementById("MinDivShown").value = newDivId;
    }
    
    if(IDdivB > 0)
    {    
        var divB = document.getElementById("div_"+IDdivB);    
    }
    else
    {
        newDivId = IDdivB + ImagesCount;        
        var divB = document.getElementById("div_"+newDivId);
    }
    
    if(IDdivC > 0)
    {
        var divC = document.getElementById("div_"+IDdivC);       
        document.getElementById("MaxDivShown").value = IDdivC;
    }
    else
    {
        newDivId = IDdivC+ImagesCount;
        var divC = document.getElementById("div_"+newDivId);
        document.getElementById("MaxDivShown").value = newDivId;
    }
    
    DivContainer.innerHTML = divA.outerHTML + divB.outerHTML + divC.outerHTML;
}




/*************************************************************************************************/
//Create a scrolling DIV
scrollStep=1

timerLeft=""
timerRight=""

function toLeft(id){
  document.getElementById(id).scrollLeft=0
}

function scrollDivLeft(id){
  //clearTimeout(timerRight)  
  document.getElementById(id).scrollTop-=96
  //timerRight=setTimeout("scrollDivLeft('"+id+"')",10)
}

function scrollDivRight(id){
  //clearTimeout(timerLeft)
  document.getElementById(id).scrollTop+=96
  //timerLeft=setTimeout("scrollDivRight('"+id+"')",10)
}

function toRight(id){
  document.getElementById(id).scrollLeft=document.getElementById(id).scrollWidth
}

function stopMe(){
  clearTimeout(timerRight) 
  clearTimeout(timerLeft)
}

function changeBigImage(imageUrl, description)
{
	var BigImgTd = document.getElementById("BigImg");
	BigImgTd.innerHTML = "<img width='421px' height='314px' alt='' src='"+imageUrl+"'/>";
	
	var ImgDescription = document.getElementById("ImgDescription");
	ImgDescription.innerHTML = description;
}