function gy_carousel_gallery_next(nameFormat, imagesCount, imagesPerLine)
  {
    var start = (document.getElementById(nameFormat+"-first-image").value-1)+1;    
    var end = (document.getElementById(nameFormat+"-last-image").value-1)+1;
    
    // increase range if end is not reached
    if(end < imagesCount)
    {
      document.getElementById(nameFormat+"-first-image").value = start + 1;    
      document.getElementById(nameFormat+"-last-image").value = end + 1;
    
    
	    // set visible images from range and others not visible
	    for(i = 0; i < imagesCount; i++)
	    { 
	      var div = document.getElementById(nameFormat+"-image"+i+"_div");
	      if(i >= (start+1) && i < (end+1))
	      {
	        div.style.display="inline";
	        div.className = nameFormat+"-image-yes";
	      }
	      else
	      {
	        div.style.display="none";
	        div.className = nameFormat+"-image-no";
	      }
	    }
	    
	    // sets arrow down visible as we can go back now
	    if(start == 0)
	    {  
	      var arrow2 = document.getElementById(nameFormat+"-prev");
	      var noarrow2 = document.getElementById(nameFormat+"-prev-not-active");
	      arrow2.style.display = "";
	      noarrow2.style.display = "none";
	    }
	    
	    // if end is not reached arrow is visible
	    var noarrow = document.getElementById(nameFormat+"-next-not-active");
	    var arrow = document.getElementById(nameFormat+"-next");
	    if((end+1) == imagesCount)
	    {
	      noarrow.style.display = "";
	      arrow.style.display = "none";
	    }
	    else
	    {
	      noarrow.style.display = "none";
	      arrow.style.display = "";
	    }
    }
    
  }

  function gy_carousel_gallery_prev(nameFormat, imagesCount, imagesPerLine)
  {
    var start = (document.getElementById(nameFormat+"-first-image").value-1)+1;    
    var end = (document.getElementById(nameFormat+"-last-image").value-1)+1;

    // decrease range if start is not reached
    if(start > 0)
    {
      document.getElementById(nameFormat+"-first-image").value = start - 1;    
      document.getElementById(nameFormat+"-last-image").value = end - 1;
    
    
	    // set visible images from range and others not visible
	    for(i = 0; i < imagesCount; i++)
	    { 
	      var div = document.getElementById(nameFormat+"-image"+i+"_div");
	      if(i >= (start-1) && i< (end-1))
	      {
	        div.style.display="inline";
	        div.className = nameFormat+"-image-yes";
	      }          
	      else
	      {
	        div.style.display="none";
	        div.className = nameFormat+"-image-no";
	      }
	    }
	    
	    // sets arrow up visible as we can go forward now
	    if((end-1) == (imagesCount-1))
	    {
	      var arrow = document.getElementById(nameFormat+"-next");
	      var noarrow = document.getElementById(nameFormat+"-next-not-active");
	      arrow.style.display = "";
	      noarrow.style.display = "none";
	    }
	     
	    // if start is not reached arrow is visible   
	    var noarrow2 = document.getElementById(nameFormat+"-prev-not-active");
	    var arrow2 = document.getElementById(nameFormat+"-prev");
	    if((start-1) == 0)
	    {
	      noarrow2.style.display = "";
	      arrow2.style.display = "none";
	    }
	    else
	    {
	      noarrow2.style.display = "none";
	      arrow2.style.display = "";
	    }
    }
       
  }
  
  /*
   *  function run as first
   * to set any images visible and adjusts arrows 
   */
  
  function gy_carousel_gallery_init(nameFormat, imagesCount, imagesPerLine)
  {
    var start = (document.getElementById(nameFormat+"-first-image").value-1)+1;    
    var end = (document.getElementById(nameFormat+"-last-image").value-1)+1;
  
    // makes visible only images from range
    // and other not visible
    for(i = 0; i < imagesCount; i++)
    { 
      var div = document.getElementById(nameFormat+"-image"+i+"_div");
      if(i >= start && i< end)
      {
        div.style.display="inline";
        div.className = nameFormat+"-image-yes";
      }          
      else
      {
        div.style.display="none";
        div.className = nameFormat+"-image-no";
      }
    }
    
    var noarrowPrev = document.getElementById(nameFormat+"-prev-not-active");
    var noarrowNext = document.getElementById(nameFormat+"-next-not-active");
    
   if(imagesCount > imagesPerLine)
   {
	    // sets left arrow hidden and right visible	    
	    var arrowPrev = document.getElementById(nameFormat+"-prev");
	    var arrowNext = document.getElementById(nameFormat+"-next");
	    
	    noarrowPrev.style.display ="";
	    arrowPrev.style.display = "none";
	    noarrowNext.style.display ="none";
	    arrowNext.style.display = "";
    }
    else
    {
      noarrowPrev.style.display ="";
      noarrowNext.style.display ="";
    }
    
  }
  
  
  function gy_carousel_gallery_updateBigImageDiv(bigImageDiv, imageContent)
  {
    var imageDiv = document.getElementById(bigImageDiv);
    
    var inputAdder = "<img src='" + imageContent + "'/>" ;
    imageDiv.innerHTML   = inputAdder;
  }