var requests = new Array();

function ajax(url, callback, retrytime, rclass, obsolescent)
{
	newHttpRequest(getFolder()+url, callback, retrytime, rclass, obsolescent);
}

function newHttpRequest(url, callback, retrytime,rclass,obsolescent)
{
/*	var s = "";
	for(var i=0; i<requests.length; i++)
	{
		s += requests[i].url+"<br>";
	}
	document.getElementById("ajaxtest").innerHTML = s;*/
	
	if(rclass)
	{
		for(var n=0; n<requests.length; n++) if( ( requests[n].rclass == rclass && !obsolescent ) || ( requests[n].rclass == rclass && requests[n].url==url ) ) return;
		
		for(n=0; n<requests.length; n++)
		{
			if(requests[n].rclass == rclass && requests[n].obsolescent == true)
			{
				requests[n].Obsolete();
			}
		}
	}
	
	requests[requests.length] = new httpRequest(url, callback, retrytime,rclass,obsolescent);
	if(requests.length==1) requests[0].sendHttpRequest();
}

function getTime()
{
	var date = new Date();
	return date.getTime();
}

function httpRequest(url, callback, retrytime,rclass,obsolescent)
{
	var req;
	var state = 0;
	var time = getTime();
	var obsolete = false;
	this.rclass = rclass;
	this.obsolescent = obsolescent;
	this.url = url;
	
	this.sendHttpRequest = function()
	{
		_sendHttpRequest();
	}
	
	this.Obsolete = function()
	{
		obsolete = true;
	}
	
	function _sendHttpRequest()
	{
		state = 0;
		if(window.XMLHttpRequest)
		{
			req = new XMLHttpRequest();
			req.onreadystatechange = httpRequestCallback;
			req.open("GET", url, true);
			req.send(null);
		}
		else if(window.ActiveXObject)
		{
			req = new ActiveXObject("Microsoft.XMLHTTP");
			req.onreadystatechange = httpRequestCallback;
			req.open("GET", url, true);
			req.send();
		}
	}

	function httpRequestCallback()
	{		
		if (req.readyState == 4)
		{
			var ok = true;
			try { req.status }
			catch(err) { ok = false; }
			    
			if (ok && req.status && req.status == 200)
			{
				if(!obsolete && callback) callback(req.responseText);
				requests.splice(0,1);
				while(requests.length>0 && requests[0].obsolete==true) requests.splice(0,1);
				if(requests.length>0) requests[0].sendHttpRequest();
			}
			else ok = false;
			
			if(!ok)
			{
				var date = new Date();
				if((!retrytime || retrytime==0 || date.getTime()<time+retrytime*1000) && !obsolete) _sendHttpRequest(); 
				else
				{
					requests.splice(0,1);
					while(requests.length>0 && requests[0].obsolete==true) requests.splice(0,1);
					if(requests.length>0) requests[0].sendHttpRequest();
				}
			}
		}
	}	
}

function getFolder()
{
	        return "http://www.simongoodway.com/";
}
var pages = new Array();
function Page()
{
	this.title;
	this.picture;
	this.text = new Array();
	this.casestudies = new Array();
	this.testimonials = new Array();
}

function caseStudy(name,desc,num)
{
	this.name = name;
	this.description = desc;
	this.num = num;
}

function Testimonial()
{
	this.attribution;
	this.testimonial = new Array();
}

var pic = new Image(50,50);
var prev_pic = new Image(50,50);
var next_pic = new Image(50,50);
var clockID = 0;
var rate = 0.7;
var weighted = 0.5;
var bx = new Array();
var by = new Array();
var bmode = new Array();
var block = 0;
var inprogress=0;
var image;
var counter = 0;
var ims = 79;
var images = new Array();
var current_pic;
var current_pic_num;
var current_pic_total;
var currentHash;
var usedArrows = false;
for(var i=1; i<=ims; i++) images[i]=0;
for(i=0; i<20; i++){ bmode[i]=-1; bx[i]=0; by[i]=0; }

function goto(page)
{
	document.location='##'+page;
	show();
}

function setup()
{
	startTimer();
	show();
	setTimeout("checkHash()",100);
}

function checkHash()
{
	h = window.location.hash.substr(2);
	if(!h) h = "main";
	if(currentHash != h) show();
	setTimeout("checkHash()",100);
}

