/* Javascript Loaded on page start with <script src="ssf/ssform.php?cmd=js"></script>
- Set Vars  ssfPath, ssfMode, ssfAjax, ssfVisible, ssfActive, Colors, icons  ...
- function Create Floating frame minimal data
- function ssform(Href)  Show form
- function Set pos, move, opacity, Ajax
- Add onclick event ssform(Href) to hyperlinks
*/

// GLOBAL USE
var ssfPath = '';	// Path to "ssform.php" (Path without Query)
var ssfMode = '?cmd=mel';	// Filled from Query in ssform(href) Ex: 'ssf.php' => '', 'ssf.php?cmd=log' => '?cmd=log'
var ssfAjax = true;	// Can Load form with Ajax
var ssf_FrmDiv;	// Reference to container div replace doc.getElemById
var ssf_TopCap;	// Reference to Top bar caption
var ssf_Contnt;	// Reference to form container
var ssf_IconTD;	// Reference to icon <td container
var OffsetX = 0;	// Offsets for moving frame by touch (comonin with mouse?)
var OffsetY = 0;
var ssfOpened = false;	// opened means Floating div visible, active means form is loaded
var ssfActive = false;
var captionStart = "Connecting ...";
var captionStop = "Closing connection ...";
var zxcTO; 
var PosLeft = 0; var PosTop = 0;
var sstemp1 = 0;	// opacity
var MessOK = false;
var MailOK = false;



// FRAME COLORS  Set by ssf.php from ssf.dat
var ssfFrmBgc = "#fbfeff";	// Frame background color, color #fbfeff (fall back if no image/grad)
var ssfFrmBgi = "";	// Frame background image/gradient 
var ssfTopBgc = "#02A5B8";	// Top bar background color #02A5B8 / #0292A2
var ssfTopBgi = "linear-gradient(#02A5B8,#11bacc)";	// Top bar background image/gradient #02A5B8 -> #11bacc
var ssfTopCol = "#ffffff";	// Top bar text color

// Icons
var ssfIcon = '';
var ssfIconMail = '<img src="data:image/gif;base64,R0lGODlhIAAgAIgAALCwsAAAACH5BAEAAAEALAAAAAAgACAAAAJgjI+py+0PowK02oszMLp7G3yiFlZSA17nlKprqZISaWKPXVOcy7r5drAhhLuNaYjjBXXHhIfxQxF7sJvOEb1Bsi9qs4s0XsHhKrn8PXPP1TR5rWaO5j/6qGh/svf8/qEAADs=" width="22" height="22" hspace="5" alt="&#x2709;" style="border:0; margin:0 5px; _margin:0; vertical-align:middle;" />';
var ssfIconSub = 'Sub';
var ssfIconRes = 'Res'; 
var ssfIconLog = 'Log'; 

// Spinner stuff
var ssfspinner = 'data:image/gif;base64,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';
var contentStart = "<center><br><img src='"+ssfspinner+"' alt='Loading'><br>&nbsp;</center>";


