var selectedCategory = 0;
   var selectedImage = 0;
   var selectedPage = 0;
   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(categories[selectedCategory] + "-left").style.display = "";
     document.getElementById(categories[selectedCategory] + "-right").style.display = "";

     for(i = 0; i <= 9; i++)
     {
       if (document.getElementById("subcategory" + i))
       {
         document.getElementById("subcategory" + i).style.display = "none";
       }
     }
     document.getElementById("subcategory" + index).style.display = "";

     showSubCategory(0);

     return false;
   }
   function showSubCategory(index)
   {
     selectedSubCategory = index;

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

     for(i = 0; i <= 10; i++)
     {
       if (document.getElementById("subcategory" + selectedCategory + i))
       {
         document.getElementById("subcategory" + selectedCategory + i).className = "text-submenu2";
       }
     }
     if (document.getElementById("subcategory" + selectedCategory + selectedSubCategory))
     {
       document.getElementById("subcategory" + selectedCategory + selectedSubCategory).className = "text-submenu2-selected";
     }

     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][selectedSubCategory])
     {
       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 showImage(index)
   {
     selectedImage = index;
     for(num in images[selectedCategory][selectedSubCategory])
     {
         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][selectedSubCategory][selectedImage][0];
     document.getElementById("product-image-web-address").innerHTML = 
        "<a class='text-product-link' target='product' href='http://" + images[selectedCategory][selectedSubCategory][selectedImage][1] + "'>" +
        images[selectedCategory][selectedSubCategory][selectedImage][1] + "</a>";
     return false;
   }

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