$(document).ready(function(){
	var Selector = {
		product : {
			id: $(".selector").attr("id"), 
			base : $(".selector select.base").val(),
			logo : $(".selector select.logo").val()
		},
		setBase : function() {
			this.product.base = $(".selector select.base").val();
			$(".selector .product_image").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");
		},
		init : function() {
			$(".selector .product_image").css("background-repeat", "no-repeat").css("width", $(".selector .product_image img").attr("width"));
			
			this.setBase();
			this.setLogo();
			
			$(".selector select.base").change(function(){Selector.setBase()});
			$(".selector select.logo").change(function(){Selector.setLogo()});
			
		}
	};
	
	Selector.init();
});