// FUNCTIONS
function createSsfFloatFrame() {
	// Create the floating frame, set touch events and default values
	
	// Create the container Div & register it in DOM 
	var divF = document.createElement("div");
		divF.id = "ssfFloatDiv";
		divF.style.cssText = "display:block; position:absolute; z-index:1000; width:264px; border: 1px solid "+ssfTopBgc+"; -moz-border-radius:4px 4px 8px 8px; border-radius:4px 4px 8px 8px; background:"+ssfFrmBgc+"; background-image:"+ssfFrmBgi+";";
	document.body.appendChild(divF);
	
	// Fill the div with Top bar & Content for form
	var divFcontent = '<table id="ssfTable" cellpadding="0" cellspacing="0" border="1" width="264" style="border:0; border-collapse:separate; table-layout:fixed; width:100%; margin:0; padding:0;">' +
	'<tr style="font-size:14px; font-family: Ubuntu, Helvetica, Arial, sans-serif; color:'+ssfTopCol+'; background:'+ssfTopBgc+'; background-image:'+ssfTopBgi+';">' +
		'<td id="ssf_IconMode" width="32" height="32" title="Secure Form by Saubers.com" style="border:0; width:32px;"></td>' + 
		'<td id="ssfFloatTopBar" title="Move me Baby" style="border:0; width:100%; cursor:move;"><div id="ssfTopCaption" style="width:100%;" onmousedown="dragOBJ(gel(),event); return false;">Connecting disconecting</div></td>' +
		'<td width="32" style="border:0; width:32px;"><a href="javascript:closessfrm();" title="Close" style="font-size:24px; text-decoration:none; color:'+ssfTopCol+';padding:0 5px;">&nbsp;&#xd7;&nbsp;</a></td>' +
	'</tr>' +
	'<tr>' +
		'<td id="ssfrm_content" colspan="3" valign="top" style="border:0; padding:0 5px;"><center><img src="'+ssfspinner+'" alt="Loading" vspace="10"></center></td>' +
	'</tr>' +
	'</table>';
	divF.innerHTML = divFcontent;

	// Set elements references for use by other functions
	ssf_FrmDiv = document.getElementById('ssfFloatDiv');
	ssf_TopCap = document.getElementById('ssfTopCaption');
	ssf_Contnt = document.getElementById('ssfrm_content');
	ssf_IconTD = document.getElementById('ssf_IconMode');


	// Set Touch events
	if ( 'ontouchstart' in window || navigator.MaxTouchPoints > 0 || navigator.msMaxTouchPoints > 0 ) {
	
	  var draggable = document.getElementById('ssfFloatTopBar');
		
		// get Offset = touch start position - box left/top position
		draggable.addEventListener('touchstart', function(event) {
					OffsetX = event.touches[0].pageX - draggable.getBoundingClientRect().left;
					OffsetY = event.touches[0].pageY - draggable.getBoundingClientRect().top - window.pageYOffset;
					ssfFloatDiv.style.opacity = 0.6;
				}, false);

		// Move Div where finger is		
		draggable.addEventListener('touchmove', function(event) {
					var touch = event.targetTouches[0];
					var newposX = touch.pageX - OffsetX - 32;	// 32 is width of icon
					if ( newposX < -200 ) {newposX = -200;}
					var maxRight =  screen.width - 100;
					if ( newposX > maxRight ) {newposX = maxRight;}
					ssfFloatDiv.style.left = newposX + 'px';
					
					var newposY = touch.pageY - OffsetY;
					if ( newposY < 0 ) {newposY = 0;}
					var maxDown =  document.documentElement.clientHeight - 32;
					if ( newposY > maxDown ) {newposY = maxDown;}
					ssfFloatDiv.style.top = newposY + 'px';
					event.preventDefault();
				}, false);
		
		// Restore opacity
		draggable.addEventListener('touchend', function(event) {	
					ssfFloatDiv.style.opacity = 1;
				}, false);
	}

}


