var ImgDir = 'themes/modern_red/images/';
   
/* Next button clicked */
function clickNavButton(button)
{  
   var bannerMaxIndex = 5;
   var curBanner;
   var i = 0;
   var id = document.getElementById('divId0');
   var divIdArray = new Array("divId0", "divId1", "divId2", "divId3", "divId4");
   /* First, turn the display to  for all banners */
   for ( i =0; i < bannerMaxIndex; i++)
   {
      document.getElementById(divIdArray[i]).style.display = 'none';
   }
   /*  Turn the display to block on the next banner */
   curBanner = document.getElementById('curIndex').innerHTML;
   if (button == 'nextButton') {
      if (curBanner == bannerMaxIndex-1 )
         curBanner = -1;
      cBanner = parseInt(curBanner) + 1;   
      document.getElementById(divIdArray[cBanner]).style.display = 'block';
      document.getElementById('curIndex').innerHTML = cBanner;
   } 
   if (button == 'prevButton') {
       if (curBanner == 0 )
          curBanner = bannerMaxIndex;
       cBanner = parseInt(curBanner) - 1;   
       document.getElementById(divIdArray[cBanner]).style.display = 'block';
       document.getElementById('curIndex').innerHTML = cBanner;
   } 
   
}

function showNavButtons()
{
  showNextButton();
  showPrevButton();
}

function hideNavButtons()
{
    document.getElementById('nextButtonDiv').style.display = 'none';
    document.getElementById('prevButtonDiv').style.display = 'none';
}

function showNextButton()
{
   var padding;
   var x;
   document.getElementById('nextButtonDiv').style.display = 'block';
   obj_nextButtonDiv = document.getElementById('nextButtonDiv');
   padding = 540;

   x = getXYpos('pinpoint');
   obj_nextButtonDiv.style.left = x + padding + 'px';

   obj_nextButtonDiv.style.top = '250px';
}

function showPrevButton()
{
   document.getElementById('prevButtonDiv').style.display = 'block';

   obj_prevButtonDiv = document.getElementById('prevButtonDiv');
   x = getXYpos('pinpoint');
   obj_prevButtonDiv.style.left = x + 'px';
   obj_prevButtonDiv.style.top = '250px';
}

function getXYpos(elem) 
{
     var curleft = 0;

     obj = document.getElementById(elem);
     if(obj.offsetParent) {
         while(1) {
             curleft += obj.offsetLeft;
             if(!obj.offsetParent)
             break;
             obj = obj.offsetParent;
         }
     } else if(obj.x) {
         curleft += obj.x;
     }
     //obj.style.position = "static";
     return curleft;
}

function hideImage(id)
{
     document.getElementById(id).style.display = 'none';
}

function showCatManuf(id)
{
	document.getElementById(id).style.display = 'block';
}
function hideCatManuf(id)
{
	document.getElementById(id).style.display = 'none';
}