$(document).ready(function(){

	var page = 1;
	var max_page = 2;
	var move_width = 545;
	var $pageArea = $('#pick-up-inner');
	var $next_button = $('#next');
	var $prev_button = $('#prev');
	var lock = false;

	var boxheight = $('#area div.pick-up-box').height()+20;
//alert(boxheight);
	$('#area').height(boxheight);

	//最初の左矢印はなしよ
	$prev_button.attr({
//		"src":"static/img/top/pick_up_pre_d.gif"
		"src":"static/img/top/pick_up_none.gif"
	});
	$prev_button.css({
		"cursor":"default"
	});

	$prev_button.click(function(){
		if(lock == false && page > 1){
			var $box_left =$pageArea.css('left').replace('px','');
			$pageArea.animate({left:(parseInt($box_left) + move_width)});
			page--;
			//ここで矢印のスタイルを変更すればよい
			$prev_button.attr({
//				"src":"static/img/top/pick_up_pre_d.gif"
				"src":"static/img/top/pick_up_none.gif"
			});
			$next_button.attr({
			"src":"static/img/top/pick_up_next.gif"
			});
			//スタイル変更
			$prev_button.css({
				"cursor":"default"
			});
			$next_button.css({
				"cursor":"pointer"
			});
		} else {
			page = 1;


		}
	});

	$next_button.click(function(){
		if(lock == false && page < max_page){
			page++;
			var $box_left = $pageArea.css('left').replace('px','');
			$pageArea.animate({left:($box_left - move_width)});
			//ここで矢印のスタイルを変更すればよい
			$prev_button.attr({
				"src":"static/img/top/pick_up_pre.gif"
			});
			$next_button.attr({
//				"src":"static/img/top/pick_up_next_d.gif"
				"src":"static/img/top/pick_up_none.gif"
			});
			//スタイル変更
			$next_button.css({
				"cursor":"default"
			});
			$prev_button.css({
				"cursor":"pointer"
			});
		} else {
			page = max_page;

		}
	});



});