function ssform(Href) {
	// This function shows the floating frame and load the correct form when clicking a link
	// Href = full url from '<a href="xxx"'  Ex:  http://saubers.com/contact/ssf.php

	// Check if can use Ajax
	if ( !window.XMLHttpRequest && !window.ActiveXObject ) {
		ssfAjax = false;
		// Check if can load an iframe
		if ( !document.getElementById ) {
			// No floating possible, Open page in Href
			return true;
		}
	}

	// Set Path and query/mode	http://localhost/Saubers.COM/www/ssf/ssform.php
	var pos = Href.indexOf('?');
	if ( pos > -1 ) {
		thisPath = Href.substring(0, pos);
		thisMode = Href.substring(pos, pos+8);
		// Set correct icon and reset mode if incorrect
		switch( thisMode ) {
			case '?cmd=sub':ssfIcon = ssfIconSub;break;
			case '?cmd=res':
				ssfIcon = ssfIconRes;break;
			case '?cmd=log':
				ssfIcon = ssfIconLog;break;	
			default:
				ssfIcon = ssfIconMail; thisMode = '?cmd=mel';
		}
	}
	else {
		thisPath = Href;
		thisMode = '?cmd=mel';
		ssfIcon = ssfIconMail;
	}
	// Force reconnect if different path or mode. Must make a AjaxWaitin flag
	if ( (ssfPath != thisPath || ssfMode != thisMode) && 1 == 1 ) {ssfOpened = false;}
	// Set new path/mode values
	ssfPath = thisPath; ssfMode = thisMode;

	
	// Check if floating frame is already built
	if ( !document.getElementById('ssfFloatDiv') ) {
		createSsfFloatFrame();
	}


	// Check if already opened/visible
	if ( ssfOpened ) {
		// Visible, Reset position H=center, Top=0 & Don't reload
		PosSsfDiv(0);
		return false;
	}

	// Not yet opened so open it
	ssfOpened = true;

	// Set center horizontally and top -100 (hidden) before sliding down
	PosSsfDiv(-100);
	
	// Place the  icon. IE 6/7  or other that support data:gif base64
	if (/(MSIE\ [0-7]\.\d+)/.test(navigator.userAgent)) {
		ssf_IconTD.innerHTML = ' &nbsp;<b>SsF</b>';
	}	
	else {
		ssf_IconTD.innerHTML = ssfIcon;
	}	

	// Show starter fully opaque
	if( typeof ssf_FrmDiv.style.opacity == "string" ) {
		// non IE  why not 1 ???
		ssf_FrmDiv.style.opacity = 0.999;
	}
	else {
		// IE6 8 9?
		ssf_FrmDiv.style.filter = "alpha(opacity=99)";
	}
	
	// Set "connecting ..."
	ssf_TopCap.innerHTML = captionStart;
	// Set big spinner
	ssf_Contnt.innerHTML = contentStart;
	// Make ssfFloatDiv visible
	ssf_FrmDiv.style.display = "block";
	// Scroll ssfFloatDiv down to final pos (top=0)
	Scroll(PosTop+100);


	// load the form
	if ( ssfAjax ) {	// Href= http://localhost/Saubers.COM/www/saubers2012/www/ssf.php
		ajaxpage( ssfPath + ssfMode, 'ssfrm_content');
	}
	else {
		// Frame
		var ContentIFr = "<IFRAME name='ssformIFr' id='ssformIFr' src='"+ssfPath+ssfMode+"' frameborder='0' marginwidth='0' marginheight='0' scrolling='yes' width='264' height='285'>[Your user agent does not support frames or is currently configured not to display frames. However, you may visit <a href='"+ssfPath+ssfMode+"'>the related document.</a>]</IFRAME>";
		ssf_Contnt.innerHTML = ContentIFr;	// http://localhost/Saubers.COM/www/ssf.php
	}

	ssfActive = true;

	return false;
}

function lp() {
	// Load/Reload form in Ajax mode
//ssf_Contnt.innerHTML="<center><br><img src='spin.gif' alt='Loading'><br>&nbsp;</center>";
//  if (parent.frames[0] && parent.frames[0].name == "ssfcpIFr") {
//    parent.lp(); return false;
//  }
//  else {ssf_Contnt.innerHTML="<center><br><img src='spin.gif' alt='Loading'><br>&nbsp;</center>";} 

  ajaxpage(ssfLoc+"?cmd=mel", 'ssfrm_content');
  ssf_Contnt.innerHTML="<center><br><img src='"+ssfLoc+"?cmd=picsp' alt='Loading'><br>&nbsp;</center>";
  ssf_TopCap.style.color = '#ffffff';
}




function cp() {
	// Load/Reload form in iFrame mode
   ssf_Contnt.innerHTML="<IFRAME name='ssfcpIFr' id='ssfcpIFr' src='"+ssfLoc+"?cmd=admin' frameborder='0' marginwidth='0' marginheight='0' scrolling='yes' width='264' height='285'>[Your user agent does not support frames or is currently configured not to display frames. However, you may visit <a href='"+ssfLoc+"'>the related document.</a>]</IFRAME>";
}



// Set all hyperlink that have class "ssform" with an onclick event
window.onload = function() {
					if (!document.getElementsByTagName) {return false;}
					var lnks = document.getElementsByTagName('a');
					for (var i=0; i<lnks.length; i++) {
						if (lnks[i].className.indexOf("ssform") !== -1) {
							lnks[i].onclick = function(){return ssform(this.href);};
						}
					}
				}



// FUNCTIONS

function PosSsfDiv(topoffset){
	// Position ssfDiv to Hcenter and Vtop + topoffset
	var ssfDivW = ssf_FrmDiv.offsetWidth;	if ( ssfDivW < 10 ) {ssfDivW = 266;}
	var wW = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
	var wS = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft;
	var wH = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
	PosLeft = (wW/2) - (ssfDivW/2) + wS;
	PosTop = wH + topoffset;
	document.getElementById('ssfFloatDiv').style.left = PosLeft + "px";
	document.getElementById('ssfFloatDiv').style.top = PosTop + "px";
}


