$(document).ready(function()
{	
	
	var imgs = $("#booklist2 img").length;
	
	var barpt = 0;
	var tarpx
	var tar_width = imgs*150;//7000
	$("p#booklist2").css({ "width": tar_width });
	$(window).resize(function(){
		//alert(barpt)
		tarpx = 0-(tar_width-$("#booklist").width())*barpt/100+"px";
		$("#booklist2").css({"left": tarpx});
	});
	
	
	
    $("#booklist2 img").each(function(i){
	  $(this).click(function () {
		setdata(this.id)
	  })
	})
	
    $('#slider').slider(
    {
        min: 0,
        max: 100,
        startValue: 0,
        steps: 10,
        slide: function(event,ui)
        {
			barpt = ui.value
			tarpx = 0-(tar_width-$("#booklist").width())*barpt/100+"px";
			$("#booklist2").css({"left": tarpx})
			//$("#booklist2").animate({"left": tarpx}, "slow");
        }
    });
	
	//first set
	var  firstId = $("#booklist2 img:first").attr("id")
	setdata(firstId);
	
   }
);

function setdata(aid){
  var obj = worksarr[aid];
  var chtml = '<h2 id="booktitle">'+obj.title+'</h2>';
  chtml += '<p id="booktxt">'+obj.txt+'</p>';
  chtml += '<p id="bookpub">出版社：'+obj.pub+'<br />定価：'+obj.price+'円</p>';
  if(obj.amz){
    chtml +='<p><a id="amz" href="'+obj.amz+'" target="_blank"><img src="/common/images/books/buy.gif" width="121" height="26" alt="オンラインストアで購入" title="オンラインストアで購入" class="btn" /></a></p>';
  }
  
  
  $(function(){
     $("#bookimg").hide();
	 $("#rightcolumn").hide();
     $("#bookimg").html("<img src=\""+obj.img+"\" alt=\"\" width=\"220\" height=\"220\" />");
     $("#rightcolumn").html(chtml)
	 $("#rightcolumn").slideDown("normal");
	 $("#bookimg").fadeIn("slow");
  })
  
}