var loadpic;
loadpic= new Image(16,16); 
loadpic.src="http://www.reefsome.com/gallery/images/loading.gif";
var req = false;

function createXMLHttpRequest() 
{

   try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {}
   try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {}
   try { return new XMLHttpRequest(); } catch(e) {}
   alert("XMLHttpRequest not supported");
   return null;
   
 }
	
function send_req(value, id, alt){
	if(req != value){
		value = value.replace(/^\s*(\S*(\s+\S+)*)\s*$/, "$1")
		if(value.length > 0){
			if(value.length > 2){
				req = value;
				document.getElementById(id).innerHTML = '<center><img src="http://www.reefsome.com/gallery/images/loading.gif"></center>';
				document.getElementById('status').innerHTML = '';

				var xmlReq;
				xmlReq = createXMLHttpRequest();
				xmlReq.open( "GET", 'http://'+document.location.hostname+'/gallery/scripts/search.php?s='+value+'&a='+alt, true );
				xmlReq.setRequestHeader("X-Requested-With", "XMLHttpRequest");
				xmlReq.onreadystatechange=function(){
					if ( xmlReq.readyState != 4 ) return;
					
					document.getElementById(id).innerHTML = xmlReq.responseText;
					document.getElementById('content').style.display = "none";
					delete xmlReq;
					xmlReq = false;
				}
				xmlReq.send( null );
			}
			else{
				document.getElementById('status').innerHTML = '3 character requirement';
			}
		}
		else{
			document.getElementById('content').style.display = "block";
			document.getElementById('searchr').innerHTML = "";
			document.getElementById('status').innerHTML = '';
			req = false;
		}
	}
	else{
		document.getElementById('status').innerHTML = '';
		req = false;
	}
}

function check(value, id){
	newval = value.replace(/(<([^>]+)>)/ig,""); 
	newval = newval.replace(/&.+?;/,'');
	newval = newval.replace(/[^%a-zA-Z0-9 _-]/,'');
	newval = newval.replace(/\s+/,'-');
	document.getElementById(id).value = newval;
}

function textarea(text, id, id2){
	if(text.length >= 1500){
		document.getElementById(id).value = text.substr(0, 1500);
		document.getElementById(id2).innerHTML = "<a style=\"color: #f00; font-weight: bold;\">Limit reached!</a>";
	}
	else{
		document.getElementById(id2).innerHTML = "You have "+(1500 - text.length)+" characters left";
	}
}