function Scroll(pos){
  PosTop+=10;
  ssf_FrmDiv.style.top = PosTop + "px";
  if (PosTop>=pos){clearTimeout(zxcTO);}
  else {zxcTO=setTimeout( function(){ Scroll(pos); },20); }
}


function closessfrm() {
  if (!ssfActive) {return;}
ssf_TopCap.innerHTML = captionStop;
sstemp1=139;
Disapear();
}


function Disapear(){
  sstemp1-=5;
  if (sstemp1<100){
    if(typeof ssf_FrmDiv.style.opacity == "string") {ssf_FrmDiv.style.opacity = sstemp1/100;}
    else {ssf_FrmDiv.style.filter="alpha(opacity="+sstemp1+")";}
  }
  if (sstemp1<=5){clearTimeout(zxcTO); ssf_FrmDiv.style.display="none"; ssfOpened = false; ssfActive = false;ssf_FrmDiv.style.width = "264px";}
  else {zxcTO=setTimeout( function(){ Disapear(); },30); }
  
}


// AJAX stuff

var bustcachevar=1; //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects="";
var rootdomain="http://"+window.location.hostname;
var bustcacheparameter="";


function ajaxpage(url, containerid){

  var page_request = false;
  if (window.XMLHttpRequest) {	// if Mozilla, Safari etc
     page_request = new XMLHttpRequest();
  }
  else if (window.ActiveXObject) {	// if IE
    try {
	page_request = new ActiveXObject("Msxml2.XMLHTTP");
    } 
    catch (e){ 
      try{
    	  page_request = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch (e){}
    }
  }
  else {
      return false;
  }

  page_request.onreadystatechange=function(){
    loadpage(page_request, containerid);
  }

  if (bustcachevar) {	//if bust caching of external page
    bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime();
  }

  page_request.open('GET',url+bustcacheparameter,true);

  page_request.send(null);


}	// end of ajaxpage()


function loadpage(page_request, containerid){
//if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)) {
//  document.getElementById(containerid).innerHTML=page_request.responseText;
//ssf_TopCap.innerHTML="<b>SSform</b> - Connected  -  Drag me .. ";
//}
//else {ssf_TopCap.innerHTML += page_request.readyState;}


	switch(page_request.readyState) {
		case 0:	// Uninitialized
			ssf_TopCap.innerHTML = captionStart;
			break;
		case 1: // connection established. / Loading
			ssf_TopCap.innerHTML = captionStart +'.';
			break;
		case 2: // request received. / Loaded
			ssf_TopCap.innerHTML = captionStart +'..';
			break;
		case 3: // answer in process. / Interactive
			ssf_TopCap.innerHTML = 'Processing data ...';
			break;
		case 4:	//  finished / Done!
		// Retrieve the data between the <quote> tags
		// doSomethingWithData(xmlReq.responseXML.getElementsByTagName('quote')[0].firstChild.data);

			if (page_request.status==200 || window.location.href.indexOf("http")==-1) {
				document.getElementById(containerid).innerHTML=page_request.responseText;
				ssf_TopCap.innerHTML = 'Connected  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; [ &#x2727; move ] ';
				ssf_FrmDiv.style.width = "300px";
			//	document.getElementById('ssfTable').style.width = "300px";
				PosSsfDiv(0);
			}
			else {ssf_TopCap.innerHTML = 'Error: ('+page_request.status+') Data not found';}

			break;
		default:
			break;
	}


}





// MOVE frame function
function gel(){return ssf_FrmDiv;}

function gte(){
	if ( frames['ssformIFr'] ) {return ssformIFr.document.getElementById('Message');}
	else{return document.getElementById('Message');}
}

function xgte(){return document.getElementById('ssfFloatDiv');}

function agent(v) { 
  return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); 
}

function xy(e,v) {
	return(v?(agent('msie')?event.clientY+document.body.scrollTop:e.pageY):(agent('msie')?event.clientX+document.body.scrollTop:e.pageX)); 
}

