TINY={};TINY.box=function(){var j,m,b,g,v,p=0;return{show:function(o){v={opacity:70,close:1,animate:1,fixed:1,mask:1,maskid:'',boxid:'',topsplit:2,url:0,post:0,height:0,width:0,html:0,iframe:0};for(s in o){v[s]=o[s]}if(!p){j=document.createElement('div');j.className='tbox';p=document.createElement('div');p.className='tinner';b=document.createElement('div');b.className='tcontent';m=document.createElement('div');m.className='tmask';g=document.createElement('div');g.className='tclose';g.v=0;document.body.appendChild(m);document.body.appendChild(j);j.appendChild(p);p.appendChild(b);m.onclick=g.onclick=TINY.box.hide;window.onresize=TINY.box.resize}else{j.style.display='none';clearTimeout(p.ah);if(g.v){p.removeChild(g);g.v=0}}p.id=v.boxid;m.id=v.maskid;j.style.position=v.fixed?'fixed':'absolute';if(v.html&&!v.animate){p.style.backgroundImage='none';b.innerHTML=v.html;b.style.display='';p.style.width=v.width?v.width+'px':'auto';p.style.height=v.height?v.height+'px':'auto'}else{b.style.display='none';if(!v.animate&&v.width&&v.height){p.style.width=v.width+'px';p.style.height=v.height+'px'}else{p.style.width=p.style.height='100px'}}if(v.mask){this.mask();this.alpha(m,1,v.opacity)}else{this.alpha(j,1,100)}if(v.autohide){p.ah=setTimeout(TINY.box.hide,1000*v.autohide)}else{document.onkeyup=TINY.box.esc}},fill:function(c,u,k,a,w,h){if(u){if(v.image){var i=new Image();i.onload=function(){w=w||i.width;h=h||i.height;TINY.box.psh(i,a,w,h)};i.src=v.image}else if(v.iframe){this.psh('<iframe src="'+v.iframe+'" width="'+v.width+'" frameborder="0" height="'+v.height+'"></iframe>',a,w,h)}else{var x=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject('Microsoft.XMLHTTP');x.onreadystatechange=function(){if(x.readyState==4&&x.status==200){p.style.backgroundImage='';TINY.box.psh(x.responseText,a,w,h)}};if(k){x.open('POST',c,true);x.setRequestHeader('Content-type','application/x-www-form-urlencoded');x.send(k)}else{x.open('GET',c,true);x.send(null)}}}else{this.psh(c,a,w,h)}},psh:function(c,a,w,h){if(typeof c=='object'){b.appendChild(c)}else{b.innerHTML=c}var x=p.style.width,y=p.style.height;if(!w||!h){p.style.width=w?w+'px':'';p.style.height=h?h+'px':'';b.style.display='';if(!h){h=parseInt(b.offsetHeight)}if(!w){w=parseInt(b.offsetWidth)}b.style.display='none'}p.style.width=x;p.style.height=y;this.size(w,h,a)},esc:function(e){e=e||window.event;if(e.keyCode==27){TINY.box.hide()}},hide:function(){TINY.box.alpha(j,-1,0,3);document.onkeypress=null;if(v.closejs){v.closejs()}},resize:function(){TINY.box.pos();TINY.box.mask()},mask:function(){m.style.height=this.total(1)+'px';m.style.width=this.total(0)+'px'},pos:function(){var t;if(typeof v.top!='undefined'){t=v.top}else{t=(this.height()/v.topsplit)-(j.offsetHeight/2);t=t<20?20:t}if(!v.fixed&&!v.top){t+=this.top()}j.style.top=t+'px';j.style.left=typeof v.left!='undefined'?v.left+'px':(this.width()/2)-(j.offsetWidth/2)+'px'},alpha:function(e,d,a){clearInterval(e.ai);if(d){e.style.opacity=0;e.style.filter='alpha(opacity=0)';e.style.display='block';TINY.box.pos()}e.ai=setInterval(function(){TINY.box.ta(e,a,d)},20)},ta:function(e,a,d){var o=Math.round(e.style.opacity*100);if(o==a){clearInterval(e.ai);if(d==-1){e.style.display='none';e==j?TINY.box.alpha(m,-1,0,2):b.innerHTML=p.style.backgroundImage=''}else{if(e==m){this.alpha(j,1,100)}else{j.style.filter='';TINY.box.fill(v.html||v.url,v.url||v.iframe||v.image,v.post,v.animate,v.width,v.height)}}}else{var n=a-Math.floor(Math.abs(a-o)*.5)*d;e.style.opacity=n/100;e.style.filter='alpha(opacity='+n+')'}},size:function(w,h,a){if(a){clearInterval(p.si);var wd=parseInt(p.style.width)>w?-1:1,hd=parseInt(p.style.height)>h?-1:1;p.si=setInterval(function(){TINY.box.ts(w,wd,h,hd)},20)}else{p.style.backgroundImage='none';if(v.close){p.appendChild(g);g.v=1}p.style.width=w+'px';p.style.height=h+'px';b.style.display='';this.pos();if(v.openjs){v.openjs()}}},ts:function(w,wd,h,hd){var cw=parseInt(p.style.width),ch=parseInt(p.style.height);if(cw==w&&ch==h){clearInterval(p.si);p.style.backgroundImage='none';b.style.display='block';if(v.close){p.appendChild(g);g.v=1}if(v.openjs){v.openjs()}}else{if(cw!=w){p.style.width=(w-Math.floor(Math.abs(w-cw)*.6)*wd)+'px'}if(ch!=h){p.style.height=(h-Math.floor(Math.abs(h-ch)*.6)*hd)+'px'}this.pos()}},top:function(){return document.documentElement.scrollTop||document.body.scrollTop},width:function(){return self.innerWidth||document.documentElement.clientWidth||document.body.clientWidth},height:function(){return self.innerHeight||document.documentElement.clientHeight||document.body.clientHeight},total:function(d){var b=document.body,e=document.documentElement;return d?Math.max(Math.max(b.scrollHeight,e.scrollHeight),Math.max(b.clientHeight,e.clientHeight)):Math.max(Math.max(b.scrollWidth,e.scrollWidth),Math.max(b.clientWidth,e.clientWidth))}}}();

