phome=new Image(400, 265); phome.src="home.jpg";
phome1=new Image(400, 265); phome1.src="home1.jpg";
phome2=new Image(400, 265); phome2.src="home2.jpg";
phome3=new Image(400, 265); phome3.src="home3.jpg";
pteam=new Image(400, 210); pteam.src="team.jpg";
pteam1=new Image(400, 210); pteam1.src="team1.jpg";
pteam2=new Image(400, 210); pteam2.src="team2.jpg";
pteam3=new Image(400, 210); pteam3.src="team3.jpg";

document.onmouseover=function(e) {
  if (window.event) { e=window.event }
  var o=(e.srcElement) ? e.srcElement : e.target;
	if (o.id.match("^team.")) { Xelm("team").src=eval("p"+o.id+".src") }
  if (o.id.match("^home.")) { Xelm("home").src=eval("p"+o.id+".src") }
	if (o.alt && o.alt!="") { window.status=o.alt }
  if (o.className=="mvideon") { o.className="mvideov" }
  if (o.className=="button") { o.className="buttov" }
  if (o.className=="bof") { o.className="bov" }
  return true;
}

document.onmouseout=function(e) {
  if (window.event) { e=window.event }
  var o=(e.srcElement) ? e.srcElement : e.target;
	if (o.id.match("^team.")) { Xelm("team").src=pteam.src }
	if (o.id.match("^home.")) { Xelm("home").src=phome.src }
  if (o.alt && o.alt!="") { window.status="" }
  if (o.className=="mvideov") { o.className="mvideon" }
  if (o.className=="buttov") { o.className="button" }
  if (o.className=="bov") { o.className="bof" }
  return true;
}

document.onclick=function(e) {
  if (window.event) { e=window.event }
  var o=(e.srcElement) ? e.srcElement : e.target;
  if (o.className=="mvideov") { o.className="mvideon" }
  if (o.className=="buttov") { o.className="button" }
  if (o.className=="bov") { o.className="bof" }
	if (o.className=="box") {
		t=(o.name && o.name!="") ? Xelm("X"+o.name) : null;
		if (t) {	
			if (o.src.match("/less.gif")) {
				o.src="more.gif";
				t.style.display="none";
			} else {
				o.src="less.gif";
				t.style.display="block";
			}
		}
	}
}

function Xelm(e) {
  if (typeof(e)=="string") {
    if (document.getElementById) {
      e=document.getElementById(e);
    } else if (document.all) {
      e=document.all[e];
    } else {
      e=null;
    }
  }
  return e;
}

function init() {
	Xforms();
}
function exit() { }

window.onload=function() {
  window.defaultStatus="";
  window.status="";
  init();
}

window.onunload=function() {
  exit();
}

function Xfocus(e) {
  if (this.type=="text" || this.type=="textarea" || this.type=="select-one") {
		if (this.title && this.title==this.value) { this.value="" }
		this.className=this.type+"-focus";
	} else {
//		alert(this.type);
	}
}

function Xblur(e) {
  if (this.type=="text" || this.type=="textarea" || this.type=="select-one") {
		if (this.id=="email") { verifyEmail() }
		if (this.value=="" && this.title) {
			this.value=this.title;
			this.className=this.type+"-faded";
		} else {
			this.className=this.type;
		}
	}
//	this.className=this.className.replace(new RegExp("-focus\\b"), "");
}

function Xclick() {
	if (this.type=="radio") {
		var v=this.name+this.value;
		var o=document.getElementsByTagName("input");
		for (var i=0; i<o.length; i++) {
			if (o[i].type=="radio" && o[i].name==this.name) { Xelm(o[i].name+o[i].value).style.fontWeight="normal" }
		}
	  Xelm(v).style.fontWeight="bold";
	}
}