function dragOBJ(d,e) {

	if( typeof ssf_FrmDiv.style.opacity == "string" ) {ssf_FrmDiv.style.opacity = 0.7;}
	else {ssf_FrmDiv.style.filter = "alpha(opacity=70)";}
	
	
  function drag(e) { 
    if(!stop) { 
       PosTop=(tX=xy(e,1)+oY-eY);
	if (PosTop<0) {PosTop=0;}
	var maxDown= Math.max(window.innerHeight, document.documentElement.clientHeight, document.body.clientHeight) - 32;
//	maxDown += 200;
	if ( PosTop > maxDown ) {PosTop = maxDown;}
	

	d.style.top=PosTop+'px';

       PosLeft=(tY=xy(e)+oX-eX);
	if (PosLeft<-200) {PosLeft= -200;}
	var maxRight =  window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; maxRight -= 100;
	if ( PosLeft > maxRight ) {PosLeft = maxRight;}

	d.style.left=PosLeft+'px';

//	document.forms['lg'].Name.value=PosTop;
//	document.forms['lg'].Email.value=PosLeft;
    } 
  }
  var oX=parseInt(d.style.left),oY=parseInt(d.style.top),eX=xy(e),eY=xy(e,1),tX,tY,stop;
  document.onmousemove=drag; 
  document.onmouseup=function() { 
    stop=1; document.onmousemove=''; document.onmouseup=''; 
	if( typeof ssf_FrmDiv.style.opacity == "string" ) {ssf_FrmDiv.style.opacity = 1;}
	else {ssf_FrmDiv.style.filter = "alpha(opacity=99)";}
  }

}







// Resize frame
function resizOBJ(d,e) {	//use inline style size for textarea/input to get size !!!
  if (!d) {return ;}

  function resiz(e) { 
    if(!stop) { 
       SizeW=(tX=xy(e)-OfstX); W2=SizeW*0.75;
	if (SizeW<168) {SizeW=168;}
	if (W2<168) {W2=168;}
	d.style.width=SizeW+'px';
	var DFlg = document.forms['lg'];
	if (DFlg.Email) {DFlg.Email.style.width=SizeW+'px';}
	if (DFlg.Name) {DFlg.Name.style.width=W2+'px';}
	if (DFlg.Subject) {DFlg.Subject.style.width=SizeW+'px';}

       SizeH=(tY=xy(e,1)-OfstY);
	if (SizeH<50) {SizeH=50;}
	d.style.height=SizeH+'px';

//	document.forms['lg'].Email.value=cnt2;
//	ssformIFr.document.forms['lg'].nam.value=SizeW;
    } 
  }
  var OfstX=(xy(e)-parseInt(d.style.width)),OfstY=(xy(e,1)-parseInt(d.style.height)),tX,tY,SizeW,SizeH,stop,W2;
  document.ondragstart=function(){window.event.returnValue = false;}	// cancel IE drag event (pic in td)
  document.onmousemove=resiz;
  document.onmouseup=function() {stop=1; document.onmousemove = null; document.onmouseup=null; document.ondragstart=null;}
}








var DashContent = "<br><b>SSform</b>, safe and secure form mail, has been developed by <a href='http://saubers.com' target='_blank'>Saubers Technologies</a> as a highly secure means of communication for both the sender and the receiver and may now be available for your website. Checkout <a href='http://SSform.net' target='_blank'>SSform.net</a><br><br><center><a href='javascript:lp();'>Reload form</a> - <a href='javascript:alert(\"This feature is currently disabled\");'>Save to disk</a></center>";

function dsh(){
var tmp = document.getElementById('DashTD');
if (tmp.innerHTML=="") {tmp.innerHTML=DashContent; document.getElementById('picar').src='ssfpix/arrowup.gif'}
else {tmp.innerHTML=""; document.getElementById('picar').src='ssf.php?cmd=picar'}
}
























// functions for form

function chk4butt() {
if (!document.forms['lg'].sbt){return;}
  tstemel = ((/^[a-z0-9]+([\.-]?[a-z0-9]+)*@[a-z0-9]+([\.-]?[a-z0-9]+)*(\.[a-z]{2,6})+$/.test(document.forms['lg'].Email.value)));
var lenres = chkmesslen();
  if (lenres > 1 && lenres < maxmesslen+1 && tstemel) {document.forms['lg'].sbt.style.display='block';}
  else {document.forms['lg'].sbt.style.display='none';}

}

//  ^[a-z0-9]+([\.-][a-z0-9]+)*@[a-z0-9]+([\.-][a-z0-9]+)*(\.[a-z]{2,6})$
//  ^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,6})+$
//  URL :  Thus, only alphanumerics, the special characters "$-_.+!*'(),", 

//  JavaScript email regex
//    '^[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$'

