$(document).ready(function() {
  $("#main").each(function() {
     var len=$("ul", this).length;
	 var index=0;
	 for(var j=0; j<len; j++) {
		 $("#moveworks").find("em").append("<a <A class='sb_page' id=sb_pg href='javascript:void(0)'>"+(j+1)+"</a>");
		 };
	 var main=$("#secondary_boxes_ul").width();
	 $("#ulwidth").css("width", main*len);
	 worksImg(index);
	 $("#moveworks").find(".sb_page").mouseover(function(){
	    index =   $("#moveworks").find(".sb_page").index(this);
		worksImg(index);
	  });	
	 function worksImg(i){
	   $("#moveworks").find(".sb_page")
	    .eq(i).addClass("sb_sel")
	    .siblings().removeClass("sb_sel");
	   var divwhid=$("#main").width();
	   //alert(divwhid)
	   $("#main").stop(true,false).animate({scrollLeft: divwhid*i},600).show();
	 };
  });
});