document.write('<script type="text/javascript" src="http://tmsrepublic.com/widgets/includes/prototype.js"></script>');

var mobitms_widget = "";

/***
*AJAX
***/
function send_mobile(){
	var url = "http://tmsrepublic.com/widgets/mobitms/send_mobile.php"
		new Ajax.Request(url, {
			parameters: { mobile: $F('mobile_cell_num_input'), name: $F('name_input'), company: $F('company_input')},
			method: "post",
			onLoading: progress('mobile', '3', '3'),
			onSuccess: function(transport) { hideIndicator(transport.responseText, 'mobile'); }
		}); 
}
function send_reader(){
	var url = "http://tmsrepublic.com/widgets/mobitms/send_reader.php"
		new Ajax.Request(url, {
			parameters: { mobile: $F('reader_cell_num_input')},
			method: "post",
			onLoading: progress('reader', '4', '4'),
			onSuccess: function(transport) { hideIndicator(transport.responseText, 'reader');}
		}); 
}
function progress(content, page, totalPages){
	showPage(content,page,totalPages);
	var indicator = content + "_indicator";
	var message = content + "_message";
	document.getElementById(indicator).style.display = 'block';
	document.getElementById(message).style.display = 'none';
}
function hideIndicator(response, content){
	var indicator = content + "_indicator";
	var message = content + "_message";
	document.getElementById(indicator).style.display = 'none';
	document.getElementById(message).style.display = 'block';
	document.getElementById(message).innerHTML = response;
}
/***
*VALIDATION
***/
function noLetters(e){
	var keynum;
	var keychar;
	var filter;

	if(window.event) {// IE
		keynum = e.keyCode;
	}else if(e.which) {// Netscape/Firefox/Opera
		keynum = e.which;
	}
	keychar = String.fromCharCode(keynum);
	filter = /^([a-z]|[A-Z]|\+|_|-|\s|\||\?|\\|\*|\/|\[|\]|\{|\}|`|~|!|@|#|\$|%|\^|&|\(|\)|=|;|:|'|"|,|\.|\<|\>)*$/;

	return !filter.test(keychar);
}
/***
*CONTENT NAVIGATION
***/
function showContent(content){
	var display_content = "content" + content;
	for(x=1; x<=3; x++){
		var hide_content = "content" + x;
		if(x == content)
			document.getElementById(display_content).style.display = 'block';
		else
			document.getElementById(hide_content).style.display = 'none';
	}
}
function showPage(tab_name, page, totalpages){
	var display_page = tab_name + "_page" + page;
	for(x=1; x<=totalpages; x++){
		var hide_page = tab_name + "_page" + x;
		if(x == page)
			document.getElementById(display_page).style.display = 'block';
		else
			document.getElementById(hide_page).style.display = 'none';
	}
}
function reset(content){
	if(content=='mobile'){
		clear('mobile_cell_num_input');
		clear('name_input');
		clear('company_input');
		showPage('mobile','1','3');
	}else if(content=='reader'){
		clear('reader_cell_num_input');
		showPage('reader','1','4');
	}
}
function clear(element){
	document.getElementById(element).value = '';
}

mobitms_widget += '<style type="text/css">         \
#mobitms_main {width:166px;}         \
#mobitms_header {padding:5px 5px 0pt;}         \
#mobitms_menu {padding:0px 5px;}         \
#mobitms_body{ align: center;}         \
#tms_content{ background-color:#414141; height:155px; width:156px; }         \
#mobile_content{ background-color:#000000; height:155px; width:156px; }         \
#reader_content{ background-color:#E57301; height:155px; width:156px; }         \
#tms_bottom {	background:transparent url("http://tmsrepublic.com/widgets/mobitms/images/bottom_gray.gif") no-repeat scroll top center;}         \
#mobile_bottom {	background:transparent url("http://tmsrepublic.com/widgets/mobitms/images/bottom_black.gif") no-repeat scroll top center;}         \
#reader_bottom {	background:transparent url("http://tmsrepublic.com/widgets/mobitms/images/bottom_orange.gif") no-repeat scroll top center;}         \
#content2 { diplay:block;}         \
#content1, #content3 { diplay:none;}         \
#tms_page1{ padding:8px 6px 0px 6px; }         \
#tms_logo{ padding: 8px 7px 1px 2px; float: left; }         \
* html #tms_logo{ padding-right: 4px; }         \
#tms_mobitms { padding-left:5px;}         \
#mobile_message { padding:10px 5px 0px 5px; clear:both;}         \
#mobile_header.label, #reader_header.label { text-align:center;text-decoration:blink;}         \
#mobile_header.label{ color:#E57301;}         \
#reader_header.label { color:#000000;}         \
#reader_header,#mobile_header{ padding:25px 0px; }         \
#mobile_information { padding: 8px 0px 0px 5px;}         \
#reader_information { padding: 10px 0px 15px 8px;}         \
#mobile_back { padding-top:10px;}         \
#mobile_indicator,#reader_indicator { padding-top:50px; clear:both;}         \
#mobile_indicator { background: transparent url("http://tmsrepublic.com/widgets/mobitms/images/orange_on_black.gif") no-repeat scroll bottom center;}         \
#reader_indicator { background: transparent url("http://tmsrepublic.com/widgets/mobitms/images/black_on_orange.gif") no-repeat scroll bottom center;}         \
#mobile_label{padding:10px 10px 13px 10px;}         \
#reader_label{padding:10px 6px;}         \
#reader_label_bold{padding:2px 6px; font-weight:bold}         \
#reader_label_content{padding:0px 6px;}         \
#mobile_label2{padding:10px 10px 6px 10px ;}         \
#name_label{padding: 2px 10px 0px;}         \
#company_label{padding: 0px 10px;}         \
#reader_indicator,#mobile_indicator { padding-top:50px; clear:both;}         \
#nickname_label, #email_label, #video_url_label {padding:10px 10px 0px;}         \
#cell_num_label, #password_label, #video_name_label {padding: 5px 10px 0px;}         \
#bottom_text{ width:90px; padding-left: 10px;padding-top:10px;float:left;}         \
#save_button{ float:right;margin-right: 10px;padding-top:2px;}         \
#barcode { height:145px; width:156px;background: transparent url(http://tmsrepublic.com/widgets/mobitms/images/mobitms_barcode.gif) no-repeat scroll center center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }         \
* html #barcode { height:142px; }         \
.bottom_link_left{float:left;padding-left: 10px;padding-top:2px;}         \
.button_gray{ background:transparent url("http://tmsrepublic.com/widgets/mobitms/images/button.gif") no-repeat scroll top right;width:46px;height:18px;color:#E57301;font-family: verdana,arial,sans-serif; font-size:10px;text-align:center;}         \
.bottom_right_element, .bottom_right_element_top10, .bottom_right_element_top2, .bottom_right_element_top17{padding-right: 10px;float:right;}         \
.bottom_right_element_top10{padding-top:10px;}         \
.bottom_right_element_top17{padding-top:17px;}         \
.bottom_right_element_top2{padding-top:2px; padding-bottom:0px;}         \
* html #barcode_next.bottom_right_element_top2{padding-top:1px; padding-bottom:0px;}         \
.bottom_left_element, .bottom_left_element_top10, .bottom_left_element_top5, .bottom_left_element_top17{padding-left: 10px;float:left;}         \
.bottom_left_element_top5{padding-top:5px;}         \
.bottom_left_element_top10{padding-top:10px;}         \
.bottom_left_element_top17{padding-top:17px;}         \
.center{	padding:0px 5px;}         \
.label, .link{ font-family: verdana,arial,sans-serif; font-size:10px; color: #ffffff;}         \
.text, .textBlack, .textWhite, .small_text{ font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}         \
.small_text{ color: #EFF299;  font-size:10px;}         \
.text{ color: #ffffff;  font-size:11px;}         \
.textWhite{ color: #FFFFFF; font-size:10px;}         \
.textBlack { color: #000000; font-size:11px; }         \
.paddingtop3 {padding-top:3px;}         \
.mobile_info { color: #E57301; padding-left:5px;}         \
.mobile_input { background-color: #FFFFFF; border: 1px solid #FFFFFF; color:#666666;margin:3px;}         \
.reader_input { background-color: #FFFFFF; border: 1px solid #FFFFFF; color:#666666;margin:3px;}         \
.input_text { background-color: #000000; border: 1px solid #666666; color:#aaaaaa;margin:3px;}         \
.link, .tmslink, .buttonlink{ cursor:pointer;}         \
.tmslink { text-decoration:none;}         \
a.link:hover { color:#ffffff;}         \
a.tmslink:hover { text-decoration:underline;}         \
.linkyellow{ font-family: tahoma,verdana,arial,sans-serif; font-size:9px; color: #EFF299; cursor:pointer;}         \
a.linkyellow:hover { cursor:pointer;text-decoration:underline; }         \
</style>         \
<div id="mobitms_main">	         \
	<div id="mobitms_header"><img src="http://tmsrepublic.com/widgets/mobitms/images/mobitms_widget_logo.gif" alt="mobitms_widget" border="0"/></div>         \
	<div id="mobitms_menu"><img src="http://tmsrepublic.com/widgets/mobitms/images/tab_tms.gif" alt="tms" border="0" onclick="showContent(\'1\');"/><img src="http://tmsrepublic.com/widgets/mobitms/images/tab_mobile.gif" alt="mobile" border="0" onclick="showContent(\'2\');"/><img src="http://tmsrepublic.com/widgets/mobitms/images/tab_reader.gif" alt="reader" border="0" onclick="showContent(\'3\');"/></div>         \
	<div id="mobitms_body" class="center">         \
		<div id="content1" style="display:none">         \
			<div id="tms_content">         \
				<div id="tms_page1">         \
					<div id="tms_logo" align="center"><a href="http://tmsrepublic.com/"><img alt="tms" src="http://tmsrepublic.com/widgets/mobitms/images/tms_logo.gif" border="0"/></a></div>         \
					<div id="tms_mobitms" class="text">         \
						<div style="margin">This TMS premium widget bridge a web page directly to the consumer phone</div>         \
						<div class="paddingtop3">And offer to send a real interactive site to his mobile.</div>         \
						<div class="paddingtop3">The consumer receives SMS with a web link to access directly to the mobile interactive offer.</div>         \
					</div>         \
				</div>         \
			</div>         \
			<div id="tms_bottom">&nbsp;</div>         \
		</div>         \
		<div id="content2">         \
			<div id="mobile_content">         \
				<div id="mobile_page1">         \
					<div id="mobile_label" class="text">Learn more about tms directly on your mobile</div>         \
					<div id="cell_num_label" class="text">Cell Phone #</div>         \
					<div align="center"><input class="mobile_input" type="text" name="cell_num" size="19" maxlength="15" onkeypress="return noLetters(event);" value="" id="mobile_cell_num_input"/></div>         \
					<div class="small_text" align="center">country code & cell number</div>         \
					<div class="bottom_right_element_top17" align="right"><img src="http://tmsrepublic.com/widgets/mobitms/images/button_next_black.gif" alt="next" border="0" onclick="showPage(\'mobile\',\'2\',\'3\');" class="buttonlink"/></div>         \
				</div>         \
				 <div id="mobile_page2" style="display:none">         \
					<div id="mobile_label2" class="text">Enter your name & company to continue</div>         \
					<div id="name_label" class="text">Name</div>         \
					<div align="center"><input class="mobile_input" type="text" name="name" size="19" maxlength="15" value="" id="name_input"/></div>         \
					<div id="company_label" class="text">Company</div>         \
					<div align="center"><input class="mobile_input" type="text" name="company" size="19" maxlength="15" value="" id="company_input"/></div>         \
					<div class="bottom_left_element_top10" align="left"><img src="http://tmsrepublic.com/widgets/mobitms/images/button_back_black.gif" alt="back" border="0" onclick="showPage(\'mobile\',\'1\',\'3\');" class="buttonlink"/></div>         \
					<div class="bottom_right_element_top10" align="right"><img src="http://tmsrepublic.com/widgets/mobitms/images/button_send_black.gif" alt="send" border="0" onclick="send_mobile();" class="buttonlink"/></div>         \
				</div>         \
  				<div id="mobile_page3" style="display:none">         \
					<div id="mobile_indicator" style="display:none" align="center">&nbsp;</div>         \
					<div id="mobile_message" style="display:none"></div>         \
				</div>         \
			</div>         \
			<div id="mobile_bottom">&nbsp;</div>         \
		</div>         \
		<div id="content3" style="display:none">         \
			<div id="reader_content">         \
				<div id="reader_page1">         \
					<div id="barcode" align="center"></div>         \
					<div id="barcode_next" class="bottom_right_element_top2" align="right"><a class="link" onclick="showPage(\'reader\',\'2\',\'4\');">&raquo; Next</a></div>         \
				</div>         \
				<div id="reader_page2" style="display:none">         \
					<div id="reader_label" class="textBlack">To launch a page or action with a TMS Code:</div>         \
					<div id="reader_label_bold" class="textBlack">1) The Browser Solution</div>         \
					<div id="reader_label_content" class="textBlack">Use your mobile browser, go to <a href="http://www.tms-search.com/" target="_blank" class="tmslink">www.tms-search.com</a> and enter the Code (donīt forget to bookmark this search page)</div>         \
					<div class="bottom_left_element_top10" align="left"><a class="link" onclick="showPage(\'reader\',\'1\',\'4\');">&laquo; Back</a></div>         \
					<div class="bottom_right_element_top10" align="right"><a class="link" onclick="showPage(\'reader\',\'3\',\'4\');">&raquo; Next</a></div>         \
				</div>         \
				<div id="reader_page3" style="display:none">         \
					<div id="reader_label_bold" class="textBlack">2) The Scan Solution</div>         \
					<div id="reader_label_content" class="textBlack">Load on ur phone the FREE mobile reader of TMS barcode, enter ur Cell # and wait for the wap link. Install the app and open it to scan the Code.</div>         \
					<div class="small_text" align="center">country code & cell number</div>         \
					<div align="center"><input class="reader_input" type="text" name="cell_num" size="19" maxlength="15" onkeypress="return noLetters(event);" value="" id="reader_cell_num_input"/></div>         \
					<div class="bottom_left_element_top5" align="left"><a class="link" onclick="showPage(\'reader\',\'2\',\'4\');">&laquo; Back</a></div>         \
					<div class="bottom_right_element_top2" align="right"><img src="http://tmsrepublic.com/widgets/mobitms/images/button_send_orange.gif" alt="send" border="0" onclick="send_reader();" class="buttonlink"/></div>         \
				</div>         \
				<div id="reader_page4" style="display:none">         \
					<div id="reader_indicator" style="display:none" align="center">&nbsp;</div>         \
					<div id="reader_message" class="label" style="display:none;"></div>         \
				</div>         \
			</div>         \
			<div id="reader_bottom">&nbsp;</div>         \
		</div>         \
	</div>         \
</div>         \
';         
document.write(mobitms_widget);