$(function() {
	// 0 初始化
//function init(){
	// page
	$('.book22').eq(0).children('img').width(42).height(35);
	$('.book2rightTop').attr('name',$('.book22').eq(0).attr('name'));//alert($('.book22').eq(0).children('img').attr('src'));
	// paper
	$('.book23').children('img').attr('src','paper/' + $('.book2rightTop').attr('name') + '.jpg');
	// color
	$('.book24').eq(0).children('img').width(20).height(20);
	$('.book2rightLeftColor').attr('name',$('.book24').eq(0).attr('name'));
	// price
	//$('.labelprice').html('200');
	// Desc
	$('.book2rightRightDesc').html('尺寸：9×13cm，纸张颜色：象牙色，纸张重量：100克，印刷颜色：绿色，地面区划：线与图画，Animaletti，边：规则的，纸张数量：96');
	// size
	$('#bookSize').html("<option value='9×13 cm' selected='selected'>9×13 cm</option><option value='15×21 cm'>15×21 cm</option>");//alert($('#bookSize').val());
	
	// size 的条件判断
	$page =$('.book2rightTop').attr('name');// 1, 2, 3
	$size =$('#bookSize').val();// 9×13 cm, 15×21 cm //alert($page + $size);
	if ($page == "1"){
		$('#bookSize').html("<option value='9×13 cm'>9×13 cm</option><option value='15×21 cm' >15×21 cm</option>");
		if ($size == '9×13 cm'){
			$('.code').html('8165CK');
			$('.labelprice').html('148');
		}else if($size == '15×21 cm'){
			$('.code').html('8185CK');
			$('.labelprice').html('288');
		}
	}else if($page == "2"){
		$('#bookSize').html("<option value='9×13 cm' >9×13 cm</option>");
			$('.code').html('8166CK');
			$('.labelprice').html('188');
	}else if($page == "3"){
		$('#bookSize').html("<option value='9×13 cm' >9×13 cm</option><option value='15×21 cm' >15×21 cm</option>");
		if ($size == '9×13 cm'){
			$('.code').html('8169CK');
			$('.labelprice').html('148');
		}else if($size == '15×21 cm'){
			$('.code').html('8189CK');
			$('.labelprice').html('288');
		}
	}
	// page
	$size =$('#bookSize').val();
	if ($size == '9×13 cm'){
		$('.book2rightTop').html('<div class="book22" name="1"><img src="page/1.gif"></div><div class="book22" name="2"><img src="page/2.gif"></div><div class="book22" name="3"><img src="page/3.gif"></div>');
		$('.book22').eq(0).children('img').width(42).height(35);
		$('.book2rightTop').attr('name',$('.book22').eq(0).attr('name'));
	}else if($size == '15×21 cm'){
		$('.book2rightTop').html('<div class="book22" name="1"><img src="page/1.gif"></div><div class="book22" name="3"><img src="page/3.gif"></div>');
		$('.book22').eq(0).children('img').width(42).height(35);
		$('.book2rightTop').attr('name',$('.book22').eq(0).attr('name'));
	}
	
//}
	
	// 1 从数据库取得购物车内容
	$orderid =$('#shopright').attr('name');
function getCart(){
	$.get("../getOrderItems.php",{ orderid: $orderid},function(data){
		var myObject = eval('('+data+')');
		//alert(myObject.length);
		//alert(myObject[0].book_id);
		$('.items').empty();
		$totalprice =0;
		for ($i=0;$i<myObject.length;$i++){
			//alert(myObject[$i].order_quality);
			$('.items').append('<div class="item"><div class="itemcode" name="'+myObject[$i].id+'">编号：<span class="book_id">'+myObject[$i].book_id+'</span><span class="order_color">'+myObject[$i].order_color+'</span></div><div class="itemqty">数量：<span class="qty">'+myObject[$i].order_quality+'</span></div><div class="itemprice">单价：<span class="price">'+myObject[$i].price+'</span><span class="deletecart">移除</span></div></div>');
			$totalprice +=myObject[$i].order_quality * myObject[$i].price;
		}
		//$('#totalprice').html($totalprice);
		$('#carttotal').html('<div id="total">总价：<span id="totalprice">'+$totalprice+'</span></div><div id="gotocart"><a href="../cart.php?orderid='+$orderid+'">查看购物车</a></div>');
		//$('#totalprice').show();
		//$('#gotocart').show();
		
		// 移除购物车中的一个本子
		$('.deletecart').addClass('cursorhand').click(function(){
			$totalprice =$('#totalprice').html();
			$itemprice =$(this).siblings('.price').html();
			$itemqty =$(this).parent().siblings('.itemqty').children('.qty').html();
			$sub =$itemprice * $itemqty;
			$totalprice =$totalprice - $sub;
			//alert($itemprice * $itemqty);
			$(this).parent().parent().hide();
			$('#totalprice').html($totalprice+"");
			
			// 移除数据库中的数据
			$book_id =$(this).parent().siblings('.itemcode').children('.book_id').html();
			$order_color =$(this).parent().siblings('.itemcode').children('.order_color').html();
			$.get("../deleteOrderItems.php",{ book_id: $book_id, order_color: $order_color, order_id: $orderid},function(data){
				
			});
			
		});
		
	});
}
	getCart();
	
	// 2 找到本子的 （编号，颜色，价格），添加到购物车
	$('.addToCart').addClass('cursorhand').click(function(){
		// 找到本子的 （编号，颜色，价格）
		$code =$('.code').html();
		$color =$('.book2rightLeftColor').attr('name');
		$labelprice =$('.labelprice').html();
		$qty =$('#qty').attr('value') == undefined ? 0 : $('#qty').attr('value');
		$qty =$qty > 0 ? $qty : 0;
		$qty =$qty < 1000 ? $qty : 0;
		
		$orderid =$('#shopright').attr("name");
		//alert($code+" "+$color+" "+$qty+" "+$labelprice);
		// 添加到购物车
		if ($qty > 0){
			// 添加到数据库
			$.get("../addOrderItems.php",{ orderid: $orderid,code: $code,color: $color,price: $labelprice,qty: $qty},function(data){
				if (data ="ok"){
					alert(data);
				}
				getCart();
			});
			
		}else {
			alert('请输入有效的数量。♡_♡');
		}
		
		
	});
	
	
	
	// 3 购物车清单
	/*$('#pay').addClass('cursorhand').click(function(){
		alert('♡_♡');
	});*/
	
	
	
	
	// 4 选择颜色
	$('.book24').addClass('cursorhand').click(function(){
		//alert('♡_♡');
		//alert($(this).attr('name'));
		$('.book24').children('img').width(16).height(16);
		$(this).children('img').width(20).height(20);
		$(this).parent().attr('name',$(this).attr('name'));
	});
	// 5 选择页面
	$('.book22').addClass('cursorhand').click(function(){
		// page 图变化
		$(this).siblings().children('img').width(35).height(29);
		$(this).children('img').width(42).height(35);
		$(this).parent().attr('name',$(this).attr('name'));
		// paper 变化
		$('.book23').children('img').attr('src','paper/' + $(this).attr('name') + '.jpg');
		//init();
	$page =$('.book2rightTop').attr('name');// 1, 2, 3
	$size =$('#bookSize').val();// 9×13 cm, 15×21 cm //alert($page + $size);
	if ($page == 1){
		$('#bookSize').html("<option value='9×13 cm' >9×13 cm</option><option value='15×21 cm' >15×21 cm</option>");
		if ($size == '9×13 cm'){
			//alert('8165CK');
			$('.code').html('8165CK');
			$('.labelprice').html('148');
		}else if($size == '15×21 cm'){
			//alert('8185CK');
			$('.code').html('8185CK');
			$('.labelprice').html('288');
		}
	}else if($page == 2){
		$('#bookSize').html("<option value='9×13 cm' >9×13 cm</option>");
		//if ($size == '9×13 cm'){
			//alert('8166CK');
			$('.code').html('8166CK');
			$('.labelprice').html('188');
		//}
	}else if($page == 3){
		$('#bookSize').html("<option value='9×13 cm' >9×13 cm</option><option value='15×21 cm' >15×21 cm</option>");
		if ($size == '9×13 cm'){
			//alert('8169CK');
			$('.code').html('8169CK');
			$('.labelprice').html('148');
		}else if($size == '15×21 cm'){
			//alert('8189CK');
			$('.code').html('8189CK');
			$('.labelprice').html('288');
		}
	}
		//init();
	
	});
	// 6 选择尺寸
	$('#bookSize').change( function() {
		//alert($(this).val());
		if ($(this).val() =='9×13 cm'){
			$('.book2rightTop').html('<div class="book22" name="1"><img src="page/1.gif"></div><div class="book22" name="2"><img src="page/2.gif"></div><div class="book22" name="3"><img src="page/3.gif"></div>');
		}else if($(this).val() =='15×21 cm'){
			$('.book2rightTop').html('<div class="book22" name="1"><img src="page/1.gif"></div><div class="book22" name="3"><img src="page/3.gif"></div>');
		}
		// init
		//init();
		
		$('.book22').eq(0).children('img').width(42).height(35);
		$('.book2rightTop').attr('name',$('.book22').eq(0).attr('name'));
		//alert($('.book22').eq(0).children('img').attr('src'));
		$('.book23').children('img').attr('src','paper/' + $('.book2rightTop').attr('name') + '.jpg');
		
		$page =$('.book2rightTop').attr('name');// 1, 2, 3
		$size =$('#bookSize').val();// 9×13 cm, 15×21 cm //alert($page + $size);
		if ($page == 1){
			//$('#bookSize').html("<option value='9×13 cm' >9×13 cm</option><option value='15×21 cm' >15×21 cm</option>");
			if ($size == '9×13 cm'){
				//alert('8165CK');
				$('.code').html('8165CK');
				$('.labelprice').html('148');
			}else if($size == '15×21 cm'){
				//alert('8185CK');
				$('.code').html('8185CK');
				$('.labelprice').html('288');
			}
		}else if($page == 2){
			//$('#bookSize').html("<option value='9×13 cm' >9×13 cm</option>");
			//if ($size == '9×13 cm'){
				//alert('8166CK');
				$('.code').html('8166CK');
				$('.labelprice').html('188');
			//}
		}else if($page == 3){
			//$('#bookSize').html("<option value='9×13 cm' >9×13 cm</option><option value='15×21 cm' >15×21 cm</option>");
			if ($size == '9×13 cm'){
				//alert('8169CK');
				$('.code').html('8169CK');
				$('.labelprice').html('148');
			}else if($size == '15×21 cm'){
				//alert('8189CK');
				$('.code').html('8189CK');
				$('.labelprice').html('288');
			}
		}
		
		//init();
		
		// 选择尺寸 后 选择页面
		$('.book22').addClass('cursorhand').click(function(){
			$('.book22').children('img').width(35).height(29);
			$(this).children('img').width(42).height(35);
			$(this).parent().attr('name',$(this).attr('name'));
			$('.book23').children('img').attr('src','paper/' + $(this).attr('name') + '.jpg');
			
			$page =$('.book2rightTop').attr('name');// 1, 2, 3
			$size =$('#bookSize').val();// 9×13 cm, 15×21 cm //alert($page + $size);
			if ($page == 1){
				$('#bookSize').html("<option value='9×13 cm' selected='true'>9×13 cm</option><option value='15×21 cm' >15×21 cm</option>");
				if ($size == '9×13 cm'){
					//alert('8165CK');
					$('.code').html('8165CK');
					$('.labelprice').html('148');
				}else if($size == '15×21 cm'){
					//alert('8185CK');
					$('.code').html('8185CK');
					$('.labelprice').html('288');
				}
				//$('#9-13').
			}else if($page == 2){
				$('#bookSize').html("<option value='9×13 cm' >9×13 cm</option>");
				//if ($size == '9×13 cm'){
					//alert('8166CK');
					$('.code').html('8166CK');
					$('.labelprice').html('188');
				//}
			}else if($page == 3){
				$('#bookSize').html("<option value='9×13 cm' >9×13 cm</option><option value='15×21 cm' >15×21 cm</option>");
				if ($size == '9×13 cm'){
					//alert('8169CK');
					$('.code').html('8169CK');
					$('.labelprice').html('148');
				}else if($size == '15×21 cm'){
					//alert('8189CK');
					$('.code').html('8189CK');
					$('.labelprice').html('288');
				}
			}
		});
		
	});

});