(function($) {
	function refreshBackgroundOptions() {
	   
		if($("#background_option").attr("value") == 'default') {
		  
			$("#background_color_options").slideUp();
			$("#background_image_options").slideUp();
			if($("#background_color").attr("value")!="")
            {                       
                $("#background_preview").css("background-color", '#'+$("#background_color").attr("value"));
			    
            }
			$("#background_preview").css("background-image", "url(" + $("#default_option_background_image").attr("value") + ")");
			$("#background_preview").css("background-repeat", $("#default_option_background_repeat").attr("value"));
			$("#background_preview").css("background-position", $("#default_option_background_position").attr("value"));
		}
		else if($("#background_option").attr("value") == 'custom_image') {
		  
			$("#background_color_options").slideDown();
			$("#background_image_options").slideDown();
			
			
            
            if($("#background_color").attr("value")!="")
            {                       
                $("#background_preview").css("background-color", '#'+$("#background_color").attr("value"));
			    
            }
            $("#background_preview").css("background-image", "url(" + $("#background_image").attr("value") + ")");            
			$("#background_preview").css("background-repeat", $("#background_repeat").attr("value"));
			$("#background_preview").css("background-position", $("#background_position").attr("value"));
		}
		else if($("#background_option").attr("value") == 'custom_color') {
		  
			$("#background_color_options").slideDown();
			$("#background_image_options").slideUp();
            
            
            if($("#background_color").attr("value")!="")
            {                       
                $("#background_preview").css("background-color", '#'+$("#background_color").attr("value"));
			    
            }
            $("#background_preview").css("background-image", "none");
			$("#background_preview").css("background-repeat", $("#background_repeat").attr("value"));
			$("#background_preview").css("background-position", $("#background_position").attr("value"));
		}
	}
	
	function backgroundPreviewToggle(show) {
		if(($("#background_preview").css("display") == 'none') || (show == "show")) {
			$("#background_preview").slideDown();
			$("#smaller_background_preview").show();
			$("#larger_background_preview").show();
			
			$("#show_hide_background_preview").html("Hide Background Preview");
		}
		else {
			$("#background_preview").slideUp();
			$("#smaller_background_preview").hide();
			$("#larger_background_preview").hide();
			
			$("#show_hide_background_preview").html("Show Background Preview");
		}
	}
	

	
	
	$(document).ready(
		function(){
		    
            
            
			var position = $("#background_color").position();
			var height = $("#background_color").outerHeight();
            
            
			
			$("#background_color_options").hide();
			$("#background_image_options").hide();
			
			refreshBackgroundOptions();
			
            
            
            
			$("#background_option").change(
				function(e) {
					refreshBackgroundOptions();
					backgroundPreviewToggle("show");
				}
			);
			
                        
			$("#background_repeat").change(
				function(e) {
					$("#background_preview").css("background-repeat", $(this).attr("value"));
				}
			);
			
			$("#background_position").change(
				function(e) {
					$("#background_preview").css("background-position", $(this).attr("value"));
				}
			);
			
			
			$("#show_hide_background_preview").click(
				function(e) {
					backgroundPreviewToggle();
				}
			);
			
			
			$("#larger_background_preview").click(
				function(e) {
					$("#background_preview").animate({width: parseInt($("#background_preview").css("width")) + 30, height: parseInt($("#background_preview").css("height")) + 30}, "fast");
					
					$("#background_preview_width").attr("value", $("#background_preview").css("width"));
					$("#background_preview_height").attr("value", $("#background_preview").css("height"));
				}
			);
			
			
			$("#smaller_background_preview").click(
				function(e) {
					if((parseInt($("#background_preview").css("width")) >= 300) && (parseInt($("#background_preview").css("height")) >= 300)) {
						$("#background_preview").animate({width: parseInt($("#background_preview").css("width")) - 30, height: parseInt($("#background_preview").css("height")) - 30}, "fast");
						
						$("#background_preview_width").attr("value", $("#background_preview").css("width"));
						$("#background_preview_height").attr("value", $("#background_preview").css("height"));
					}
				}
			);
			
			
			
		}
	);
})(jQuery);