$(document).ready(function(){
	//判斷每個格子的x,y位置
	$("#container_content .item").each(function(index){
		var _indexTop = index / 8;
		_indexTop = parseInt(_indexTop);
		var _indexLeft = index % 8;
		$(this).css({
			"top":_indexTop * 100 + "px",
			"margin-top":_indexTop * 2  + "px",
			"left":_indexLeft *100 + "px",
			"margin-left":_indexLeft * 2 + "px"
		});	
		//判斷性別變換產品tab圖
		/*var _urlTabBoy = $(this).find('.item_inner').find('.item_tab').css('background-image').replace('_red','_blue');
		var _urlTabGirl = $(this).find('.item_inner').find('.item_tab').css('background-image').replace('_red','_pink');
		if ($("input[name = 'gender']").val() == 1) {
			$(this).find('.item_inner').find('.item_tab').css('background-image', _urlTabBoy);
		}else 
		if($("input[name = 'gender']").val() == 0) {
			$(this).find('.item_inner').find('.item_tab').css('background-image', _urlTabGirl);
		}*/
	})

	//滑鼠滑入時變換背景顏色
	/*var _urlOri = $('#container_content .item .x_left').css('background-image');
	var _urlAll = $('#container_content .item .x_left').css('background-image').replace('_gray','_red');
	var _urlBoy = $('#container_content .item .x_left').css('background-image').replace('_gray','_blue');
	var _urlGirl = $('#container_content .item .x_left').css('background-image').replace('_gray','_pink');
	$('#container_content .item').mouseover(function(){
		$(this).find('.x_left,.x_right,.x_top,.x_bottom').css('background-image',_urlAll);
		$(this).css('z-index','100');
		//全部的情況下
		if ($("input[name = 'gender']").val() == 2) {
			$(this).find('.x_left,.x_right,.x_top,.x_bottom').css('background-image', _urlAll);
			$(this).css('z-index', '100');
		}
		else 
			//選擇男生的情況下
			if ($("input[name = 'gender']").val() == 1) {
				$(this).find('.x_left,.x_right,.x_top,.x_bottom').css('background-image', _urlBoy);
				$(this).css('z-index', '100');
			}
			else 
				//選擇女生的情況下
				if ($("input[name = 'gender']").val() == 0) {
					$(this).find('.x_left,.x_right,.x_top,.x_bottom').css('background-image', _urlGirl);
					$(this).css('z-index', '100');
				}
	})*/
	//滑鼠滑出時換回背景顏色
	/*$('#container_content .item').mouseout(function(){
		$(this).find('.x_left,.x_right,.x_top,.x_bottom').css('background-image',_urlOri);
		$(this).css('z-index','0');
	}*/
	//購物車的事件
	cartHeight();
	$('.shelf .cart_item').each(function(index){
		var _indexTop = index * 101 +'px';
		$(this).css('top',_indexTop);
	})
	$('#edit').click(function(){
		if (_editVal == 0) {
			$(this).html('close');
			_editVal = 1;
			$('.shelf').slideDown('slow');	
			scrollShowOrHide();
		}else{
			$(this).html('edit');
			_editVal = 0;	
			$('.shelf').slideUp('slow');	
			$('.scroller').hide();
		}
	})
	$('#cart').tinyscrollbar();
	$('.shelf, .scroller').hide();
	$('.scroll_handle').height();//修正ie7 scrollbar的問題
})