var selectedCategory = 0;
   var selectedImage = 0;
   var selectedPage = 0;
   function showImage(index)
   {
     selectedImage = index;
     for(num in images[selectedCategory])
     {
         imgNum = parseInt(num)+1;
	     document.getElementById("num" + imgNum).src = "/images/frame/No" + imgNum + ".gif";
     }
     imgNum = parseInt(selectedImage)+1;
     document.getElementById("num" + imgNum).src = "/images/frame/No" + imgNum + "-sel.gif";
     document.getElementById("item-image").src = images[selectedCategory][selectedImage][0];
     document.getElementById("product-image-web-address").innerHTML = 
        "<a class='text-product-link' target='product' href='http://" + images[selectedCategory][selectedImage][1] + "'>" +
        images[selectedCategory][selectedImage][1] + "</a>";
     return false;
   }
   function showCategory(index)
   {
     selectedCategory = index;
     for(category in categories)
     {
       document.getElementById(categories[category] + "-left").style.display = "none";
       document.getElementById(categories[category] + "-right").style.display = "none";
     }

     document.getElementById("prevnum").style.display = "none";
     document.getElementById("nextnum").style.display = "none";
     
     if (images[selectedCategory].length > 4)
     {
       document.getElementById("prevnum").style.display = "";
       document.getElementById("nextnum").style.display = "";
     }

     document.getElementById(categories[selectedCategory] + "-left").style.display = "";
     document.getElementById(categories[selectedCategory] + "-right").style.display = "";

     showPage(0);

     return false;
   }

   function showPage(page)
   {
     selectedPage = page;
     for(i = 1; i <= 12; i++)
     {
       document.getElementById("num" + i).style.display = "none";
       document.getElementById("num" + i + "Space").style.width = "0px";
     }
     
     for(num in images[selectedCategory])
     {
       imgNum = parseInt(num)+1;
       if (imgNum > selectedPage*4 && imgNum <= (selectedPage+1)*4)
       {
         document.getElementById("num" + imgNum).style.display = "";
         document.getElementById("num" + imgNum + "Space").style.width = "5px";
	   }
     }

     showImage(page * 4);

     return false;
   }

   function prevPage()   
   {
     totalPages = Math.ceil(images[selectedCategory].length / 4);
     newPage = (selectedPage + totalPages - 1) % totalPages;
     showPage(newPage); 
     return false;
   }
   
   function nextPage()   
   {
     totalPages = Math.ceil(images[selectedCategory].length / 4);
     newPage = (selectedPage + 1) % totalPages;
     showPage(newPage); 
     return false;
   }