function initialize_visualize(){
	style_containers = {"background":"","border":"","font":"","extras":""};
	structure_containers = {"display":"","positioning":"","text_structure":"","dimensions":"","margin":"","padding":""};
		
	$(".button2").each(function(){
		$(this).click(function(){
			$(".button2").removeClass("selected"); $(this).addClass("selected");
		});
	});
		
	$("#structure_only").click(function(){
		show_structure();
	});
	
	$("#style_only").click(function(){
		show_normal();
	});
	
	$("#reposition").click(function(){
		enable_sorting();
	});
}

function restore_view(){
	if(view == "structure") show_structure();
	else show_normal();
}

function show_normal(){
	var theme = all_css[css_context];
	var default_theme = all_css["/"];
	view = "style";
	for(var elem in css_tree){
		var ui_elem = $(elem)
		try{
			var elem_type = $(ui_elem)[0].nodeName.toLowerCase();
			if(elem_type != "input" && elem_type != "button"){
				eval("$(\""+elem+"\").css({border:'none'})");
				try{
				for(var prop in theme[elem]){
					eval("$(\"" + elem + "\").css({\"" + prop + "\": \""+ theme[elem][prop].trim() + "\"});");
				}}catch(exception){}
			}
		}catch(exception){}
	}
	// second pass around for the border "bug"
	for(var i = 0; i < ordered_css.length; i++){
		var elem = ordered_css[i];
		var ui_elem = $(elem)
		try{
		for(var prop in default_theme[elem]){
			eval("$(\"" + elem + "\").css({\"" + prop + "\": \""+ default_theme[elem][prop].trim() + "\"});");
		}}catch(exception){}
		try{
		for(var prop in theme[elem]){
			eval("$(\"" + elem + "\").css({\"" + prop + "\": \""+ theme[elem][prop].trim() + "\"});");
		}}catch(exception){}
	}

}

function show_structure(){
	var skip_classes = ["content_actions"];
	
	view = "structure"
	var theme = all_css[css_context];
	for(var elem in css_tree){
		var ui_elem = $(elem);
		var skip_class = false;
		for(var i = 0; i < skip_classes.length; i++) if($(ui_elem).hasClass(skip_classes[i])) {skip_class = true;break;}
		if((ui_elem.length > 0) && (elem != "body") && (elem != "#container") && (elem != ".selected") && !skip_class){
			var elem_type = $(ui_elem)[0].nodeName.toLowerCase();
			if(elem_type != "input" && elem_type != "button")
			{
				
				$("#contentHolder").css({background:"#fff"});
				try{
					if("color" in theme[elem]){
						if(elem_type == "a") $(elem).css({color:"#003399"});
						else $(elem).css({color:"#000"});
					}
					if("background" in theme[elem]) $(elem).css({background:"#fff"});
					//if("background" in theme[elem] && elem != "div#contentHolder") $(elem).css({background:"#fff"});
				}catch(exception){}
				//$(elem).css({color:"#000"});
				//$(elem).css({background:"#fff"});
				$(elem).css({border:"1px solid #aaa"});
			}
		}
	}
	try{
	$(css_backup.elem).css({border:"3px dashed #ffac55"});
	}catch(exception){}
}

function show_containers(containers){
	$(".css_elem").addClass("hidden");
	for(var container in containers) eval("$(\"#"+container+"\").removeClass('hidden')");
	$("a",$("#css_menu")).addClass("hidden");
	$("a",$("#css_menu")).each(function(){
		if(default_properties[$(this).attr("links_to")].container in containers) $(this).removeClass("hidden");
	});
}