var MARKUP = window.MARKUP || {}

html = '\n'+
'<div id="mailtoFrame">\n'+
'	<h3>Indicar para um amigo</h3>\n'+
'	<iframe style="pading:0;margin:0;" src="http://'+document.location.host+'/extras/tellAFriend.html?rnd='+((new Date()).getTime(), null, null)+'" width="_IFRAME_W_" height="_IFRAME_H_" name="mailto_iframe" id="mailto_iframe" border="0" frameborder="0"></iframe>\n'+
'</div>\n'+
'';
MARKUP.tellAFriend = html; //  _IFRAME_W_ - _IFRAME_H_

html = '\n'+
'<div id="mailtoFrame">\n'+
'	<h3>Indique para um amigo</h3>\n'+
'	<iframe style="pading:0;margin:0;" src="http://'+document.location.host+'/extras/tellAFriendFortaleza.html?&rnd='+((new Date()).getTime(), null, null)+'" width="_IFRAME_W_" height="_IFRAME_H_" name="mailto_iframe" id="mailto_iframe" border="0" frameborder="0"></iframe>\n'+
'</div>\n'+
'';
MARKUP.tellAFriendFortaleza = html; //  _IFRAME_W_ - _IFRAME_H_ -

html = '\n'+
'<div id="mailtoFrame">\n'+
'	<h3>Indicar para um amigo</h3>\n'+
'	<br />\n'+
'	<br />\n'+
'	<br />\n'+
'	<p class="msg ok">E-mail enviado com sucesso</p>\n'+
'</div>\n'+
'';
MARKUP.tellAFriendSuccess = html; //  _IFRAME_W_ - _IFRAME_H_

html = '\n'+
'<div id="notauth">\n'+
'	<h3>Entrar</h3>\n'+
'	<p>_MESSAGE_</p>\n'+
'	<iframe style="pading:0;margin:0;" src="http://'+document.location.host+'/extras/redirect_acesso.html" width="_IFRAME_W_" height="_IFRAME_H_" name="acesso_iframe" id="acesso_iframe" border="0" frameborder="0"></iframe>\n'+
'</div>\n'+
'';
MARKUP.TB_loginWindow = html; // _MESSAGE_


html = '\n'+
'<form id="askform" name="askform" action="http://'+document.location.host+'/questions/insertQuestion.html" method="post">\n'+
'<input type="hidden" name="id" id="askId" value="" />\n'+
'<h3>Fazer nova pergunta</h3>\n'+
'<div id="askFirstStep">\n'+
'<div class="question">\n'+
'	<label>Pergunta:</label>\n'+
'	<p class="question-fields"><textarea class="validate-maxlength" tabindex="0" id="strAddNewQuestion" maxlength="1000" name="question" rows="6" cols="40"></textarea></p>\n'+
'	<p class="warn"><span class="countlength" id="validateMax_strAddNewQuestion">1000</span> caracteres restantes.</p>'+
'	<p class="warn">É proibido incluir dados pessoais nesta seção. Os usuários que não cumprirem essa regra serão suspensos. Saiba mais na seção <a href="http://todaoferta.uol.com.br/extras/politicas.html">Políticas para cadastramento de anúncios</a>.</span>\n'+
'</div>\n'+
'<div class="aditional">\n'+
//'	<p class="actions clearfix">\n'+
//'		<label class="check">\n'+
//'			<input name="wishlist" type="checkbox" />\n'+
//'			Quero que este anúncio seja adicionado a minha lista de desejos\n'+
//'		</label>\n'+
//'	</p>\n'+
'	<p class="actions botoes clearfix">\n'+
'		<input class="cancelaBt" type="button" value="Cancelar" />&nbsp;&nbsp;&nbsp; <input class="turingBt" type="submit" value="Enviar pergunta" />\n'+
'	</p>\n'+
'</div>\n'+
'</div>\n'+
'</form>\n'+
'';
MARKUP.TB_ask = html;

var out_of_ann = "";
if( location.href.indexOf( "confirmacao.html" ) != -1 )
{
	out_of_ann = "?out-of-ann=true";
}
html = '\n'+
'<form id="askform" name="askform" action="http://'+document.location.host+'/questions/insertQuestion.html' + out_of_ann + '" method="post">\n'+
'<input type="hidden" name="id" id="askId" value="" />\n'+
'<h3>Fazer nova pergunta</h3>\n'+
'<p class="msg-mini alert-mini">{messenger-text}</p>\n'+
'<div id="askFirstStep">\n'+
'<div class="question">\n'+
'	<label>Pergunta:</label>\n'+
'	<p class="question-fields"><textarea name="question" rows="6" cols="40"></textarea></p>\n'+
'	<p class="warn">É proibido incluir dados pessoais nesta seção. Os usuários que não cumprirem essa regra serão suspensos. Saiba mais na seção <a href="http://todaoferta.uol.com.br/extras/politicas.html">Políticas para cadastramento de anúncios</a>.</span>\n'+
'</div>\n'+
'<div class="aditional">\n'+
//'	<p class="actions clearfix">\n'+
//'		<label class="check">\n'+
//'			<input name="wishlist" type="checkbox" />\n'+
//'			Quero que este anúncio seja adicionado a minha lista de desejos\n'+
//'		</label>\n'+
//'	</p>\n'+
'	<p class="actions botoes clearfix">\n'+
'		<input class="cancelaBt" type="button" value="Cancelar" />&nbsp;&nbsp;&nbsp; <input class="turingBt" type="submit" value="Enviar pergunta" />\n'+
'	</p>\n'+
'</div>\n'+
'</div>\n'+
'</form>\n'+
'';
MARKUP.TB_ask_messenger = html;