$('<style type="text/css">\n\
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}\n\
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff; border-right:1px solid #333; border-bottom:1px solid #333}\n\
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}\n\
#infoform p { margin-bottom: 5px; }\n\
#infoform .button { cursor: pointer; height: 23px; margin-right: 4px; padding: 0 12px; border: 1px solid #a8a8a8; background:url(/fileadmin/infobox/buttongrey.gif) repeat-x; }\n\
#infoform .submit { border-color: #f79726; color: #ffffff; font-weight: bold; background:url(/fileadmin/infobox/button.gif) repeat-x; }\n\
#infoform #other { position: relative; top: 2px; }\n\
</style>').appendTo('head');

var INFO_html = '\
<form id="infoform"> \
<img src="fileadmin/infobox/operator.jpg" style="float:left" /> \
<div style="padding-left:135px;text-align: left;"> \
<p>Please fill out the form to receive a price quote for the Telinta hosted solutions. You can also contact sales directly at <a title="Hosted Switch Partition Information Request" class="mail" href="mailto:sales@telinta.com?subject=Telinta%20Information%20Request" onclick="INFO_mail()">sales@telinta.com</a></p> \
<p> \
<label for="email">Your Email: <span style="color:#ff0000; font:14px bold;">*</span></label><br> \
<input type="text" id="email" name="email" maxlength="75" style="width: 185px;" value="" /> \
</p> \
<p> \
<label for="name">Your Name: </label><br> \
<input type="text" name="name" maxlength="75" style="width: 185px;" class="optional" value="" /> \
</p> \
<p> \
<label for="region">Region: </label><br> \
<select type="text" name="region" maxlength="75" style="width: 185px;"> \
<option value="North America">North America</option> \
<option value="Brazil">Brazil</option> \
<option value="Latin America">Latin America</option> \
<option value="Europe">Europe</option> \
<option value="MENA">Middle East &amp; North Africa</option> \
<option value="Africa">Africa</option> \
<option value="India and Asia">India &amp; Asia</option> \
<option value="Australia">Australia &amp; New Zealand</option> \
</select> \
</p> \
<p> \
<label for="company">Company Name: </label><br> \
<input type="text" name="company" maxlength="75" style="width: 185px;" class="optional" value="" /> \
</p> \
<p> \
<label for="company">Phone Number: </label><br> \
<input type="text" name="phone" maxlength="75" style="width: 185px;" class="optional" value="" /> \
</p> \
<p>Select the solutions you are interested in:<br> \
<input type="checkbox" name="s[1]" id="s[1]" value="Wholesale" /><label for="s[1]">&nbsp;Wholesale Switch and Billing</label><br> \
<input type="checkbox" name="s[2]" id="s[2]" value="SIP_Trunking" /><label for="s[2]">&nbsp;SIP Trunking</label><br> \
<input type="checkbox" name="s[3]" id="s[3]" value="Calling_Card" /><label for="s[3]">&nbsp;Calling Cards &amp; Pinless</label><br> \
<input type="checkbox" name="s[4]" id="s[4]" value="Call_Shops" />&nbsp;<label for="s[4]">Callshops</label><br> \
<input type="checkbox" name="s[5]" id="s[5]" value="TeliSIM" /><label for="s[5]">&nbsp;TeliSIM</label><br> \
<input type="checkbox" name="s[6]" id="s[6]" value="Hosted_Voip" /><label for="s[6]">&nbsp;Business, Residential, &amp; PBX</label><br> \
<input type="checkbox" name="s[7]" id="s[7]" value="Other" /><label for="s[7]" onmouseup="javascript:$(\'#other\').focus()">&nbsp;Other:</label> <input id="other" name="other" type="text" maxlength="95" value="" style="width: 132px;" /><br> \
<p>Estimated monthly traffic:<br> \
 <select name="traffic" class="optional"> \
 <option value="(optional)" selected=1>(optional)</option> \
 <option value="<100K">under 100,000 minutes</option> \
 <option value="2M">under 2M minutes</option> \
 <option value="10M">under 10M minutes</option> \
 <option value="10M+">over 10M minutes</option> \
 </select></p> \
<p>Additional information: \
<textarea name="comments" rows="3" cols="28" class="optional"></textarea> \
</p> \
<div align="center"> \
<input type="button" class="button submit" value="Send Request" onclick="javascript:INFO_validate()" /> \
<input type="reset" class="button" value="Cancel" onclick="javascript:INFO_cancel()" /> \
</div> \
</div> \
</form> \
';