//  php Email regex
//  '/^([a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4})*$/'

//  dynamicdrive.com:
//  var emailfilter=/^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i
//  use:  emailfilter.test(e.value)
//  accept: jo+lang@gmail.com,help@nbc.co.uk,mary.k.ash@celeb.com,george@sub.whatever.mydomain.ca,edward@42.234.12.345
// look best , get it work on php



function chkssf(){

if (document.forms['lg'].count.value != "") {alert("A message is already being sent !\nPlease wait for our confirmation."); return (false);}
//  var field = "";
//  if (!MailOK) {field += "\r\n- Email";}
//  if (!MessOK) {field += "\r\n- Message";}
//  if (field!="") {alert("The following fields are invalid:\r\n"+field); return false;}

var nam=document.forms['lg'].Name.value;
if (nam == "") {nam="Anonymous Guest";}
var txt = "Dear "+nam+",\r\n\r\nYour Email is: "+document.forms['lg'].Email.value+", Send this message ?";

//if (confirm(txt)) {
  document.forms['lg'].sbt.value = "Sending ..";
document.getElementById('Subtd').innerHTML="<img src='ssfpix/snake_transparent.gif' alt='Sending ...'> &nbsp; &nbsp; &nbsp; ";

//
  document.forms['lg'].count.value="s";

// get the correct ajax request (XMLHttp)
    var page_request = false;
    if (window.XMLHttpRequest) {page_request = new XMLHttpRequest();}
    else if (window.ActiveXObject) {
      try {page_request = new ActiveXObject("Msxml2.XMLHTTP");} 
      catch (e){try{page_request = new ActiveXObject("Microsoft.XMLHTTP");} catch (e){}}}
    if (!page_request) {return true;}	// if not goto nonjs page

    page_request.onreadystatechange = function() {
	if (page_request.readyState == 4 || page_request.readyState=="complete") {
	    if (page_request.status==200 || window.location.href.indexOf("http")==-1) {

                if (page_request.responseText=="OK&err=") {		// response & no error => ALL OK

ssf_Contnt.innerHTML="<table align='center' border='0' width='240'><tr><td rowspan='2' width='45' height='45'><img width='36' height='38' src='ssfpix/okblue.gif' alt='OK'></td><td width='195'style='color:#00df3f'><br><center><b>THANK YOU</b></center></td></tr><tr><td><center>Your message has been received</center></td></tr><tr><td colspan='2'><br><center><input type='button' value='Close' onclick='closessfrm();'> &nbsp; &nbsp; &nbsp; &nbsp; <input type='button' value='New message' onclick='lp();'></center><br></td></tr></table>";

		}
		else {		// empty (hck) or err , dsplay err
			document.getElementById('L1').innerHTML="<center><b>OOPS !</b></center>";
			document.getElementById('L1').style.color="red";
document.getElementById('Subtd').innerHTML="<input type='submit' name='sbt' value='Send' title='Submit'>";
//  document.forms['lg'].sbt.value = "Sendi";
  document.forms['lg'].count.value="";
chk4butt();
			switch (page_request.responseText) {
			  case "OK&err=e":
			    document.getElementById('L2').innerHTML="Error: Invalid Email";
				document.getElementById('Emailstat').src='ssf.php?cmd=picno';
				document.getElementById('Emaillbl').style.color='red';
			    break;
			  case "OK&err=m":
			    document.getElementById('L2').innerHTML="Error: Message too short";
				document.getElementById('Messagestat').src='ssf.php?cmd=picno';
				document.getElementById('Messagelbl').style.color='red';
			    break;
			  case "OK&err=em":
			    document.getElementById('L2').innerHTML="Error: Email / message";
				document.getElementById('Emailstat').src='ssf.php?cmd=picno';
				document.getElementById('Messagestat').src='ssf.php?cmd=picno';
				document.getElementById('Emaillbl').style.color='red';
				document.getElementById('Messagelbl').style.color='red';
			    break;
			  case "":
			    document.getElementById('L2').innerHTML="Error: Unknown";
			    break;
			  default:
			    document.getElementById('L2').innerHTML="Error: "+page_request.responseText.substring(7);
			    break;
			}

		}

	    }
	}
    }

    page_request.open("POST", "ssf.php", true);
    page_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    var passData = buildQueryString('lg','post') + "&ajax=true";
//alert(passData);
    page_request.send(passData);

return false;
//}	//end of confirm

return false;	// not confirm, do nothing
}