function pageWidth()
{
        var a = window.innerWidth;
        if(!a) a = 0;
        var b = document.body.clientWidth;
        if(!b) b = 0;
        var c = document.documentElement.clientWidth;
        if(!c) c = 0;
        var d = 800;
        return Math.max(Math.max(a,b),Math.max(c,d));
}

function prevpic()
{
	prev_pic.src = "";
	pic.src = "";
	next_pic.src = "";
	if(!current_pic) return;
	setClass("prev_piccy","hidden","");
	$('prev_piccy').src = "";
	if(current_pic_total==2 && current_pic_num==1)
	{
		$('next_piccy').src = "";
		setClass("next_piccy","hidden","");
	}
	else
	{
		$('next_piccy').src = "casestudies/"+current_pic+"_"+(current_pic_num<10?"0":"")+current_pic_num+".jpg";
		setClass("next_piccy","","hidden");
	}
	current_pic_num = (current_pic_num>1?current_pic_num-1:current_pic_total);
	$('piccy').src = "casestudies/"+current_pic+"_"+(current_pic_num<10?"0":"")+current_pic_num+".jpg";
	
	if(current_pic_total>2 || current_pic_num==2)
	{
		prev_pic_num = (current_pic_num>1?current_pic_num-1:current_pic_total);
		//$('prev_piccy').src = "casestudies/"+current_pic+"_"+(prev_pic_num<10?"0":"")+prev_pic_num+".jpg";
		
		prev_pic.src = "casestudies/"+current_pic+"_"+(prev_pic_num<10?"0":"")+prev_pic_num+".jpg";
		prev_pic.onload = function()
		{
			$('prev_piccy').src = this.src;
			setClass("prev_piccy","","hidden");
		}
	}
	
	$('tip').innerHTML = "";
	usedArrows = true;
}

function nextpic()
{
	prev_pic.src = "";
	pic.src = "";
	next_pic.src = "";
	if(!current_pic) return;
	setClass("next_piccy","hidden","");
	$('next_piccy').src = "";
	if(current_pic_total==2 && current_pic_num==2)
	{
		$('prev_piccy').src = "";
		setClass("prev_piccy","hidden","");
	}
	else
	{
		$('prev_piccy').src = "casestudies/"+current_pic+"_"+(current_pic_num<10?"0":"")+current_pic_num+".jpg";
		setClass("prev_piccy","","hidden");
	}
	current_pic_num = (current_pic_num<current_pic_total?current_pic_num+1:1);
	$('piccy').src = "casestudies/"+current_pic+"_"+(current_pic_num<10?"0":"")+current_pic_num+".jpg";
	
	if(current_pic_total>2 || current_pic_num==1)
	{
		next_pic_num = (current_pic_num<current_pic_total?current_pic_num+1:1);
		//$('next_piccy').src = "casestudies/"+current_pic+"_"+(next_pic_num<10?"0":"")+next_pic_num+".jpg";
		next_pic.src = "casestudies/"+current_pic+"_"+(next_pic_num<10?"0":"")+next_pic_num+".jpg";
		next_pic.onload = function()
		{
			$('next_piccy').src = this.src;
			setClass("next_piccy","","hidden");
		}
	}
	
	$('tip').innerHTML = "";
	usedArrows = true;
}

function update()
{
	if(inprogress==0)
	{
		var r = Math.random();
		if(r<rate)
		{
			inprogress = 1;
			block = Math.round(Math.random()*(19));

			if(Math.random()<weighted)
			{
				for(i=0; i<5 && bmode[block]==-1; i++)
				{
					block = Math.round(Math.random()*(19));
				}
			}

			if(bmode[block]==-1)
			{
				var num=Math.round(Math.random()*(ims-1))+1;

				for(i=0; i<ims && images[num]==1; i++) num=(num%ims)+1;
				images[num] = 1;

				for(var j=0; j<10; j++)
				{
					by[block]=Math.floor(Math.random()*2)*50;
					bx[block]=Math.floor(Math.random()*(pageWidth()-649)/50)*50+250;


					for(i=0; i<20; i++)
					{
						if(i!=block && bx[i]==bx[block] && by[i]==by[block]) break;
					}
					if(i==20) break;
				}

				if(i==20)
				{
					bmode[block]=num;

					var img = "squares/";
					if(num < 100) img += "0";
					if(num < 10) img += "0";
					img += num;
					img += ".gif";
					var pic = new Image(50,50);
					pic.src=img;
					pic.onload = function()
					{
						image = img;
						setTimeout("update2()", 2000);
					}
				}
			}
			else
			{
				images[bmode[block]]=0;
				bmode[block]=-1;
				image = "";
				setTimeout("update2()", 2000);
			}
		}
	}
	clockID = setTimeout("update()", 1000);
}

