var xmlHttp
function GetXmlHttpObject(){
var xmlHttp = null;
	try{
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	}catch(e){
		// Internet Explorer
		try{
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		}catch(e){
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}
function setTheOpacity(eID, opacityLevel){
	if(document.getElementById(eID)){
		var eStyle = document.getElementById(eID).style;
		eStyle.opacity = opacityLevel / 100;
		eStyle.filter = 'alpha(opacity='+opacityLevel+')';
	}
}
function fade(eID, startOpacity, stopOpacity, duration){
	startOpacity = parseInt(startOpacity);
	stopOpacity = parseInt(stopOpacity);
	duration = parseInt(duration);
	var speed = Math.round(duration / 100);
	var timer = 0;
	if(startOpacity < stopOpacity){ // fade in
		for(var i=startOpacity; i<=stopOpacity; i++){
			setTimeout("setTheOpacity('"+eID+"',"+i+")", timer * speed);
			timer++;
		} return;
	}
	for(var i=startOpacity; i>=stopOpacity; i--){ // fade out
		setTimeout("setTheOpacity('"+eID+"',"+i+")", timer * speed);
		timer++;
	}
}
function setTheHeight(eID,height){
	if(document.getElementById(eID)){
		var eStyle = document.getElementById(eID).style;
		eStyle.height = height+"px";
	}
}
function expand(eID,startHeight,stopHeight,duration){
	startHeight = parseInt(startHeight);
	stopHeight = parseInt(stopHeight);
	duration = parseInt(duration);
	var speed = Math.round(duration / 100);
	var timer = 0;
	if(startHeight < stopHeight){ // expand
		for(var i=startHeight; i<=stopHeight; i++){
			setTimeout("setTheHeight('"+eID+"',"+i+")", timer * speed);
			timer++;
		} return;
	}
	for(var i=startHeight; i>=stopHeight; i--){ // shrink
		setTimeout("setTheHeight('"+eID+"',"+i+")", timer * speed);
		timer++;
	}
}
function scrollerBegin(){
	$timeouts['scroller'] = setTimeout("scroller()", $scrollerTiming);
}
function scroller(){
	$scrollerNumber++;
	if($domains[$scrollerNumber] == 'no'){
		$scrollerNumber = 0;
	}
	
	if(document.getElementById('domain-'+$scrollerNumber) != null){
		var child = document.getElementById('domain-'+$scrollerNumber);
		var parent = document.getElementById('dom-scroll');
		parent.removeChild(child);
	}
	
	var newDiv = document.createElement("div");
	newDiv.id = 'domain-'+$scrollerNumber;
	newDiv.className = 'domain';
	document.getElementById('dom-scroll').insertBefore(newDiv,document.getElementById('dom-scroll').firstChild);
	setTheOpacity('domain-'+$scrollerNumber, 0);
	setTheHeight('domain-'+$scrollerNumber, 0)
	
	expand('domain-'+$scrollerNumber+'','0',17,'400');
	
	setTimeout("document.getElementById('domain-"+$scrollerNumber+"').innerHTML = '<a onclick=\"makeOfferForm(\\'"+$domains[$scrollerNumber]+"\\'); return false;\"><div class=\"domain-name\">"+$domains[$scrollerNumber]+"</div><div class=\"make-offer\" id=\"make-offer-"+$domains[$scrollerNumber]+"\">Make Offer</div></a>';",405);
	
	setTimeout("fade('domain-"+$scrollerNumber+"', 0, 100, 800)",410);
	
	$timeouts['scroller'] = setTimeout("scroller()", $scrollerTiming);
}
function scrollStop(){
	clearTimeout($timeouts['scroller']);
}
function scrollRestart(){
	clearTimeout($timeouts['scroller']);
	$timeouts['scroller'] = setTimeout("scroller()", $scrollerTiming);
}
function begin(){
	$projects = Array();
	$projects['in-house'] = Array('reallywantthat','mapofbrighton','no');
	$projects['client'] = Array('chappleopticians','centralfund','custom','no');
	$projectInfo = Array();
	$projectInfo['reallywantthat'] = Array('ReallyWantThat');
	$projectInfo['mapofbrighton'] = Array('MapOfBrighton.com');
	$projectInfo['chappleopticians'] = Array('Chapple Opticians');
	$projectInfo['centralfund'] = Array('Central (LOC) Fund');
	$projectInfo['custom'] = Array('Custom Programming');
	$projType = 'in-house';
	$domains = Array('50States.info','Freezers.info','Freezer.info','CycleShop.info','Desks.info','Dishwashers.info','TeaTree.info','Cups.info','Medals.info','Vines.info','Subwoofer.info','OrganicFarm.info','OrganicHerbs.info','OrganicProduce.info','GardenFurniture.info','DailyHoroscope.info','GolfEquipment.info','Gateways.info','TimePiece.info','Tableware.info','Seasoning.info','Seasonings.info','InsuranceOnline.info','no');
	$changingProject = false;
	$timeouts = Array();
	$scrollerNumber = 4;
	$scrollerTiming = 1500;
	$changeTiming = 7500;
	scrollerBegin();
	$autoChangeWhich = 'reallywantthat';
	setTheOpacity('select', 0);
	document.getElementById('select').innerHTML = '<ul class="select" id="select-list"></ul>';
	getProjects('in-house');
	fade('select', 0, 100, 300);
	$timeouts['autoChange'] = setTimeout("autoChangeProject();", $changeTiming);
	for(var i=0; i<$projects['in-house'].length; i++){
		document.getElementById('proj-images').innerHTML = document.getElementById('proj-images').innerHTML+'<img src="images/screenshots/'+$projects['in-house'][i]+'.jpg" />';
	}
	for(var i=0; i<$projects['client'].length; i++){
		document.getElementById('proj-images').innerHTML = document.getElementById('proj-images').innerHTML+'<img src="images/screenshots/'+$projects['client'][i]+'.jpg" />';
	}
}
function changeProject(which,changeType){
	if($changingProject == false){
		$changingProject = true;
		$autoChangeWhich = which;
		if(changeType != true){
			for(var i=0; i<$projects[$projType].length; i++){
				if($projects[$projType][i] != 'no'){
					document.getElementById('select-link-'+$projects[$projType][i]).className = '';
				}
			}
			document.getElementById('select-link-'+which).className = 'this';
		}
		fade('proj-bottom', 100, 0, 300);
		setTimeout("document.getElementById('proj-title').innerHTML='"+$projectInfo[which]+"';document.getElementById('proj-text').innerHTML=document.getElementById('desc-"+which+"').innerHTML;document.getElementById('proj-img').innerHTML='<img src=\"images/screenshots/"+which+".jpg\" />';fade('proj-bottom', 0, 100, 300);", 305);
		setTimeout("$changingProject = false;",610);
	}
}
function changeProjectType(type){
	if($changingProject == false){
		$projType = type;
		document.getElementById('tab-link-client').className = '';
		document.getElementById('tab-link-in-house').className = '';
		document.getElementById('tab-link-'+type).className = 'this';
		fade('select', 100, 0, 300);
		changeProject($projects[type][0],true);
		setTimeout("getProjects('"+type+"');fade('select', 0, 100, 300);",305);
	}
}
function getProjects(type){
	document.getElementById('select-list').innerHTML = '';
	var projectClass = '';
	for(var i=0; i<$projects[type].length; i++){
		projectClass = '';
		if(i == 0){
			projectClass = 'this';
		}
		if($projects[type][i] != 'no'){
			document.getElementById('select-list').innerHTML = document.getElementById('select-list').innerHTML+'<li><a title="'+$projectInfo[$projects[type][i]]+'" id="select-link-'+$projects[type][i]+'" class="'+projectClass+'" onclick="changeProject(\''+$projects[type][i]+'\')"></a></li>';
		}
	}
}
function autoChangeProject(){
	for(var i=0; i<$projects[$projType].length; i++){
		if($autoChangeWhich == $projects[$projType][i]){
			var arrayNumber = i;
		}
	}
	if($projects[$projType][arrayNumber+1] == 'no'){
		arrayNumber = 0;
	}else{
		arrayNumber++;
	}
	changeProject($projects[$projType][arrayNumber]);
	$timeouts['autoChange'] = setTimeout("autoChangeProject();", $changeTiming);
}
function autoChangeProjectStop(){
	clearTimeout($timeouts['autoChange']);
}
function autoChangeProjectRestart(){
	clearTimeout($timeouts['autoChange']);
	$timeouts['autoChange'] = setTimeout("autoChangeProject();", $changeTiming);
}
function makeOfferForm(domain){
	document.getElementById('make-offer-cont').innerHTML = '<div id="make-offer"><span class="title domain-title">Make an Offer</span><form onsubmit="submitOffer(); return false"><div>Domain:<br /><strong>'+domain+'</strong><input id="offer-domain" type="hidden" value="'+domain+'" /><br /></div><div>Your Offer: <span id="offer-error"></span><br /><strong>&pound;</strong> <input id="offer-input" value="" size="10" /></div><div>Your Email: <span id="email-error"></span><br /><input id="offer-email" value="" size="10" /></div><div>Message:<br /><textarea id="offer-message" cols="5" rows="5"></textarea></div><div id="offer-submit-cancel"><div id="offer-submit"><input class="submit-offer" name="" value="" type="submit" /></div><div id="offer-cancel"><a onclick="cancelOffer(); return false"></a></div></div></form></div>';
	fade('make-offer', 0, 100, 500);
	setTimeout("clearTimeout($timeouts['scroller']);", 100);
}
function cancelOffer(){
	fade('make-offer', 100, 0, 500);
	clearTimeout($timeouts['scroller']);
	$timeouts['scroller'] = setTimeout("scroller()", $scrollerTiming);
	setTimeout("document.getElementById('make-offer-cont').innerHTML = '';", 505);
}
function submitOffer(){
	document.getElementById('offer-error').innerHTML = '';
	document.getElementById('email-error').innerHTML = '';
	xmlHttp = GetXmlHttpObject()
	if(xmlHttp == null){
		alert ("Your browser does not support AJAX!");
		return;
	}
	xmlHttp.onreadystatechange = function(){
		if(xmlHttp.readyState == 4){ 
			var res = xmlHttp.responseText;
			if(res == 'done'){
				document.getElementById('make-offer-'+document.getElementById('offer-domain').value).innerHTML = 'Thanks!';
				document.getElementById('make-offer-'+document.getElementById('offer-domain').value).className = 'make-offer offer-made';
				cancelOffer();
			}else if(res == 'not set'){
				document.getElementById('offer-error').innerHTML = 'fatal error';
				document.getElementById('email-error').innerHTML = 'fatal error';
			}else if(res == 'no domain'){
				document.getElementById('offer-error').innerHTML = 'fatal error';
				document.getElementById('email-error').innerHTML = 'fatal error';
			}else if(res == 'no offer'){
				document.getElementById('offer-error').innerHTML = 'Enter your offer';
			}else if(res == 'no email'){
				document.getElementById('email-error').innerHTML = 'Enter your email';
			}else if(res == 'invalid email'){
				document.getElementById('email-error').innerHTML = 'Enter valid email';
			}else{
				document.getElementById('offer-error').innerHTML = 'fatal error';
				document.getElementById('email-error').innerHTML = 'fatal error';
			}
		}
	}
	var url = "domain-offer.php";
	var params = "domain="+document.getElementById('offer-domain').value+"&offer="+document.getElementById('offer-input').value+"&email="+document.getElementById('offer-email').value+"&message="+document.getElementById('offer-message').value;
	xmlHttp.open("POST",url,true);
	xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlHttp.setRequestHeader("Content-length", params.length);
	xmlHttp.setRequestHeader("Connection", "close");
	xmlHttp.send(params);
}