function get_style()
{
    var query_page = "get_data.php";   
    var $size 	= jQuery("#size").val();
	
    jQuery.ajax({
        url: query_page,
        dataType: 'json',
        async: false,
        data: {
            field: "material", // style
            filter: "size",
            data: $size
        },
        beforeSend: function(){
            jQuery("#style").empty().append('<option>Loading...</option>');
            jQuery("#style").attr("disabled", "disabled");
        },
        success: function(data){
            jQuery("#style").empty();
			if (data.error){
				jQuery("#style").append('<option>Please select a style...</option>');
			}	else	{
				jQuery("#style").removeAttr("disabled");
				jQuery("#style").append('<option>Please select a style...</option>');
				for (var i in data.data){
					jQuery("#style").append('<option value="'+data.data[i]+'">'+data.data[i]+'</option>');
				}
			}
        }
    });             
}

function get_type()
{                                                                                                 
    var query_page = "get_data.php";  
    var $size = jQuery("#size").val();  
    var $style = jQuery("#style").val();  
	var quantity = jQuery("#quantity").val();
	
    jQuery.ajax({
        url: query_page,
        dataType: 'json',
        async: false,
        data: {
            field: "kind", // type
            filter: "size,material",
            data: $size+","+$style   
        },
        beforeSend: function(){
            jQuery("#type").empty().append('<option>Loading...</option>');
            jQuery("#type").attr("disabled", "disabled");
        },
        success: function(data){
            jQuery("#type").empty();
				if (data.error){
					jQuery("#type").append('<option>Please select a type..</option>');
				}	else	{
					jQuery("#type").removeAttr("disabled");
					jQuery("#type").append('<option>Please select a type..</option>');
					if (quantity < 2500){
						for (var i in data.data){
							jQuery("#type").append('<option value="'+data.data[i]+'">'+data.data[i]+'</option>');
						}
					}	else	{
						jQuery("#type").append('<option value="Plain">Plain</option><option value="1 Color / 1 Side">1 Color / 1 Side</option><option value="2 Color / 1 Side">2 Color / 1 Side</option><option value="2 Color / 2 Side">2 Color / 2 Side</option><option value="1 Color / 2 Side">1 Color / 2 Side</option><option value="3 Color / 1 Side">3 Color / 1 Side</option><option value="3 Color / 2 Side">3 Color / 2 Side</option>');
					}
				}
			
        }
    });             
}

function update_quantities()
{                                                                                                   
    var query_page = "get_data.php";  
    var $size = jQuery("#size").val();  
    var $material = jQuery("#style").val();  
    var $kind = jQuery("#type").val();
	var quantity = jQuery("#quantity").val();
    
    jQuery.ajax({
        url: query_page,
        dataType: 'json',
        async: false,
        data: {
            field: "quantity",
            filter: "size,material",
            data: $size+","+$material
        },
        beforeSend: function(){
            jQuery("#quantity").empty().append('<option>Loading...</option>');
            jQuery("#quantity").attr("disabled", "disabled");
        },
        success: function(data){
            jQuery("#quantity").empty();
			
			if (data.error){
				jQuery("#quantity").append('<option>Please select a quantity...</option>');
			}	else	{
				jQuery("#quantity").removeAttr("disabled");
				jQuery("#quantity").append('<option>Please select a quantity...</option>');
				for (var i in data.data){
				   jQuery("#quantity").append('<option value="'+data.data[i]+'">'+data.data[i]+'</option>');
				}
			}
        }
    });             
}
function get_price_data($size, $material, $kind, $quantity)
{
	
    var query_page = "price_data.php";  
    jQuery.ajax({
        url: query_page,
        dataType: 'json',
        async: false,
		data: {
            size		: $size,
            material	: $material,
			kind		: $kind,
            quantity	: $quantity
        },
        beforeSend: function(){
            jQuery("#divTotal").empty().append("Loading...");
            jQuery("#divRegular").empty().append("Loading...");
            jQuery("#divCase").empty().append("Loading...");
            jQuery("#divPiece").empty().append("Loading...");
        },
        success: function(data){
            if (data.error)
            {                                    
                jQuery("#divTotal").empty().append("N/A");  
                jQuery("#divRegular").empty().append("N/A");  
                jQuery("#divCase").empty().append("N/A");  
                jQuery("#divPiece").empty().append("N/A");  

                jQuery("#divBagPic").empty().append("No Preview");       
                jQuery("#add_to_cart_button").attr("disabled", "disabled");
            }
            else
            {   
				//alert(data.price);
                var total_price = parseFloat(data.price).toFixed(2);   
                var regular_price = parseFloat(data.regular_price).toFixed(2);   
                var per_piece = (parseFloat(data.price) / parseFloat($quantity)).toFixed(2); 
                 
                //jQuery("#divTotal").empty().append("$" + data.price); 
				jQuery("#divTotal").empty().append("$" + data.price); 
                jQuery("#divRegular").empty().append("$" + data.regular_price); 
                jQuery("#divCase").empty().append(data.qty_case); 
                jQuery("#divPiece").empty().append("$" + per_piece); 

                jQuery("#total_price").val(data.price);
                jQuery("#add_to_cart_button").removeAttr("disabled");
                
                if (data.preview){
                    jQuery("#divBagPic").empty().append("<img src='"+data.preview+"' />");
                }	else	{
                    jQuery("#divBagPic").empty().append("No Preview");
                }
            }
        } 
    });
	
	
}   

function update_price()
{
    var $size = jQuery("#size").val();
    var $style = jQuery("#style").val();
    var $type = jQuery("#type").val();
    var $quantity = jQuery("#quantity").val();
    
    if (parseInt($quantity) >= 7500)
        jQuery("#calc_wholesale_link").show();
    else
        jQuery("#calc_wholesale_link").hide();
    get_price_data($size, $style, $type, $quantity);   
}   

jQuery(document).ready(function($){
    $("#size").change(function(){
        get_style();
		update_quantities();
		get_type();
		update_price(); 
    });
	$("#style").change(function(){
		update_quantities();
		get_type();
		update_price(); 
    });
    $("#quantity").change(function(){
		get_type();
		update_price(); 
    });
	$("#type").change(function(){
		update_price(); 
    });
    $("#size").removeAttr("disabled").trigger("change");
});