///////////////////////////// code for talk to us starts here////////////////////////

var fetchBrowserDetails = 'Operating System:'+ BrowserDetect.OS+'\nBrowser Version: '+ BrowserDetect.browser + ' ' + BrowserDetect.version;

function contact_form_enterprise(marginvalue)

{
	document.getElementById('talktous_form').className = 'show talktous_form_enterprise';
	document.getElementById('heading_matter').innerHTML = '<br/><table width="100%" border="0" cellspacing="2" cellpadding="2">  <tr>    <td width="5%" valign="middle"><img src="../images/phoneIcon.png" alt="Phone" width="15" height="12" /></td>    <td width="19%" valign="middle"><strong>Phone:</strong></td>    <td width="76%" valign="middle"><span style="font-size:20px;font-weight:bold;">1 (617) 418-3116</span></td>  </tr>  <tr>    <td valign="middle"><img src="../images/skype-icon.png" alt="skype" width="16" height="16" /></td>    <td valign="middle"><strong>Skype:</strong></td>    <td valign="middle"><span style="color:#0096d4;">dimdim.sales</span></td>  </tr>  <tr>    <td valign="middle"><img src="../images/twitter.gif" border="0" /></td>    <td valign="middle"><strong>Twitter:</strong></td>    <td valign="middle"><a href="http://twitter.com/dimdim" target="_parent">@dimdim</a></td>  </tr></table><br /><hr /><strong>Or help us contact you:</strong>'; 	
	document.getElementById('letusknow_head').innerHTML = 'To reach us fast:'; 		
	document.getElementById('contact_details_row').className = 'Hide';
	document.getElementById('talktous_form').style.margin = marginvalue;
}

function contact_form()
{
	var marginvalue='30px 0px 0px 600px';
	document.getElementById('talktous_form').className = 'show';
	document.getElementById('heading_matter').innerHTML='<br/><table width="100%" border="0" cellspacing="2" cellpadding="2">  <tr>    <td width="5%" valign="middle"><img src="../images/phoneIcon.png" alt="Phone" width="15" height="12" /></td>    <td width="19%" valign="middle"><strong>Phone:</strong></td>    <td width="76%" valign="middle"><span style="font-size:20px;font-weight:bold;">1 (617) 418-3116</span></td>  </tr>  <tr>    <td valign="middle"><img src="../images/skype-icon.png" alt="skype" width="16" height="16" /></td>    <td valign="middle"><strong>Skype:</strong></td>    <td valign="middle"><span style="color:#0096d4;">dimdim.sales</span></td>  </tr>   <tr>    <td valign="middle"><img src="../images/twitter.gif" border="0" /></td>    <td valign="middle"><strong>Twitter:</strong></td>    <td valign="middle"><a href="http://twitter.com/dimdim" target="_parent">@dimdim</a></td>  </tr></table><br /><hr /><strong>Or help us contact you:</strong>';
	document.getElementById('letusknow_head').innerHTML = 'To reach us fast:'; 
	document.getElementById('contact_details_row').className = 'show';
	document.getElementById('talktous_form').style.margin = marginvalue;
}

function contact_form_close()
{
	document.getElementById('talktous_form').className = 'Hide';
}

function checkPhoneNO()
{
	var x = document.getElementById('contact_details_category').value;
	if((x == 'Demo') || (x == 'nontech-question') || (x == 'Other-Request'))
	{
		if($F('contact_details_phone') != 'phone' && $F('contact_details_phone') != '')
		  {
			  if(numeric($F('contact_details_phone'))){							
				  return true
			  }else{
				return false	  
			  }				
		  }
		else {return true}	
	}
	else {return true}			
		
}



