// stones4
$(document).ready(function(){
      jq_init();
      goLeft("#hh_c");
	  goUp("#msfc_c","#msfc_1","#msfc_2");
   }				   
 );
function jq_init(){
	  $("#nav>ul>li").hover(
							function(){
							      $(this).children("ul").slideDown("fast");
								},
							function(){
								 $(this).children("ul").slideUp("fast");
								}
							);
	}
 function goLeft(obj){
      var area=$(obj);
	  var juli=0;
	  var mubiao=0;
	  var set=setInterval(function(){
	  juli+=(mubiao-juli)*0.5;
	  area.scrollLeft(juli);
	
	  },50);
	  $("#btn1").click(function(){mubiao=0;$(this).addClass("on");$("#btn2").removeClass("on");});
	  $("#btn2").click(function(){mubiao=280;$(this).addClass("on");$("#btn1").removeClass("on");});
	 // area.animate()
   }
function goUp(obj,p1,p2){
	 var area=$(obj);
	 var part1=$(p1);
	 var part2=$(p2);
	 part2.html(part1.html());
	 var sT=0;
	 var set=setInterval(function(){
									  area.scrollTop(sT+=1);
									  if(area.scrollTop()>=part1.height())
									  {
										  sT=0;
										  area.scrollTop(sT+=1);
										  }
								   },50
	 );
	 area.mouseover(function(){clearInterval(set);});
	 area.mouseout(function(){set=setInterval(function(){
									  area.scrollTop(sT+=1);
									  if(area.scrollTop()>=part1.height())
									  {
										  sT=0;
										  area.scrollTop(sT+=1);
										  }
								   },50
	 );});
	}