var INFO_mail = function() {
	_gaq.push(['_trackPageview','/sales-email/Infobox']);
	_paq.push(['trackGoal',2]);
};

var INFO_submit = function() {
  $.ajax({
    type: 'POST',
    url: '/fileadmin/infobox/info.php',
    data: $('#infoform').serialize(),
    onsuccess: function() { }
,    onerror: function() { }
,    onfailure: function() { }
  });
};

var INFO_validate = function() {
  if (!(new RegExp(/^[^ @]+@[^. ]+\.[^. ]+/).test($('#email').val()))) {
    $('#email').css({background: 'red'}).one('keydown', function() { $(this).css({background: ''}); }).focus();
    return;
  }
	_gaq.push(['_trackPageview','/infobox-send']);
	_gaq.push(['_trackEvent','infobox','send']);
	_paq.push(['trackGoal',1]);
  $('#email').after('<input type="hidden" name="done" value="1" />');
  INFO_submit();
  TINY.box.show({html: '<b>Request submitted, Thank you!</b>', autohide: 2});
};

var INFO_cancel = function() {
	_gaq.push(['_trackPageview','/infobox-cancel']);
	_paq.push(['trackPageView','/infobox-cancel']);
  TINY.box.hide();
};

var INFO_box = function() {
	//_gaq.push(['_trackPageview','/infobox-show']);
	_gaq.push(['_trackEvent','infobox','show']);
	_paq.push(['trackPageView','/infobox-show']);
  TINY.box.show({html:INFO_html, width:400});
  setTimeout("$('#infoform input:checkbox').each(function(i,e) { if (window.location.href.indexOf(e.value.toLowerCase())!=-1) e.checked=true; }); $('.optional').val('(optional)').css({color: '#bbb'}).focus(function() { if ($(this).val()=='(optional)') $(this).val('').css({color: '#000'}); }).focusout(function() { if ($(this).val()=='') $(this).val('(optional)').css({color: '#bbb'}); }); /*$('#infoform input').keyup(INFO_submit); $('#infoform input').change(INFO_submit); INFO_submit();*/ $('#email').focus();", 1500);
};

var INFO_add = function() {
	var content = $('<div id="btn" style="/*float: right;*/ width: 150px; height: 19px; margin: 0 0 4px; padding-top: 4px; border: 1px solid #f79726; text-align: center; background:url(/fileadmin/infobox/button.gif) repeat-x;"><a href="javascript:INFO_box()" style="color: #ffffff; font-weight: bold;">Request&nbsp;Info&nbsp;&raquo;</a></div>');
  $('#content div, #content h2, #content h3').first().before(content);
};