function contact_details()
 {
	    var x = Cookies['hubspotutk'];
	 	var y = Cookies['LOOPFUSE'];	  	  
		if(x)
		{
//			alert(x);
			document.getElementById('Hubspot_ID').value = x;
		}
		if(y)
		{
//			alert(y);
			document.getElementById('loopfuseVID').value = y;
		}
	if($F('contact_details_email') != 'email')
	  {
		  if(checkPhoneNO())
		  {
		  	if(EmailCheck_contact_details())
			{
				var str=document.getElementById('contact_details_name').value;
				var names=str.split(" ");
				document.getElementById('fnameVal').value = names[0];
				for(i=1;i<names.length;i++)
				{
					document.getElementById('lnameVal').value = document.getElementById('lnameVal').value+" "+names[i];				
				}
				var url = '/website/contact_details_submit';
				var pars = Form.serialize('contact_details_mail');
				var myAjax = new Ajax.Request(
				url, 
				{
					method: 'get', 
					parameters: pars, 
					onComplete: showResponseform_contact_details
				});						
					alert('Thanks for your Suggestions. We will get back to you soon.')
					contact_form_close();			
			}
			else
			{

			}
		}
	 else
	 {
		  alert('Please enter a valid Phone No.')
	 }	
	  }
	 else
	 {
		  alert('Please enter email')
	 }
 }	  
 
 function showResponseform_contact_details(originalRequest)
 {
//	alert(document.getElementById('contact_details_category').value);
	var x = document.getElementById('contact_details_category').value;

	if( (x == 'Demo') || (x == 'nontech-question') || (x == 'Other-Request'))
	{
		document.getElementById('email_sf').value =  document.getElementById("contact_details_email").value;
		document.getElementById('lead_source').options[8].selected=true;
		document.getElementById('lead_source').options[8].value = 'website : Talk to us : ' + document.getElementById("contact_details_continent").value;
		document.getElementById('description').value = document.getElementById("contact_details_message").value;
		document.getElementById('street_address').value = document.getElementById("contact_details_continent").value;
		document.getElementById('contact_details_phone').value = document.getElementById("phone").value;
		document.getElementById('contact_details_company').value = document.getElementById("company").value;
		var str=document.getElementById('contact_details_name').value;
		var names=str.split(" ");
	//	alert(names.length);
		document.getElementById('first_name').value = names[0];
		for(i=1;i<names.length;i++)
		{
	//		alert(document.getElementById('last_name').value + names[i])
			document.getElementById('last_name').value = document.getElementById('last_name').value+" "+names[i];				
		}
	
		document.getElementById("salesforce").submit(); 
	}
	else
	{
		document.getElementById("contact_details_name").value = 'Name'
		document.getElementById("contact_details_email").value = 'email'
		document.getElementById('contact_details_dimdimId').value = 'guest.dimdim'
		document.getElementById("contact_details_message").value = ''
	}
	//	alert('Thanks for your interest in On Site Enterprise Dimdim. We will get back to you soon.')
 } 
function EmailCheck_contact_details()
		{
			txt = document.getElementById("contact_details_email");
//          m = $F('mailemails_email')
			var emailAddress = $F('contact_details_email') ;
		  invalidChars = "~`!#$%^&*()\{}[]:;'<,>?";	
		  for (i=0; i<invalidChars.length; i++) {
		  badChar = invalidChars.charAt(i);

		  if (emailAddress.indexOf(badChar,0) > -1) 
		  {
		  	alert(' Please enter a valid email');
			txt.focus();
			  return false
				}
 		  }
			atPos = emailAddress.indexOf("@",1)			
			if (atPos == -1) {
			alert(' Please enter a valid email');
			txt.focus();
			return false 
			}
			if (emailAddress.indexOf("@",atPos+1) != -1) {	
			alert('Please enter a valid email');
			txt.focus();
				return false
			}
			periodPos = emailAddress.indexOf(".",atPos)
			if (periodPos == -1) {	
			alert('Please enter a valid email');		
			txt.focus();		
				return false
			}
			if (periodPos+3 > emailAddress.length)	{	
			alert('Please enter a valid email');
		     txt.focus();
			return false
			}
			return true
		}
		
		
	function numeric(alphane)
	{
		var numaric = alphane;
		for(var j=0; j<numaric.length; j++)
			{
			  var alphaa = numaric.charAt(j);
			  var hh = alphaa.charCodeAt(0);
			  if((hh > 47 && hh<58) || hh==32 || hh==45 || hh==42 || hh==43 || hh==88 || hh==120)
			  {
			  }
			else{
				 return false;
			  }
			}
	 return true;
	}
		
		function talkToUsFV(versionno)
		{
			fetchBrowserDetails = fetchBrowserDetails+'\nFlash Version :' + versionno;
			// alert(fetchBrowserDetails);
			document.getElementById('contact_details_browser').value = fetchBrowserDetails;
		}
		