function update2()
{
	var x = bx[block];
	var y = by[block];
	$('halfwhite').style.left=x+"px";
	$('halfwhite').style.top=y+"px";
	setTimeout("update3()", 100);
}

function update3()
{
	var x = bx[block];
	var y = by[block];
	$('white').style.left=x+"px";
	$('white').style.top=y+"px";
	if(image!="")
	{
		var e = createElement("img","block","block"+block,"","blocks","src",image);
		e.style.left=x+"px";
		e.style.top=y+"px";
	}
	else $("blocks").removeChild($("block"+block));

	setTimeout("update4()", 100);
}

function update4()
{
        $('white').style.left="-100px";
        setTimeout("update5()", 100);
}

function update5()
{
        $('halfwhite').style.left="-100px";
        inprogress = 0;
}

function startTimer()
{
        setTimeout("update()", 1000);
	setTimeout("doSomething()",2000);
}

function setFocus(field)
{
        if(field=="email") document.contactform.email.focus();
        else if(field=="details") document.contactform.details.focus();
        else document.contactform.name.focus();
}

function checkForm()
{
	var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
        if(document.contactform.name.value=="")
        {
                $('error').innerHTML = "Please enter your name.";
                setFocus("name");
        }
        else if (document.contactform.email.value.search(emailRegEx) == -1)
        {
                $('error').innerHTML = "Please enter a valid email address.";
                setFocus("email");
        }
        else if(document.contactform.details.value=="")
        {
                $('error').innerHTML = "Please enter a description of what you're after.";
                setFocus("details");
        }
        else return true;
        return false;
}

function preloadCaseStudy(image,n,total)
{
	if(!image) return;
	if(n>total) return;
     
	var image;
	var preload_pic = new Image(50,50);
	preload_pic.image = image;
	preload_pic.next = n+1;
	preload_pic.total = total;
	if(n<10) n="0"+n;
	preload_pic.src='casestudies/'+image+'_'+n+'.jpg';
	preload_pic.onload = function()
	{
		preloadCaseStudy(this.image, this.next, this.total);
	}
}

function embiggen(image)
{
	if(!image) return;
	prev_pic.src = "";
	pic.src = "";
	next_pic.src = "";
	setClass("case_study","","hidden");
	setClass("prev_piccy","hidden","");
	setClass("piccy","","hidden");
	setClass("next_piccy","hidden","");
	setClass("blurb","","hidden");
	$('piccy').src = "nav/hourglass.gif";
	$('prev_piccy').src = "";
	$('next_piccy').src = "";
        current_pic = image;
        current_pic_num = 1;
        current_pic_total = blurb_num[image];
        $('blurb').innerHTML = blurb[image];
        $('testimonial').innerHTML = "";  
	pic.src="casestudies/"+image+"_01.jpg";
	pic.onload = function()
	{
		$('piccy').src = this.src;
		$('piccy').style.visibility = "visible";
	}
        if(current_pic_total>1)
	{
		showArrows();
	
		if(current_pic_total>2)
		{
			prev_pic_num = (current_pic_num>1?current_pic_num-1:current_pic_total);
			//$('prev_piccy').src = "casestudies/"+current_pic+"_"+(prev_pic_num<10?"0":"")+prev_pic_num+".jpg";
			prev_pic.src = "casestudies/"+current_pic+"_"+(prev_pic_num<10?"0":"")+prev_pic_num+".jpg";
			prev_pic.onload = function()
			{
				$('prev_piccy').src = this.src;
				setClass("prev_piccy","","hidden");
			}
		}
		next_pic_num = (current_pic_num<current_pic_total?current_pic_num+1:1);
		//$('next_piccy').src = "casestudies/"+current_pic+"_"+(next_pic_num<10?"0":"")+next_pic_num+".jpg";
		next_pic.src = "casestudies/"+current_pic+"_"+(next_pic_num<10?"0":"")+next_pic_num+".jpg";
		next_pic.onload = function()
		{
			$('next_piccy').src = this.src;
			setClass("next_piccy","","hidden");
		}
	}
        else hideArrows();

       if(blurb_num[image]>1) setTimeout("preloadCaseStudy('"+image+"',2,"+current_pic_total+")", 5000);
}