html = '\n'+
'<div id="askSecondStep" class="turing clearfix">\n'+
'	<input type="hidden" name="token" value="__TOKEN__" />\n'+
'	<table border="0"><tbody><tr><td>\n'+
'		<p><label for="turing-test">Digite abaixo o que você vê na imagem:</label></p>\n'+
'		<p class="userInput"><input id="turing-test" name="userResponse" type="text" /></p>\n'+
'		<p></p>\n'+
'		<p class="reload-turing clearfix">\n'+
'			Não consegue entender a imagem?<br />Clique para ver outra imagem &nbsp;<button><img alt="" src="http://img.todaoferta.uol.com.br/interface/turing-reload.gif"></button>\n'+
'		</p>\n'+
'		<p class="hear-turing clearfix">\n'+
'			Clique para ouvir o que está escrito &nbsp;\n'+
'			<button><img alt="Turing Test" src="http://img.todaoferta.uol.com.br/interface/turing-listen.gif"></button>\n'+
'		</p>\n'+
'	</td><td class="imgTD">\n'+
'		<img class="turing-image" src="__TURING_HOST__/__TOKEN__.jpg" />\n'+
'	</td></tr></tbody></table>\n'+
'<div class="aditional">\n'+
'	<p class="actions clearfix">\n'+
'	<p class="actions botoes clearfix">\n'+
'		<input class="cancelaBt" type="button" value="Cancelar" /> &nbsp;&nbsp;&nbsp; <input class="enviaBt" type="submit" value="Enviar pergunta" />\n'+
'	</p>\n'+
'</div>\n'+
'</div>\n'+
'';
MARKUP.turingTest = html; // __TOKEN__

html = '<div class="messenger-fake">\n' +
'	<p class="talk-to">\n' +
'		Fale já com o vendedor\n' +
'	</p>\n' +
'	<div class="status {contact-status}">\n' +
'		<h4>{contact-name}</h4>\n' +
'		<p>\n' +
'			{contact-status}\n' +
'		</p>\n' +
'	</div>\n' +
'	<div class="messages-view"></div>\n' +
'	<div class="message-input"></div>\n' +
'	<div class="actions clearfix">\n' +
'		<a href="#pop">Abrir em Pop-Up</a>\n' +
'		<button	type="button">Enviar</button>\n' +
'	</div>\n' +
'</div>';
MARKUP.fake_messenger = html;

html = '\n'+
'<div id="contentExtended">\n'+
'	<h3>imagem ampliada</h3>\n'+
'	<div align="center"><img id="extendedImage" src="" alt="" title="" /></div>'	+
'</div>\n'+
'';
MARKUP.openExtendedPlan = html; // 

html = '<div class="hideLightbox" id="open-__ID_CONTAINER__">'+
'	<div id="__ID_CONTAINER__" class="contentExtendedImage">'+
	'	<h3>Fotos</h3>'+
	'	<div class="lightbox-carousel">'+
	'		<div class="clearfix content">'+
	'			<div class="hideOverflow">'+
	'				<ul>'+
	'					<li>&nbsp;</li>'+
	'				</ul>'+
	'			</div>'+
	'		</div>'+
	'		<div class="nav-left">'+
	'			<a href="#">&lt;</a>'+
	'		</div>'+
	'		<div class="nav-right">'+
	'			<a href="#">&gt;</a>'+
	'		</div>'+
	'	</div>'+
	'	<p class="guideNav"><span class="captionTitle">Foto</span> <span class="actual">&nbsp;</span>/<span class="total">&nbsp;</span></p>'+
	'	<p class="caption">&nbsp;</p>'+
	'	<div class="extendedImageBox">'+
	'		<span class="imageContainer">'+
	'			<img class="lightboxImage" src="http://img.todaoferta.uol.com.br/interface/px.gif" alt="" title="" />'+
	'		</span>'+
	'		<div class="nav-left">'+
	'			<a href="#">&lt;</a>'+
	'		</div>'+
	'		<div class="nav-right">'+
	'			<a href="#">&gt;</a>'+
	'		</div>'+
	'	</div>'+
'	</div>'+
'</div>';
MARKUP.openExtendedImage = html; // __ID_CONTAINER__

html = '<div class="hideLightbox" id="open-__ID_CONTAINER__">'+
'	<div id="__ID_CONTAINER__" class="contentExtendedImage">'+
	'	<h3>Fotos</h3>'+
	'	<div class="lightbox-carousel">'+
	'		<div class="clearfix content">'+
	'			<div class="hideOverflow">'+
	'				<ul>'+
	'					<li>&nbsp;</li>'+
	'				</ul>'+
	'			</div>'+
	'		</div>'+
	'		<div class="nav-left">'+
	'			<a href="#">&lt;</a>'+
	'		</div>'+
	'		<div class="nav-right">'+
	'			<a href="#">&gt;</a>'+
	'		</div>'+
	'	</div>'+
	'	<p class="guideNav"><span class="captionTitle">Foto</span> <span class="actual">&nbsp;</span>/<span class="total">&nbsp;</span></p>'+
	'	<p class="caption">&nbsp;</p>'+
	'	<div class="extendedImageBox">'+
	'		<span class="imageContainer">'+
	'			<img class="lightboxImage" src="http://img.todaoferta.uol.com.br/interface/px.gif" alt="" title="" />'+
	'		</span>'+
	'		<div class="nav-left">'+
	'			<a href="#">&lt;</a>'+
	'		</div>'+
	'		<div class="nav-right">'+
	'			<a href="#">&gt;</a>'+
	'		</div>'+
	'	</div>'+
'	</div>'+
'</div>';
MARKUP.openExtendedImageMkt = html; // __ID_CONTAINER__