function mudarStyle(obj,combo,prop){
	valor = document.getElementById(combo).value;
	document.getElementById(obj).style[prop] = valor;
	updateStyle(obj,combo,valor);
}
var oldStyle = 'display';
function updateStyle(obj,combo,valor){
	novoCss = document.getElementById(obj + '_' + combo);
	novoCss.innerHTML = valor;
	oldCss = document.getElementById(oldStyle);
	//alert(obj + '_' + combo);
	oldCss.className = 'old';
	novoCss.className = 'vermelho';
	oldStyle = obj + '_' + combo;
	window.location = "#css_interativo";
	return oldStyle;
}
function redAlert(alvo){
	document.getElementById(alvo).style.color= 'red';
	clearInterval(red);
}
function resetObj(){
	var i = document.getElementById('i');
	var h = document.getElementById('h');
	var d = document.getElementById('display');
	i.style.width='300px';
	i.style.fontFamily='verdana,sans-serif';
	i.style.fontSize='11px';
	i.style.fontStyle='normal';
	i.style.fontWeight='normal';
	i.style.textAlign='left';
	i.style.color='#996633';
	i.style.backgroundColor='#FDE8CD';
	i.style.borderColor='#996633';
	i.style.borderWidth='1px';
	i.style.borderStyle='solid';
	i.style.marginTop='0px';
	i.style.marginLeft='0px';
	i.style.padding='0px';
	h.style.fontSize='18px';
	h.style.borderBottomStyle='none';
	h.style.backgroundImage='none';
	h.style.margin='0px';
	d.innerHTML = "<dl>"+
					"<dt>#i{</dt>"+
					"<dd>width:<span id='i_width'>300px</span>;</dd>"+
					"<dd>font:<span id='i_fontStyle'>normal</span> <span id='i_fontWeight'>normal</span> <span id='i_fontSize'>11px</span> '<span id='i_fontFamily'>verdana</span>';</dd>"+
					"<dd>background:<span id='i_background'>#FDE8CD</span>;</dd>"+
					"<dd>margin:<span id='i_marginTop'>0</span> 0 0 <span id='i_marginLeft'>0</span>;</dd>"+
					"<dd>padding:<span id='i_padding'>0</span>;</dd>"+
					"<dd>color:<span id='i_color'>#996633</span>;</dd>"+
					"<dd>text-align:<span id='i_textAlign'>left</span>;</dd>"+
					"<dd>border:<span id='i_borderWidth'>1px</span> <span id='i_borderStyle'>solid</span> <span id='i_borderColor'>#996633</span>;</dd>"+
					"<dt>}</dt>"+
					"<dd>&nbsp;</dd>"+
					"<dt>#i h4{</dt>"+
					"<dd>font:<span id='h_h_font'>11px</span> 'trebuchet ms';</dd>"+
					"<dd>background-image: <span id='h_h_img'>none</span>;</dd>"+
					"<dd>margin:<span id='h_h_margin'>0</span>;</dd>"+
					"<dd>border-bottom:3px <span id='h_h_border'>solid</span> #996633;</dd>"+
					"<dt>}</dt>"+
				"</dl>"
	
}