$( document ).ready( function(){
	initCar();
	$( "#car_add_show" ).fadeTo("slow", 0.9);
	$( "#car_add_show" ).hide();
	$(".proType").change( function(){
		var inde = this.options.selectedIndex;
		$("#price"+this.di).html( this.options[inde].price );
	});
});

var carImage = "images/pic_big_shoppingcart.gif";
var carTotalNum = "0";
var carTotalPrice = "$ 0.00";
var inLoad = 0;

function initCar(){
	$( "#carTotalNum" ).text( carTotalNum );
	$( "#carTotalPrice" ).text( carTotalPrice );
}

function addCar( proId, di ){
		
	//后缀
	if( di == undefined ){
		var di = "";
	}
	
	//检测是否选择型号
	var proType = "";
	if( $("#proType"+di).val() == "0" ){
		alert("Please select as option!");
		$("#proType"+di).focus();
		return false;
	}else{
		proType = $("#proType"+di).val();
	}
	if( proType == undefined ){
		proType = "";
	}
	
	if( $( "#proNumber"+di ).val() ){
		var proNumber = $( "#proNumber"+di ).val();
	}else{
		var proNumber = 1;
	}
	
	if( inLoad == 1 ){
		//alert("Please wait, you are dealing with a request in!");
		//return ;
	}else{
		inLoad = 1;
	}

	$( "#car_loading" ).css( "display", "block" );
	var carTop = document.documentElement.scrollTop + 20;
	$( "#car_loading" ).css( "top", carTop );
	
	$.getJSON('shopcar_ajax.php', {
    	proId: proId,
		proType: proType,
	    proNumber: proNumber,
	    active: "add"
	}, function( json ) {
		
		inLoad = 0;
		//document.write(json);
	    carImage = json.carImage;
	    carTotalNum = json.carTotalNum;
	    carTotalPrice = json.carTotalPrice;
	    initCar();
	    
	    $('#carProname').text( json.carProInfo.title );
		$('#carType').text( json.carProInfo.type );
		$('#carNumber').text( json.carProInfo.proNumber );
		$('#carPrice').text( json.carProInfo.price );
		$('#carSumPrice').text( json.carProInfo.price_total );
		if( json.infoType == 2 ){
			$('#carInfoImage').attr( "src", "./images/car_show_wang.gif" );
			$('#carInfo').html( " Product exist in the Cart!" );
			$('#car_add_show').addClass("car_add_show_err");
		}else{
			$('#carInfoImage').attr( "src", "./images/information.png" );
			$('#carInfo').html( " Add to shopping cart success!" );
			if( $('#car_add_show').css("background-color") == "#fdd" ){
				$('#car_add_show').removeClass("car_add_show_err");
			}
		}
		$( "#car_loading" ).css( "display", "none" );
		carInfoShow("#car_add_show");
	});
}

function clearall(){
	$.getJSON('shopcar_ajax.php', {
	    active: "clearAll"
	}, function( json ) {
	    carImage = json.carImage;
	    carTotalNum = json.carTotalNum;
	    carTotalPrice = json.carTotalPrice;
	    initCar();
	});
}

function addCollection( proId ){
	
	if( inLoad == 1 ){
		//alert("Please wait, you are dealing with a request in!");
		//return ;
	}else{
		inLoad = 1;
	}
	
	$( "#car_loading" ).css( "display", "block" );
	var carTop = document.documentElement.scrollTop + 20;
	$( "#car_loading" ).css( "top", carTop );
	
	$.getJSON('shopcar_ajax.php', {
    	proId: proId,
	    active: "addCollection"
	}, function( json ) {
		
		$( "#car_loading" ).css( "display", "none" );
		inLoad = 0;
		
		if( json.infoType == 2 ){
			$('#collInfoImage').attr( "src", "./images/car_show_wang.gif" );
			$('#wishlist_add_show_info').html( " Product exist in the Cart!" );
			$('#car_add_show').addClass("car_add_show_err");
		}else if( json.infoType == 3 ){
			$('#collInfoImage').attr( "src", "./images/car_show_wang.gif" );
			$('#wishlist_add_show_info').html( " You have not login. Please login." );
			$('#car_add_show').addClass("car_add_show_err");
		}else if( json.infoType == 4 ){
			$('#collInfoImage').attr( "src", "./images/car_show_wang.gif" );
			$('#wishlist_add_show_info').html( " This product already exists for your wishlist." );
			$('#car_add_show').addClass("car_add_show_err");
		}else{
			$('#carInfoImage').attr( "src", "./images/information.png" );
			$('#carInfo').html( "&nbsp;Add to <a href='shopping_wishlist.php'>My Wishlist</a> success!" );
			if( $('#car_add_show').css("background-color") == "#fdd" ){
				$('#car_add_show').removeClass("car_add_show_err");
			}
		}
		carInfoShow("#wishlist_add_show");
	});
}

//购物车信息显示
var carInfoTime; //time out var
function carInfoShow( divName ){
	$( divName ).show();
	var carTop = document.documentElement.scrollTop + 20 -130;
	clearTimeout( carInfoTime );
	carInfoDown( carTop, divName );
}

function carInfoDown( carTop, divName ){
	$(divName).css("top", carTop );
	if( carTop < document.documentElement.scrollTop+20 ){
		carInfoTime = setTimeout( "carInfoDown( "+(carTop+10)+", \""+ divName +"\" )", 10 );
	}else{
		setTimeout( "carInfoHide(\""+ divName +"\")", 3000 );
	}
}

function carInfoHide(divName){
	
	var carTop = $(divName).css("top");
	carTop = carTop.substring( 0, carTop.length-2);
	clearTimeout( carInfoTime );
	carInfoUp( carTop, divName )
}

function carInfoUp( carTop, divName ){
	$(divName).css("top", carTop );
	if( carTop > document.documentElement.scrollTop-130 ){
		carInfoTime = setTimeout( "carInfoUp( "+(carTop-10)+", \""+ divName +"\" )", 10 );
	}else{
		clearTimeout( carInfoTime );
		$(divName).hide();
	}
}