﻿jQuery(document).ready(
 function()
 {
   jQuery("#topnewscontent_r li").mouseover(
    function()
    {
      jQuery("#topnewscontent_r li").removeClass("select");
      jQuery(this).addClass("select");
      jQuery("#topnewscontent_1").hide();
      jQuery("#topnewscontent_2").hide();
      jQuery("#topnewscontent_" + jQuery(this).attr("tabindex")).show();
    }
   );
    jQuery("#scrollleftbtn").click( function(){ leftorright = "left"; if(addwidth == 0){loadsetInterval();} });
    jQuery("#scrollrightbtn").click(function(){ leftorright = "right";if(addwidth == 0){ loadsetInterval();} });
    allwidth = document.getElementById("shopimagelisttable").clientWidth;
    //loadsetInterval();
 }
);


var scrollwidth = 720;
var scrollnum = 0;
var addwidth = 0;
var allwidth = 0;
var scrollset;
var scrolltimeout;
var leftorright = "right";
var splitspeed = 5000;
var speed = 30;
function leftclick()
{
  var prevleft = jQuery("#scrollbodycontent").scrollLeft();
  if(prevleft>0)
  {
    jQuery("#scrollleftbtn").show();
  }
  else
  {
    jQuery("#scrollleftbtn").hide();
  }
  if(prevleft >= (allwidth - scrollwidth))
   {
     jQuery("#scrollrightbtn").hide();
   }
   else
   {
    jQuery("#scrollrightbtn").show();
   }
   addwidth = addwidth + scrollnum;
  if(addwidth <= scrollwidth)
  {     
     if(prevleft - scrollnum > 0)
     {
       jQuery("#scrollbodycontent").scrollLeft(prevleft - scrollnum);
     }
     else
     {
       jQuery("#scrollbodycontent").scrollLeft(0);
       leftorright = "right";
       jQuery("#scrollleftbtn").hide();
       clearTimeout(scrollset);
       clearTimeout(scrolltimeout);     
       scrolltimeout = setTimeout("loadsetInterval()",splitspeed);
       scrollnum = 0;
       addwidth = 0;
       return;
     }
  }
  else
  {
     jQuery("#scrollbodycontent").scrollLeft(prevleft - (scrollwidth - (addwidth - scrollnum)));
     clearTimeout(scrollset);
     clearTimeout(scrolltimeout);     
     scrolltimeout = setTimeout("loadsetInterval()",splitspeed);
     scrollnum = 0;
     addwidth = 0;
      prevleft = jQuery("#scrollbodycontent").scrollLeft();
      if(prevleft>0)
      {
        jQuery("#scrollleftbtn").show();
      }
      else
      {
        jQuery("#scrollleftbtn").hide();
      }
  }
  scrollnum += 2;
  
}
function rightclick()
{
   addwidth = addwidth + scrollnum;
   var prevleft = jQuery("#scrollbodycontent").scrollLeft();
   if(prevleft >= (allwidth - scrollwidth))
   {
     jQuery("#scrollrightbtn").hide();
   }
   else
   {
    jQuery("#scrollrightbtn").show();
   }
   if(prevleft>0)
  {
    jQuery("#scrollleftbtn").show();
  }
  else
  {
    jQuery("#scrollleftbtn").hide();
  }
 
  if(addwidth <= scrollwidth)
  {
     
     if(prevleft + scrollnum >= (allwidth - addwidth))
     {
       jQuery("#scrollbodycontent").scrollLeft(allwidth - addwidth);
       clearTimeout(scrollset);
       clearTimeout(scrolltimeout);     
       scrolltimeout = setTimeout("loadsetInterval()",splitspeed);
       scrollnum = 0;
       addwidth = 0;
       leftorright = "left";
       jQuery("#scrollrightbtn").hide();
       return;
     }
     else
     {
       jQuery("#scrollbodycontent").scrollLeft(prevleft + scrollnum);
     }
  }
  else
  {
     jQuery("#scrollbodycontent").scrollLeft(prevleft + (scrollwidth - (addwidth - scrollnum)));
     clearTimeout(scrollset);
     clearTimeout(scrolltimeout);     
     scrolltimeout = setTimeout("loadsetInterval()",splitspeed);
     scrollnum = 0;
     addwidth = 0;
  }
  scrollnum += 2;
}
function loadsetInterval()
{
  if(addwidth == 0)
  {
    if(leftorright == "right")
    {
      clearTimeout(scrollset);   
      scrollset = setInterval("rightclick()",speed);
    }
    else
    {
      clearTimeout(scrollset);   
      scrollset = setInterval("leftclick()",speed);
    }
  }
  
}