function hideArrows()
{
        $('arrows').style.visibility='hidden';
        $('arrows').style.height=0;
        $('arrows').style.position='absolute';
        $('tip').innerHTML = "";
}

function showArrows()
{
        $('arrows').style.visibility='visible';
        $('arrows').style.height=27;
        $('arrows').style.position='relative';
        if(!usedArrows) $('tip').innerHTML = "Click on the 'Next' arrow to see other images from this project.";
	else $('tip').innerHTML = "";
}

function moveFunction(sliderPosition) {
        var s = Math.ceil(sliderPosition*9)+1;
        if(s==1) s=2;
        var price = s*20;
	$("price_picture").style.backgroundPosition = "0px -"+((s-2)*300)+"px"; 
        $('priceinpounds').innerHTML = price;
        $('price').innerHTML = Math.round(price / currency[pounds][1] * currency[document.f.currency.value][1]/10)*10;
}

function stopFunction(sliderPosition) {
}

function setCurrency()
{
        $('currency').innerHTML = currency[document.f.currency.value][3];
        $('price').innerHTML = Math.round($('priceinpounds').innerHTML / currency[pounds][1] * currency[document.f.currency.value][1]/10)*10;
}

function Overlay(name,probability,prerequisites,postrequisites,duration,leave,cancelledby)
{
	this.name = name;
	this.probability = probability;
	this.prerequisites = prerequisites.split(",");
	this.postrequisites = postrequisites.split(",");
	this.duration = duration;
	this.leave = leave;
	this.cancelledby = cancelledby.split(",");
	this.displayed = false;
	this.img = new Image;
	this.img.name = this.name;
	this.img.duration = this.duration;
	this.img.onload = function(){ createElement("img","sidebar",this.name,"","sidebar","src",this.src); setTimeout("endOverlay('"+this.name+"');",this.duration); cancelOverlays(this.name); }
}

var overlays = new Array();
overlays.push(new Overlay("babygiraffeblink",18,"","lionup",300,false,""));
overlays.push(new Overlay("birdblink",18,"","birdflyaway",300,false,""));
overlays.push(new Overlay("elephantblink",18,"","",300,false,""));
overlays.push(new Overlay("giraffeblink",18,"","",300,false,""));
overlays.push(new Overlay("hippo1blink",18,"","drain",300,false,""));
overlays.push(new Overlay("hippo2blink",18,"","drain",300,false,""));
overlays.push(new Overlay("hippobirdblink",18,"","drain",300,false,""));
overlays.push(new Overlay("lionblink",18,"","lionup",300,false,""));
overlays.push(new Overlay("monkeyblink",18,"","monkeysnake",300,false,""));
overlays.push(new Overlay("snakeblink",18,"","monkeysnake",300,false,""));

overlays.push(new Overlay("ripple1",15,"","drain",1000,false,""));
overlays.push(new Overlay("ripple2",15,"","drain",1000,false,""));
overlays.push(new Overlay("ripple3",15,"","drain",1000,false,""));
overlays.push(new Overlay("waves",15,"","drain",1200,false,""));

overlays.push(new Overlay("hippobirddrill",9,"","drain",1000,false,""));
overlays.push(new Overlay("hippobirddrilldrained",9,"drain","",1000,false,""));

overlays.push(new Overlay("butterfly1",9,"","",4000,false,""));
overlays.push(new Overlay("butterfly2",9,"","",4000,false,""));
overlays.push(new Overlay("butterfly3",9,"","",4000,false,""));

