preload = new Image();	preload.src = "/images/box.jpg";

function clickclear(thisfield, defaulttext) {
	thisfield.style.border='2px solid #FFB428';
	if (thisfield.value == defaulttext) {
		thisfield.value = "";
	}
}

function clickrecall(thisfield, defaulttext) {
	thisfield.style.border='2px solid #DDDDDD';
	if (thisfield.value == "") {
		thisfield.value = defaulttext;
	}
}

function clickReplace(str){
	document.getElementById('search').value=str;
	showResult(document.getElementById('search').value, 1);
}

function removeHTML(str){
	str = str.replace(/&(lt|gt);/g, function (strMatch, p1){
		return (p1 == "lt")? "<" : ">";
	 });
	var newStr = str.replace(/<\/?[^>]+(>|$)/g, "");
	return newStr;
}

function addHTML(str){
      search = new Array(
                /\[b\](.*?)\[\/b\]/g,
                /\[i\](.*?)\[\/i\]/g,
                /\[u\](.*?)\[\/u\]/g,
                /\n/g
	);

      replace = new Array(
                "<b>$1</b>",
                "<i>$1</i>",
                "<u>$1</u>",
                "<br />"
	);

      for(i = 0; i < search.length; i++) {
           str = str.replace(search[i],replace[i]);
      } 
      return str;
}

function addLink(str){
      search = new Array(
                /([a-zA-Z0-9_.-]+)@(.+?)[ ]/g,
                /[ ]www.([a-zA-Z0-9_-]+)[.](.+?)[ ]/g,
                /[ ]http:\/\/([a-zA-Z0-9_-]+)[.](.+?)[ ]/g
   );

      replace = new Array(
                " <a href='mailto:$1@$2'>$1@$2</a> ",
                " <a href='http://www.$1.$2'>www.$1.$2</a> ",
                " <a href='http://$1.$2'>$1.$2</a> "

	);
	
      for(i = 0; i < search.length; i++) {
           str = str.replace(search[i],replace[i]);
      } 
      return str;
}

function preview(field, preview, defaultValue){
	fieldValue = removeHTML(document.getElementById(field).value);
	if(fieldValue == ''){
		fieldValue = defaultValue;
		document.getElementById(field).style.color = '#666666';
	}else{
		document.getElementById(field).style.color = '#333333';
	}
	if(field == 'detail'){
		fieldValue = addHTML(fieldValue);
	}
	if(field == 'application'){
		fieldValue = ' '+fieldValue+' ';
		fieldValue = addLink(fieldValue);
	}
	if(field != 'email' && field != 'website'){
		document.getElementById(preview).innerHTML = fieldValue;
	}

	titleValue = removeHTML(document.getElementById('title').value);
	appValue = removeHTML(document.getElementById('application').value);
	detailValue = removeHTML(document.getElementById('detail').value);
	emailValue = removeHTML(document.getElementById('email').value);
	
	if(titleValue == '' || appValue == '' || detailValue == '' || emailValue == '' || titleValue == 'e.g. Web Designer' || appValue == 'e.g. job@yoursite.com' || detailValue == 'We are looking for ...' || emailValue == 'e.g. hr@yoursite.com'){
		document.getElementById('postButton').value = 'Required Field is Blank';
		document.getElementById('postButton').style.color = '#666666';
		document.getElementById('postButton').style.border = '2px solid #DDDDDD';
		document.getElementById('postButton').disabled = true;
	}else{
		document.getElementById('postButton').value = 'Post Job Now';
		document.getElementById('postButton').style.color = '#333333';
		document.getElementById('postButton').style.border = '2px solid #81B63A';
		document.getElementById('postButton').disabled = false;
	}
}