function categoryChanged()
{
	var x = document.getElementById('contact_details_category').value
	if((x == 'Demo') || (x == 'nontech-question') || (x == 'Other-Request'))
	{						
	document.getElementById('insrtlabls').innerHTML = 'Phone no. :';
	document.getElementById('insrtfields').innerHTML = '<input name="phone" id="contact_details_phone" type="text" value="phone" />';
	document.getElementById('insrtlabls1').innerHTML = '&nbsp;Company name :';
	document.getElementById('insrtfields1').innerHTML = '<input name="company" id="contact_details_company" type="text" value="company" />';
		
	}
	else
	{
	document.getElementById('insrtlabls').innerHTML = 'Dimdim id. : ';
    document.getElementById('insrtfields').innerHTML = '<input name="dimdimId" id="contact_details_dimdimId" type="text" value="guest.dimdim" />';
	document.getElementById('insrtlabls1').innerHTML = '&nbsp;&nbsp;Account Type :';
    document.getElementById('insrtfields1').innerHTML = '<select name="AcctType" id="contact_details_type">        <option value="free">Free</option>        <option value="pro">Pro</option>        <option value="enterprise">Enterprise</option>      </select>';
	}
}
		
///////////////////////////// code for talk to us ends here////////////////////////


// JavaScript Document
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1" height="1" title="versionchk">  <param name="movie" value="../flash_version_check_talktous.swf" />  <param name="quality" value="high" /> <embed src="../flash_version_check_talktous.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed></object><div id="letusknow_container">	<div id="letusknow_container_btn">    	<div class="video_top" onclick="javascript:showVideo(\'Dimdim_Overview\')">Dimdim Video Tour</div>        <div class="Talktous_top" onclick="javascript:contact_form()">Talk to us</div>    </div></div> <div id="talktous_form" class="Hide"><form action="javascript:contact_details();" method="post" style="margin:0px" id="contact_details_mail" name="contact_details_mail">    <table width="330px" border="0" cellspacing="3" cellpadding="3"><tr><td colspan="2" align="left">    <strong style="float:left;" id="letusknow_head" >Let us know</strong>    <div style="text-align:right;font-size:9px;"><a href="javascript:contact_form_close();"><strong>x Close&nbsp;</strong></a></div><br /><div id="heading_matter">We are always working hard to make Dimdim better. So let us know how we are doing and what else we can do.</div><br /><br /></td></tr> <tr>    <td align="right">Name :</td>    <td align="left"><input name="name" id="contact_details_name" type="text" value="Name" /></td>  </tr>  <tr>    <td align="right">e-mail :</td>    <td align="left"><input name="email" id="contact_details_email" type="text" value="email" /></td>  </tr><tr id="contact_details_row">    <td align="right">Category : </td>    <td align="left"><select name="category" id="contact_details_category" onchange="javascript:categoryChanged()" >   <option value="Demo">I want a Dimdim Demo</option>   <option value="Report-issue">I want to report an Issue</option>      <option value="help"> I need help in using Dimdim</option> <option value="tech-question"> I have a technical question</option>      <option value="nontech-question"> I have a non-technical question </option><option value="Other-Request">Any other Request</option>    </select>      </td>	  </tr><tr>    <td align="right" id="insrtlabls" >Phone no. :</td>    <td align="left" id="insrtfields" ><input name="phone" id="contact_details_phone" type="text" value="phone" /></td>  </tr><tr >    <td align="right" id="insrtlabls1">Company name:</td>    <td align="left" id="insrtfields1"><input name="company" id="contact_details_company" type="text" value="company" /></td>  </tr>  <tr>    <td align="right">Location : </td>    <td align="left"><select name="continent" id="contact_details_continent">   <option value="North America">North America</option>   <option value="South America">South America</option>   <option value="Europe">Europe</option>  <option value="Asia">Asia</option> <option value="Africa">Africa</option>  <option value="Australia">Australia</option></select>      </td>	  </tr>  <tr>    <td align="right">Message : </td>    <td align="left"><textarea name="message" id="contact_details_message" cols="24"></textarea> <textarea class="Hide" name="browser" id="contact_details_browser" cols="24"></textarea><input type="hidden" name="Hubspot_ID" id="Hubspot_ID" /> <input type="hidden" name="loopfuseVID" id="loopfuseVID" /> <input type="hidden" name="formid" id="formid" value="b0317ba5-2b8e-4a2e-aaa9-6b5a1374ceba" /><input type="hidden" name="fnameVal" id="fnameVal"  /> <input type="hidden" name="lnameVal" id="lnameVal"  />  <input name="Submit" type="submit" value="Submit" class="Hide" />    </td>	  </tr><tr><tr><td colspan="2" align="center"><div class="send_btn" align="center" onclick="javascript:contact_details();"></div></td></tr> </table></form></div>');