overlays.push(new Overlay("squirrel",4,"","lionup",2420,false,""));
overlays.push(new Overlay("birdflap",4,"","birdflyaway",800,false,""));
overlays.push(new Overlay("birdhop",4,"","birdflyaway",1300,false,""));
overlays.push(new Overlay("giraffesmile",4,"","lionup",3500,false,""));
overlays.push(new Overlay("lionroar",4,"lionup","",2400,false,""));
overlays.push(new Overlay("monkeyswing",3,"","monkeysnake",1000,false,""));
overlays.push(new Overlay("snakeslither",3,"","monkeysnake",1000,false,""));
overlays.push(new Overlay("duck",3,"","drain",3600,false,""));
overlays.push(new Overlay("crab",3,"drain","",16000,false,""));
overlays.push(new Overlay("elephanttrunk",3,"","drain",1500,false,""));

overlays.push(new Overlay("birdflyaway",2,"","birdflyaway",1200,true,""));
overlays.push(new Overlay("liondown",6,"lionup","",700,false,""));
overlays.push(new Overlay("lionup",2,"","lionup",700,true,"liondown"));
overlays.push(new Overlay("giraffetwist",2,"","monkeysnake,lionup",5000,false,""));

overlays.push(new Overlay("monkeysnake",1,"","monkeysnake,lionup",3500,true,""));
overlays.push(new Overlay("drain",1,"","drain",1800,true,""));

var randmax = 0;
for(var i=0; i<overlays.length; i++)
{
	randmax += overlays[i].probability;
}

function cancelOverlays(n)
{
	for(var j=0; j<overlays.length; j++)
	{
		for(var k=0; k<overlays[j].cancelledby.length; k++)
		{
			if(overlays[j].cancelledby[k] == n)
			{
				overlays[j].displayed = false;
				if($(overlays[j].name))
				{
					$(overlays[j].name).parentNode.removeChild($(overlays[j].name));
				}
			}
		}
	}
}

function doSomething()
{
	var r = Math.floor(Math.random()*randmax);
	var z = r;
	for(var i=0; i<overlays.length && r>=0; i++)
	{
		r -= overlays[i].probability;
	}
	i--;
	
	var canDo = true;
	// check prerequisites
	for(var j=0; j<overlays[i].prerequisites.length && canDo; j++)
	{
		var p = getOverlayByName(overlays[i].prerequisites[j]);
		if(p && p.displayed == false) canDo = false;
	}
	// check postrequisites
	for(var j=0; j<overlays[i].postrequisites.length && canDo; j++)
	{
		var p = getOverlayByName(overlays[i].postrequisites[j]);
		if(p && p.displayed == true) canDo = false;
	}
	
	if(canDo)
	{
		overlays[i].displayed = true;
		
		if(overlays[i].img.src && overlays[i].img.complete)
		{
			createElement("img","sidebar",overlays[i].name,"","sidebar","src","sidebar_anim/"+overlays[i].name+".gif");
			setTimeout("endOverlay('"+overlays[i].name+"');",overlays[i].duration);
			cancelOverlays(overlays[i].name);
		}
		else
		{
			overlays[i].img.src = "sidebar_anim/"+overlays[i].name+".gif";
		}
	}
	else setTimeout("doSomething()",100);
}

function endOverlay(n)
{
	var o = getOverlayByName(n);
	if(o.leave == false)
	{
		$(n).parentNode.removeChild($(n));
	}
	
	setTimeout("doSomething()",100);
}

function getOverlayByName(n)
{
	for(var i=0; i<overlays.length; i++)
	{
		if(overlays[i].name==n) return overlays[i];
	}
	return false;		
}

function show()
{
	currentHash = window.location.hash.substr(2); if(currentHash.substr(0,2)=="23") currentHash = window.location.hash.substr(4);
	if(!currentHash) currentHash = "main";
	if(pages[currentHash]) displayPage(currentHash);
	else ajax("do.php?action=getpage&getpage="+currentHash,loadPage,10,"page",true);
}

