// JavaScript Document
$(document).ready(function() {						   
   
   /*
   $.ajax({
		url : "../form_data.php",
		success : function (data) {
		$("#TF_0").html(data);
		}
	});
  */
   
 
$("select").change(function () {	
		
	// set diplay price
	
	
	// set tshirt graphic
	var new_shirt;
	var new_shirt = $("#TShirt").attr("src").split("-",1);
	
	if($("#FColor").val() == "Black"){
		new_shirt += "-b";
	}else{
		new_shirt += "-w";
	}
	
	if($("#FStyle").val() == "Fitted"){
		new_shirt += "f";
	}else{
		new_shirt += "c";
	}
	
	$("#TShirt").attr({src : new_shirt});
	
	
	
});	


$("#FStyle").change(function () {
	// set display price
	
	if($("#FStyle").val() == "Classic"){
		//$("#TPrice").load("../displayFunction.php");
		if($("#TPrice").attr("sal") == "true"){
			$("#TPrice").html("$14.99");
		}else{
			$("#TPrice").html("$14.99");
		}
		//$("#FormPrice").attr({value : "19.99"});
	}else{
		if($("#TPrice").attr("sal") == "true"){
			$("#TPrice").html("$16.99");
		}else{
			$("#TPrice").html("$16.99");
		}
		//$("#FormPrice").attr({value : "22.99"});
	}
	
});

/*
$("#FSize").change(function () {
	// set form final price
	if($("#FStyle").val() == "Classic"){
		if($("#FSize").val() == "2XL"){
			$("#FormPrice").attr({value : "21.99"});
		}else if($("#FSize").val() == "3XL"){
			$("#FormPrice").attr({value : "22.99"});
		}else if($("#FSize").val() == "4XL"){
			$("#FormPrice").attr({value : "23.99"});
		}else if($("#FSize").val() == "5XL"){
			$("#FormPrice").attr({value : "24.99"});
		}else if($("#FSize").val() == "6XL"){
			$("#FormPrice").attr({value : "25.99"});
		}else{
			$("#FormPrice").attr({value : "19.99"});
		}
	}else if($("#FStyle").val() == "Fitted"){
		if($("#FSize").val() == "XXL"){
			$("#FormPrice").attr({value : "24.99"});
		}else if($("#FSize").val() == "+1X"){
			$("#FormPrice").attr({value : "25.99"});
		}else if($("#FSize").val() == "+2X"){
			$("#FormPrice").attr({value : "26.99"});
		}else{
			$("#FormPrice").attr({value : "22.99"});
		}		
	}					 

});
*/

$("#FStyle").change(function () {
	// set form price tier
	if($("#FStyle").val() == "Classic"){
		$("#FSize").html("<option value='Sm' selected>Small</option>");
		$("#FSize").append("<option value='Med'>Med</option>");
		$("#FSize").append("<option value='Lg'>Lg</option>");
		$("#FSize").append("<option value='XL'>XL</option>");
		$("#FSize").append("<option value='2XL'>2XL &nbsp;&nbsp;(+ $2.00)</option>");
		
		if($("#TPrice").attr("sal") == "true"){
			$("#FSize_Val").html('<input type="hidden" name="option_select0" value="Sm">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount0" value="14.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select1" value="Med">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount1" value="14.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select2" value="Lg">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount2" value="14.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select3" value="XL">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount3" value="14.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select4" value="2XL">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount4" value="16.99">');
		}else{
			$("#FSize_Val").html('<input type="hidden" name="option_select0" value="Sm">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount0" value="14.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select1" value="Med">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount1" value="14.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select2" value="Lg">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount2" value="14.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select3" value="XL">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount3" value="14.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select4" value="2XL">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount4" value="16.99">');
		}
		
		
	}else if($("#FStyle").val() == "Fitted"){
		$("#FSize").html("<option value='Sm' selected>Small</option>");
		$("#FSize").append("<option value='Med'>Med</option>");
		$("#FSize").append("<option value='Lg'>Lg</option>");
		$("#FSize").append("<option value='XL'>XL</option>");
		
		if($("#TPrice").attr("sal") == "true"){
			$("#FSize_Val").html('<input type="hidden" name="option_select0" value="Sm">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount0" value="16.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select1" value="Med">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount1" value="16.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select2" value="Lg">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount2" value="16.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select3" value="XL">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount3" value="16.99">');
		}else{
			$("#FSize_Val").html('<input type="hidden" name="option_select0" value="Sm">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount0" value="16.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select1" value="Med">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount1" value="16.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select2" value="Lg">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount2" value="16.99">');
			$("#FSize_Val").append('<input type="hidden" name="option_select3" value="XL">');
			$("#FSize_Val").append('<input type="hidden" name="option_amount3" value="16.99">');
		}
	}
});



});