// Efeito fade
function fadeTo(el,from,to,steps,curr)
{
	var objeto = window.document.getElementById(el);
    var to    = to;
    var stps  = steps || 5;
    var from  = from  || (to/stps);
    var curr  = curr  || from;
        curr  = curr  + ((to-from)/stps);

    objeto.style.opacity = Number( curr / 100 );
    objeto.style.filter  = 'alpha(opacity=' + Number( curr ) + ')';
    if(Math.round(curr) != to)
	{        
        setTimeout(function(){fadeTo(el,from,to,steps,curr);},100);
    }
    document.getElementById('boxContentFade').style.display='block';
}


function ShowForm(nameForm,tipo)
{
	var oldTab = document.getElementById('oldTab');
	if(oldTab && oldTab.value==(controlTabs.tabs.length-1) && nameForm=='forms/adquira.html')
	{
		return false;
	}else
	{
		var tipo = tipo || '';
		if(tipo=="imagem")
		{
		  	document.getElementById('mioloIframe').style.display='none';
			document.getElementById('mioloImage').style.display='block';
			document.getElementById('imagem').src=nameForm;
			document.getElementById('boxFade').style.display='block';
			fadeTo('boxFade',1,60,3);
		}else
		{
			document.getElementById('mioloImage').style.display='none';
			document.getElementById('mioloIframe').style.display='block';
			ContentForm.location.href='about:blank';
			document.getElementById('boxFade').style.display='block';
			fadeTo('boxFade',1,60,3);
			ContentForm.location.href=nameForm;
			ContentForm.onload="ResizeFrame(this.id,true)";
		}
	}
}

function HideForm()
{
	document.getElementById('boxFade').style.display='none';
	document.getElementById('boxContentFade').style.display='none';
	if(ContentForm.document.getElementById('video'))
	{
		ContentForm.document.getElementById('video').stop();
	}
}
function AddFade()
{
	var content ='<div id="boxFade">'+
		'<div id="boxTopFade">'+
			'<div id="" align="right" style="line-height:22px; z-index:999">'+
        	'<a href="javascript:void(0);" onclick="HideForm()">'+
            	'<img src="images/close_animated.gif" border="0" align="absmiddle" />&nbsp;&nbsp;'+
          '</a>'+
	    '</div>'+
		'</div>'+
	'</div>'+
	'<div id="boxContentFade">'+
		'<table width="100%" height="100%" align="center">'+
			'<tr>'+
				'<td align="center" valign="middle">'+
					'<table style="background-color:#FFFFFF" align="center">'+
						'<tr id="mioloIframe" style="display:none">'+
							'<td valign="middle">'+
							   '<iframe id="ContentForm" name="ContentForm" width="830" height="430" frameborder="0" scrolling="auto"></iframe>'+
							'</td>'+
						'</tr>'+
						'<tr id="mioloImage" style="display:none">'+
             '<td>'+
                 '<img id="imagem" src=""/>'+
              '</td>'+    
            '</tr>'+         
					'</table>'+
				'</td>'+
			'</tr>'+
		'</table>'+
	'</div>';
	document.write(content);
}