$(document).ready(
function()
{
   $("#tabmenulist li").mouseover(
    function()
    {
     if($(this).attr("tabindex") == "0")
     return;
      $("#tabmenulist li").removeClass("select");
      $(this).addClass("select");
       $("#tabul_071").hide();
	  $("#tabul_072").hide();
	  $("#tabul_073").hide();
	  $("#tabul_074").hide();
	  $("#tabul_075").hide();
        $("#tabul_061").hide();
	  $("#tabul_062").hide();
	  $("#tabul_063").hide();
	  $("#tabul_064").hide();
	  $("#tabul_065").hide();
      $("#tabul_091").hide();
	  $("#tabul_092").hide();
	  $("#tabul_093").hide();
	  $("#tabul_094").hide();
	  $("#tabul_095").hide();
	   
      $("#tabul_0" + $(this).attr("tabindex")+"1").show();   
	    $("#tabul_0" + $(this).attr("tabindex")+"2").show();  
		  $("#tabul_0" + $(this).attr("tabindex")+"3").show();  
		    $("#tabul_0" + $(this).attr("tabindex")+"4").show();  
			  $("#tabul_0" + $(this).attr("tabindex")+"5").show();      
    }
   );
   $("#num_div").css({top: $("#shopimagelist").offset().top+325,left: $("#shopimagelist").offset().left + 530});
   $(window).resize(
   function()
   {
      $("#num_div").css({top: $("#shopimagelist").offset().top+325,left: $("#shopimagelist").offset().left + 530});
   });
   allwidth = document.getElementById("shopimagelisttable").clientWidth;
   loadsetInterval();   
   $("#num_div div").click(
     function()
     {
        index_ = Number($(this).text()) - 1;
        $("#shopimagelist").scrollLeft(scrollwidth * (Number($(this).html()) - 1));
        $("#num_div div").removeClass("selectnum");
        $(this).addClass("selectnum");
        var image_index = $("#shopimagelisttable td:first");
        for(var i = 0 ; i < $("#shopimagelisttable td").length; i ++)
        {
          if(i < index_)
          {
            image_index = image_index.next();
          }
          else
          break;
        }
        $("#image_title").html($(image_index).find(".hide").html());
        scrollnum = 0;
        addwidth = 0;
        clearTimeout(scrollset);
       clearTimeout(scrolltimeout);     
       scrolltimeout = setTimeout("loadsetInterval()",splitspeed);
     }
    );

   image_index = $("#shopimagelisttable img:first");
    for(var i = 0 ; i < $("#shopimagelisttable img").length; i ++)
    {
      if(i < index_)
      {
        image_index = image_index.next();
      }
      break;
    }    

}
);

var index_  = 0;
var scrollwidth = 650;
var scrollnum = 0;
var addwidth = 0;
var allwidth = 0;
var scrollset;
var scrolltimeout;
var leftorright = "right";
var splitspeed = 5000;
var speed = 10;
function leftclick()
{
  var prevleft = $("#shopimagelist").scrollLeft();
  if(prevleft>0)
  {
  }
  else
  {

  }
  if(prevleft >= (allwidth - scrollwidth))
   {
   }
   else
   {
   }
   addwidth = addwidth + scrollnum;
  if(addwidth <= scrollwidth)
  {     
     if(prevleft - scrollnum > 0)
     {
       $("#shopimagelist").scrollLeft(prevleft - scrollnum);
     }
     else
     {
       $("#shopimagelist").scrollLeft(0);
       index_ = 0;
       $("#num_div div").removeClass("selectnum");
       $("#menu_" + index_).addClass("selectnum");
       var image_index = $("#shopimagelisttable td:first");
        for(var i = 0 ; i < $("#shopimagelisttable td").length; i ++)
        {
          if(i < index_)
          {
            image_index = image_index.next();
          }
          else
          break;
        }
       leftorright = "right";
       clearTimeout(scrollset);
       clearTimeout(scrolltimeout);     
       scrolltimeout = setTimeout("loadsetInterval()",splitspeed);
       scrollnum = 0;
       addwidth = 0;
       return;
     }
  }
  else
  {
     $("#shopimagelist").scrollLeft(prevleft - (scrollwidth - (addwidth - scrollnum)));
      index_ --;
     $("#num_div div").removeClass("selectnum");
     $("#menu_" + index_).addClass("selectnum");
     var image_index = $("#shopimagelisttable td:first");
        for(var i = 0 ; i < $("#shopimagelisttable td").length; i ++)
        {
          if(i < index_)
          {
            image_index = image_index.next();
          }
          else
          break;
        }
       $("#image_title").html($(image_index).find(".hide").html());
     clearTimeout(scrollset);
     clearTimeout(scrolltimeout);     
     scrolltimeout = setTimeout("loadsetInterval()",splitspeed);
     scrollnum = 0;
     addwidth = 0;
      prevleft = $("#shopimagelist").scrollLeft();
      if(prevleft>0)
      {
      }
      else
      {
      }
  }
  scrollnum += 3;
  
}
function rightclick()
{
   addwidth = addwidth + scrollnum;
   var prevleft = $("#shopimagelist").scrollLeft();
   if(prevleft >= (allwidth - scrollwidth))
   {
   }
   else
   {
   }
   if(prevleft>0)
  {
  }
  else
  {
  }
 
  if(addwidth <= scrollwidth)
  {
     
     if(prevleft + scrollnum >= (allwidth - addwidth))
     {
       $("#shopimagelist").scrollLeft(allwidth - addwidth);
       clearTimeout(scrollset);
       clearTimeout(scrolltimeout);     
       scrolltimeout = setTimeout("loadsetInterval()",splitspeed);
       scrollnum = 0;
       addwidth = 0;
       leftorright = "left";
       return;
     }
     else
     {
       $("#shopimagelist").scrollLeft(prevleft + scrollnum);
     }
  }
  else
  {
     $("#shopimagelist").scrollLeft(prevleft + (scrollwidth - (addwidth - scrollnum)));
     index_ ++;
     $("#num_div div").removeClass("selectnum");
     $("#menu_" + index_).addClass("selectnum");
     var image_index = $("#shopimagelisttable td:first");
        for(var i = 0 ; i < $("#shopimagelisttable td").length; i ++)
        {
          if(i < index_)
          {
            image_index = image_index.next();
          }
          else
          break;
        }
     $("#image_title").html($(image_index).find(".hide").html());
     clearTimeout(scrollset);
     clearTimeout(scrolltimeout);     
     scrolltimeout = setTimeout("loadsetInterval()",splitspeed);
     scrollnum = 0;
     addwidth = 0;
  }
  scrollnum += 3;
}
function loadsetInterval()
{
  if(addwidth == 0)
  {
    if(leftorright == "right")
    {
      clearTimeout(scrollset);   
      scrollset = setInterval("rightclick()",speed);
    }
    else
    {
      clearTimeout(scrollset);   
      scrollset = setInterval("leftclick()",speed);
    }
  }
  
}

