$(document).ready(function(){

	var Selector = {
		product : {
			id: $(".selector").attr("id"), 
			base : $(".selector select.base").val(),
			logo : $(".selector select.logo").val()
,
			fogo : $(".selector select.fogo").val()		},
		setBase : function() {
			this.product.base = $(".selector select.base").val();
			$(".selector .product_tshirt").css("background-image", "url(images/" + this.product.id + "_base_" + this.product.base + ".jpg)");
		},
		setLogo : function() {
			this.product.logo = $(".selector select.logo").val();
			/*$(".selector .product_image img").attr("src", "images/" + this.product.id + "_logo_" + this.product.logo + ".png");*/
			$(".selector .product_image").css("background-image", "url(images/" + this.product.id + "_logo_" + this.product.logo + ".png)");
		},
		setFogo : function() {
			this.product.fogo = $(".selector select.fogo").val();
			$(".selector .product_image img").attr("src", "images/" + this.product.id + "_fogo_" + this.product.fogo + ".png");
		},
            init : function() {
			$(".selector .product_tshirt").css("background-repeat", "no-repeat").css("width", $(".selector .product_image img").attr("width"));
			
			this.setBase();
			this.setLogo();
				this.setFogo();		
			$(".selector select.base").change(function(){Selector.setBase()});
			$(".selector select.logo").change(function(){Selector.setLogo()});
			
		$(".selector select.fogo").change(function(){Selector.setFogo()});
			
		}
	};
	
	Selector.init();
});