function buildQueryString(theFormName,type) {
  theForm = document.forms[theFormName];
  var qs = ''
  for (e=0;e<theForm.elements.length;e++) {
    if (theForm.elements[e].name!='') {
      if (type=='get'){qs+=(qs=='')?'?':'&'} else {qs+=(qs=='')?'':'&'}
      qs+=theForm.elements[e].name+'='+escape(theForm.elements[e].value)
      }
    }
  return qs
}



function chkinp(elem){
  var idnam = elem.name;
  ssf_TopCap.innerHTML = '<b>SSform</b> - Checking '+idnam+' ...';
  ssf_TopCap.style.color = '#ffff00';
  document.getElementById(idnam + "stat").src='ssfpix/progress.gif';
  document.getElementById(idnam + "stat").alt='-';

  if (idnam=="Message") {
    MessOK = false;
    if (document.forms['lg'].Message.value.length > 1) {
	setTimeout("EndMschk(1)", 1000);
    }
    else {setTimeout("EndMschk(0)", 1000);}
  }

  if (idnam=="Email") {
    MailOK = false;

// check for ajax enabled (XMLHttp)
    var page_request = false;
    if (window.XMLHttpRequest) {	// if Mozilla, Safari etc
       page_request = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {	// if IE
      try {page_request = new ActiveXObject("Msxml2.XMLHTTP");} 
      catch (e){ 
	try{page_request = new ActiveXObject("Microsoft.XMLHTTP");}
	catch (e){  }
      }
    }

// if ajax,continue, try to get it false
    if (page_request) {

      page_request.onreadystatechange = function() {
	if (page_request.readyState == 4 || page_request.readyState=="complete") {
	    if (page_request.status==200 || window.location.href.indexOf("http")==-1) {
//	alert(page_request.responseText);
		if (page_request.responseText!="OK") {
			ssf_TopCap.innerHTML = '<b>SSform</b> - Email Invalid !';
			ssf_TopCap.style.color = '#ffcf00';
			document.getElementById('Emailstat').src='ssf.php?cmd=picno';
			document.getElementById('Emailstat').alt='X';
			document.getElementById('Emaillbl').style.color='red';
			MailOK = false;
//			return;
		}
		else {
			ssf_TopCap.innerHTML = '<b>SSform</b> - Email OK !';
    			ssf_TopCap.style.color = '#ffffff';
    			document.getElementById('Emailstat').src='ssf.php?cmd=picok';
			document.getElementById('Emailstat').alt='o';
			document.getElementById('Emaillbl').style.color='#606060';
    			MailOK = true;
		}
	    }
	}
      }

      page_request.open("POST", "ssf.php", true);
      page_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      var passData = 'pcd=chkem&em='+escape(document.forms['lg'].Email.value);
      page_request.send(passData);

    }
    else {	// else if cannot check, or other problem, set to ok so can still send form data 
	ssf_TopCap.innerHTML = '<b>SSform</b> - Email OK !';
    	ssf_TopCap.style.color = '#ffffff';
    	document.getElementById('Emailstat').src='ssf.php?cmd=picok';
    	MailOK = true;
    }
  }
}



function EndMschk(r) {
if (r) {
  ssf_TopCap.innerHTML = '<b>SSform</b> - Message OK !';
  ssf_TopCap.style.color = '#ffffff';
  document.getElementById('Messagestat').src = ssfPath+'?cmd=picok';
  document.getElementById('Messagestat').alt='o';
  document.getElementById('Messagelbl').style.color='#606060';
  MessOK = true;
}
else {
  ssf_TopCap.innerHTML = '<b>SSform</b> - Message is Invalid !';
  ssf_TopCap.style.color = '#ffcf00';
  document.getElementById('Messagestat').src = ssfPath+'?cmd=picno';
  document.getElementById('Messagestat').alt='X';
  document.getElementById('Messagelbl').style.color='red';
  MessOK = false;
}
}



function EndMlchk(r) {
if (r) {
  ssf_TopCap.innerHTML = '<b>SSform</b> - Email OK !';
  ssf_TopCap.style.color = '#ffffff';
  document.getElementById('Emailstat').src = ssfPath+'?cmd=picok';
  MailOK = true;
}
else {
  ssf_TopCap.innerHTML = '<b>SSform</b> - Email Invalid !';
  ssf_TopCap.style.color = '#ffcf00';
  document.getElementById('Emailstat').src = ssfPath+'?cmd=picno';
  MailOK = false;
}
}





function loadScript(scriptURL)	// no need ajax
{
	var newScript = document.createElement("script");
	newScript.src = scriptURL;
	document.body.appendChild(newScript);
}


function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}

