(function($) {
	$.fn.WidgetGenerator = function(baseUrl, culture) {
		var Color = $('.color input:checked').val();
		var Size = $('.size input:checked').val();
		var BaseUrl = baseUrl;
		var Culture = culture;
		
		var ColorChanged = function() {
			Color = $("input", this).attr('checked', true).val();
			UpdatePreview();
		}
		var SizeChanged = function() {
			Size = $("input", this).attr('checked', true).val();
			UpdatePreview();
		}
		var UpdatePreview = function() {
			$('#preview script').html("");
			var url = BaseUrl+"?Size="+Size+"&Color="+Color+"&Culture="+Culture;
			$("#preview").html('<iframe frameborder="0" scrolling="no" width="600" height="600" src="'+url+'"></script>');
		}
		
		var GetCode = function(e) {
			e.preventDefault();
			$(this).attr('disabled');
			var url = $(this).parents('form').attr('action');
			url += "?Size="+Size+"&Color="+Color+"&Culture="+Culture;
			var area = $('<textarea></textarea>').appendTo($(this).parent());
			$(this).hide();
			$.get(url, function(data) {
				area.val(data);
			});
		}
		
		$('.color label', this).click(ColorChanged);
		$('.size label', this).click(SizeChanged);
		$('#getcode').click(GetCode);
		UpdatePreview();
	}
})(jQuery);

(function($) {
    $.fn.PromoPreview = function(baseUrl) {
        var BaseUrl = baseUrl;
        var form = $('#form1');
        var origTarget = form.attr('target');
        var origAction = form.attr('action');

        var UpdatePreview = function() {
            form.attr('target', 'widgetPreview');
            form.attr('action', '/Widget/GetPromoPreview');
            form.submit();
            form.attr('target', origTarget);
            form.attr('action', origAction);

        }



        $('#previewButton, #previewbuttontop').click(UpdatePreview);
        //UpdatePreview();
    }
})(jQuery);