function Xchecklength() {
	if (Xelm("remain")) {
		var o=Xelm("remain");
		var l=(this.title && this.title==this.value) ? this.id : this.id-this.value.length;
		if (l>100) {
			o.innerHTML='<br />You currently have<br /><span style="font-weight:bold">'+l+'</span> remaining.';
		} else if (l>=0) {
			o.innerHTML='<br />You currently have<br /><span style="font-weight:bold; color:#ee1122">'+l+'</span> remaining!';
		} else {
			o.innerHTML='<br /><span style="font-weight:bold; color:#ee1122">You are over the limit by '+(0-l)+' character'+(l<-1 ? 's' : '')+'!</span>';
		}
	}
}

function validate(f) {
  for (var i=0; i<f.length; i++) {
	  if (f[i].title==f[i].value) { f[i].value="" }
	}
}

Xforms=function() {
	var o=document.getElementsByTagName("textarea");
	for (var i=0; i<o.length; i++) {
		if (o[i].id) {
			o[i].onkeydown=Xchecklength;
			o[i].onkeyup=Xchecklength;
			o[i].onkeydown();
		}
	  if (o[i].title && (o[i].value=="" || o[i].value==o[i].title)) {
		  o[i].value=o[i].title;
			o[i].className="textarea-faded";
		}
		o[i].onfocus=Xfocus;
		o[i].onblur=Xblur;
	}
	var o=document.getElementsByTagName("input");
	for (var i=0; i<o.length; i++) {
	  if (o[i].title && (o[i].value=="" || o[i].value==o[i].title)) {
		  o[i].value=o[i].title;
			o[i].className="text-faded";
		}
		if (o[i].type=="text") {
			o[i].onfocus=Xfocus;
			o[i].onblur=Xblur;
		}
		if (o[i].type=="radio") {
			o[i].onclick=Xclick;
		}
	}
	var o=document.getElementsByTagName("select");
	for (var i=0; i<o.length; i++) {
//	  if (o[i].title && (o[i].value=="" || o[i].value==o[i].title)) {
//		  o[i].value=o[i].title;
//			o[i].className="select-one-faded";
//		}
		o[i].onfocus=Xfocus;
		o[i].onblur=Xblur;
	}
}

<!--
function getHTTPObject() {
	if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
	else if (window.XMLHttpRequest) return new XMLHttpRequest();
	else {
		alert("Sorry, your browser does not support AJAX which is required to enjoy full functionality of this website.");
		return null;
	}
}

function verifiedEmail() {
	if (httpObject.readyState==4){
		Xelm("ec").innerHTML=unescape(httpObject.responseText);
	}
}

function verifyEmail() {
	httpObject=getHTTPObject();
	if (httpObject!=null) {
		if (Xelm("ec").innerHTML!="") { Xelm("ec").innerHTML="(Processing...)" }
		httpObject.open("GET", "checkemail.html?email="+Xelm("email").value, true);
		httpObject.send(null);
		httpObject.onreadystatechange=verifiedEmail;
	}
}

function uploadedPhoto() {
	if (httpObject.readyState==4) {
		if (httpObject.status==200) {
			Xelm("result").value=unescape(httpObject.responseText);
		} else {
			Xelm("result").value="ERROR : "+unescape(httpObject.responseText);
		}
	}
}

function uploadPhoto() {
	httpObject=getHTTPObject();
	if (httpObject!=null) {
		Xelm("submit").value="Uploading";
		httpObject.open("POST", "upload.html?file="+Xelm("file").value, true);
//		httpObject.setRequestHeader("Content-Type", "multipart/form-data");
//		httpObject.setRequestContent("file", "2");
		httpObject.send(null);
		httpObject.onreadystatechange=uploadedPhoto;
	}
}

var httpObject=null;
//-->





var now=new Date();
var newImg=new Image();
newImg.src="http://www.darbaroud.com/img_webcam.php?time="+now.getTime().toString();

function loadImg() {
	now=new Date();
	newImg.src="http://www.darbaroud.com/img_webcam.php?time="+now.getTime().toString();
	newImg.onload=refreshImg;
}

function refreshImg() {
	if (newImg.complete) {
		Xelm("webcam").src=newImg.src;
	}
}