function displayPage(s)
{
	setClass("case_study","hidden","");
	setClass("prev_piccy","hidden","");
	setClass("piccy","hidden","");
	setClass("next_piccy","hidden","");
	setClass("blurb","hidden","");
	$('prev_piccy').src = "";
	$('piccy').src = "";
	$('next_piccy').src = "";
	removeChildren("blurb");
	hideArrows();
	
	removeChildren("main_text");
	removeChildren("case_studies_inner");
	removeChildren("testimonial");
	blurb=new Array();
	blurb_num=new Array();
	
	if(currentHash=="prices")
	{
		myslider.setPosition(1);
		$('priceinpounds').innerHTML = 200;
		$('price').innerHTML = Math.round(200 / currency[pounds][1] * currency[document.f.currency.value][1]/10)*10;
		setClass("slider","","hidden");
	}
	else setClass("slider","hidden","");
	
	if(currentHash=="contactme")
	{
		setClass("contactform","","hidden");
                setFocus("name");
	}
	else setClass("contactform","hidden","");
	
	var p = pages[s];
	
	if(p.title) document.title = p.title+" - simongoodway.com - Freelance illustrator and cartoonist";
	else document.title = "simongoodway.com - Freelance illustrator and cartoonist";
	
	if(p.picture)
	{
		$("picture").style.backgroundImage = "url(pics/"+p.picture+")";		
		var img = document.createElement("img");
		img.setAttribute("src","pics/"+p.picture);
		img.onload = function(){ $("picture").style.height = this.height; }
	
		$("picture").style.height = "430px";
		$("picture").style.backgroundPosition = "0px 0px"; 
	}
	
	if(currentHash=="prices")
	{
		$("price_picture").style.backgroundImage = "url(pics/pricescale.jpg)";
		$("price_picture").style.backgroundPosition = "0px -2400px"; 
	}
		
	for(var i=0; i<p.text.length; i++)
	{
		createElement("p","","",p.text[i],"main_text");
	}
	
	for(i=0; i<p.casestudies.length; i++)
	{
		blurb[p.casestudies[i].name] = p.casestudies[i].description;
		blurb_num[p.casestudies[i].name] = p.casestudies[i].num;
		var a = createElement("a","","","","case_studies_inner","href","javascript:void(0);","onclick","embiggen('"+p.casestudies[i].name+"')");
		createElement("img","","","",a,"src","casestudies/"+p.casestudies[i].name+"_thumb.jpg");
	}
	
	for(i=0; i<p.testimonials.length; i++)
	{
		var t = createElement("div","testimonial","",p.testimonials[i].testimonial[0],"testimonial");
		for(var j=1; j<p.testimonials[i].testimonial.length; j++)
		{
			createElement("p","","",p.testimonials[i].testimonial[j],t);
		}
		createElement("div","attribution","",p.testimonials[i].attribution,"testimonial");
		if(i<p.testimonials.length-1) createElement("hr","testimonial_hr","","","testimonial","size","2");
	}
	if(p.testimonials.length>0 && currentHash!="testimonials")
	{
		var more = createElement("div","more","","","testimonial");
		createElement("a","","","More testimonials...",more,"href","javascript:void(0);","onclick","document.location='##testimonials'; show();");
	}
	
	if(p.casestudies.length>0) $('tip').innerHTML = "Click on the thumbnails to enlarge.";
}

function loadPage(s)
{
	pages[currentHash] = new Page();
	s = s.split("\r\n");
	for(var i=0; i<s.length;)
	{
		var z = s[i++];
		if(z=="#TI")
		{
			pages[currentHash].title = s[i++];
		}
		if(z=="#IM")
		{
			pages[currentHash].picture = s[i++];
		}
		else if(z=="#TX")
		{
			pages[currentHash].text.length=0;
			while(i<s.length-1 && s[i].substr(0,1)!="#") pages[currentHash].text.push(s[i++]);
		}
		else if(z=="#CS")
		{
			pages[currentHash].casestudies.length=0;
			while(i<s.length-1 && s[i].substr(0,1)!="#") pages[currentHash].casestudies.push(new caseStudy(s[i++],s[i++],s[i++]));
		}
		else if(z=="#TS")
		{
			pages[currentHash].testimonials.length=0;
			while(i<s.length-1 && s[i].substr(0,1)!="#")
			{
				var testimonial = new Testimonial();
				while(s[i]!="#") testimonial.testimonial.push(s[i++]);
				i++;
				testimonial.attribution = s[i++];
				pages[currentHash].testimonials.push(testimonial);
			}
		}
	}
	displayPage(currentHash);
}