maxmesslen = 200;
function chkmesslen() {
var dmm = document.forms['lg'];
if (dmm.msl) {maxmesslen = parseInt(dmm.msl.value);}
var txtin=dmm.Message.value; var wctr=txtin.length;
var labval=maxmesslen-wctr;
var lb=labval; var labcol="#C8C8C8";
if(lb<(maxmesslen/2)&&lb>0){
  if(lb<2){lb=2};
  var tp1=(lb*400/maxmesslen).toString(16);
  labcol="#C8"+tp1+tp1;
}
if(lb<1){labcol="#FF0000";}
document.getElementById('CharLeft').innerHTML=labval;
document.getElementById('CharLeft').style.color=labcol;
if (wctr<maxmesslen+1){dmm.Message.style.color="#3399FF";}else{dmm.Message.style.color="#FF8040";};
return wctr;
}


function zoom() {
if (document.forms['lg'].Message) {
dfm = parseInt(document.forms['lg'].Message.style.fontSize);
if (dfm < 12) {dfm +=1;} else {dfm=9;}
document.forms['lg'].Message.style.fontSize = dfm.toString()+"pt";
}
}








/*
document.write("<style type='text/css'>.ssdiv td {font-family:Tahoma, Verdana, Arial, Sans-serif ; font-size:8pt; color:#606060;} .ssdiv img {border:0px}  .ssdiv A {font-family:Tahoma, Verdana, Arial, Sans-serif ; font-size:8pt; text-decoration: none; color: #A0A0A0;} .ssdiv A:hover {COLOR: #0088FF}</style>  <div id='ssform_div' style='display:none; position:absolute; z-index:500; top:0px; left:0px; border:0px solid #ff0000; margin:0px; padding:0px'><table cellpadding='0' cellspacing='0' border='0' width='264' class='ssdiv' style=' margin:0px; padding:0px;'><tr><td style='width:12px; height:25px'><img src='"+ssfLoc+"?cmd=pictl' width='12' height='25' alt='&nbsp;S' style='display: block'></td><td style='background-color:#5684B3; color:#ffffff; text-align:center; width:240px; height:25px;' title='Drag' nowrap><div id='ssfTopCaption' style='cursor:move; width:100%;' onmousedown='dragOBJ(gel(),event); return false;'></div></td><td  style='width:12px;height:25px'><a href='javascript:closessfrm();'><img src='"+ssfLoc+"?cmd=pictr' width='12' height='25' alt='&nbsp;X' title='Close' style='display: block'></a></td></tr><tr><td rowspan='2' style='border-left: 1px solid #5684B3; background-color: #F9F9F9'>&nbsp;</td><td style='background-color: #F9F9F9' valign='top' id='ssfrm_content'><center><br><img src='"+ssfLoc+"?cmd=picar' alt='Loading'><br>&nbsp;</center></td><td rowspan='2' style='border-right: 1px solid #5684B3; background-color: #F9F9F9'>&nbsp;</td></tr><tr><td id='DashTD' style='display:block; background-color: #F9F9F9'></td></tr><tr><td><a href='javascript:cp();'><img src='"+ssfLoc+"?cmd=picbl' width='12' height='12' alt='&nbsp;|' title='Cpanel' style='display: block'></a></td><td style='border-bottom: 1px solid #5684B3; background-color: #F9F9F9'><center><a href='javascript:dsh();'><img src='"+ssfLoc+"?cmd=picar' id='picar' width='28' height='11' style='display: block' alt='&nbsp;&nbsp;-=-' title='open'></a></center></td><td style='cursor:se-resize;' onmousedown='resizOBJ(gte(),event); return false;'><img src='ssf/ssform.php?cmd=picbr' width='12' height='12' alt='&nbsp;\/' title='Resize' style='display: block'></td></tr></table></div>");
*/

//<img src='ssf.php?cmd=pictlx' width='12' height='25' alt='&nbsp;S'>
//<img src='ssf.php?cmd=pictrx' width='12' height='25' alt='&nbsp;X' title='Close'>