self.onerror = function() { return true; }

var opacityIn = 0;
var opacityOut = 10;

var loopIn = null;
var loopOut = null;

var thingToFadeIn = null;
var thingToFadeOut = null;

var fading = false;

var count = 0;

var crossfade = false;
var t;

var openVideo = null;

function setOpacity(obj,value)
{
	obj.style.opacity = value/10;
	obj.style.filter = 'alpha(opacity=' + value*10 + ')';
}

function hideEm()
{
	for(var i=1;i<=16;i++)
	{
		var pro = document.getElementById('pro'+i);
		pro.style.display="none";				
	}
}

function fadeEm(comingIn)
{
	for(var i=1;i<=16;i++)
	{
		var pro = document.getElementById('pro'+i);
		if(i != comingIn && pro.style.display == 'block')
		{
			//document.getElementById('link'+i).style.backgroundImage = "url(/assets/img/thumbs/"+i+"_trans.jpg)";			
			thingToFadeOut = document.getElementById('pro'+i);
			loopOut = setInterval(fadeOut,50);
			crossfade = true;
			break;
		}
	}

}

function fadeEmPage(comingIn)
{
	for(var i=1;i<=16;i++)
	{
		var page = document.getElementById('page'+i);
		if(i != comingIn && page.style.display == 'block')
		{
			//document.getElementById('link'+i).style.backgroundImage = "url(/assets/img/thumbs/"+i+"_trans.jpg)";			
			thingToFadeOut = document.getElementById('page'+i);
			loopOut = setInterval(fadeOut,50);
			crossfade = true;
			break;
		}
	}	
}


function show(pro,img)
{

	if(fading == false)
	{
		document.getElementById('image'+pro).src=img;
		crossfade = false;
		fadeEm(pro);
		//fadeEmPage();

		thingToFadeIn = document.getElementById('pro'+pro);
		thingToFadeIn.style.display="block";			
		setOpacity(thingToFadeIn,opacityIn);
		if(crossfade)
		{
			t = setTimeout("loopIn = setInterval(fadeIn,50)",500);	
		}
		else
		{
			loopIn = setInterval(fadeIn,50);
		}
		clearpages();		
		fading = true;		
	}

}

function showvid(pro,img,page)
{
	if(fading == false)
	{
		document.getElementById('image'+pro).src=img;
		crossfade = false;
		fadeEm(pro);

		thingToFadeIn = document.getElementById('pro'+pro);
		thingToFadeIn.style.display="block";			
		setOpacity(thingToFadeIn,opacityIn);
		if(crossfade)
		{
			t = setTimeout("loopIn = setInterval(fadeIn,50)",500);	
		}
		else
		{
			loopIn = setInterval(fadeIn,50);
		}
		
		clearpages();	

		vinfo(page);
		
		fading = true;
		
	}

	openVideo = getVideoByPageID(page);
		
}

function getVideoByPageID(page)
{
	var vid = '';
	switch(page)
	{
		case 4:
			vid = 'christmas';
			break;
		case 5:
			vid = 'showreel';
			break;
		case 6:
			vid = 'ybyl';
			break;
		case 7:
			vid = 'kenzo';
			break;
		case 8:
			vid = 'icgreen';
			break;
		case 9:
			vid = 'pom';
			break;
		case 10:
			vid = 'vo';
			break;							
	
		default:
			
	}
	
	return vid;
}

function closeVideos()
{
	// kenzo	
	var videobox = document.getElementById("kenzo");
	videobox.innerHTML="";
	var videoplaceholder = document.getElementById("image-"+videobox.id);
	videoplaceholder.style.display="block";

	// icgreen
	var videobox = document.getElementById("icgreen");
	videobox.innerHTML="";
	var ic_videoplaceholder = document.getElementById("image-"+videobox.id);
	ic_videoplaceholder.style.display="block";

	// christmas	
	var videobox = document.getElementById("christmas");
	videobox.innerHTML="";
	var videoplaceholder = document.getElementById("image-"+videobox.id);
	videoplaceholder.style.display="block";
	
	// ybyl
	var videobox = document.getElementById("ybyl");
	videobox.innerHTML="";

	// pom
	var videobox = document.getElementById("pom");
	videobox.innerHTML="";
		
	// vo
	var videobox = document.getElementById("vo");
	videobox.innerHTML="";
	
	
}

// stops the videos when user clicks to another part of the site - only an issue in IE.
function resetVideos()
{	
	if(getOpenVideo() != null)
	{
		openVideoID = getOpenVideo();
			
		switch(openVideoID)
		{
			case 'showreel':
				so_showreel.write('showreel');
				break;
			
			case 'ybyl':
				so_ybyl.write('ybyl');
				break;
				
			case 'kenzo':
				so_kenzo.write('kenzo');
				break;
				
			case 'icgreen':
				so_icgreen.write('icgreen');
				break;

			case 'christmas':
				so_christmas.write('christmas');
				break;				

			case 'vo':
				so_vo.write('vo');
				break;

			case 'pom':
				so_pom.write('pom');
				break;									
				
			default:
						
		}
		
		openVideo = null;
	}
}

function fadeIn()
{
	if(opacityIn <= 10)
	{
		opacityIn++;
		setOpacity(thingToFadeIn,opacityIn);
	}
	else
	{
		clearInterval(loopIn);
		opacityIn = 0;
		fading = false;
	}
}

function fadeOut()
{
	if(opacityOut >= 0)
	{
		opacityOut--;
		setOpacity(thingToFadeOut,opacityOut);
	}
	else
	{
		thingToFadeOut.style.display = 'none';
		clearInterval(loopOut);
		opacityOut = 10;
	}
}		

function clearpages()
{
	for(var i=1;i<=10;i++){
	var pages = document.getElementById('page'+i);
	pages.style.display="none";
	pages.style.visibility="hidden";
	}
	
	resetVideos();
	
}

function getOpenVideo()
{
	return openVideo;
}

function info(page)
{
	if(fading == false)
	{
		fadeEm(0);
		clearpages();
	
		if (page != 0 ) { showinfo(page) }
	}
	
	resetVideos();
	
	if(page == 5)
	{
		openVideo = 'showreel';
	}

}

/* for displaying video related to a job */
function vinfo(page)
{
	if(fading == false)
	{
		clearpages();
		if (page != 0 ) { showinfo(page) }
	}	
	
	if(page == 6)
	{
		openVideo = 'ybyl';
	}
	if(page == 9)
	{
		openVideo = 'pom';
	}
	if(page == 10)
	{
		openVideo = 'vo';
	}		
}

function showinfo(page)
{
	var page = document.getElementById('page'+page);
	page.style.display="block";
	page.style.visibility="visible";
}

function display()
{
	document.getElementById("imageload").style.display="none";
	document.getElementById("wrapper").style.display="block";
	preloadNext();
}

// Loading images one at a time
function preloadNext()
{
	i = new Array();
	//i.push('asko.jpg');
	i.push('adairs.jpg');
	i.push('asko_1.jpg');
	i.push('bia08.jpg');
	i.push('bl_book1.jpg');
	i.push('cheese.jpg');
	i.push('christmas.jpg');
	i.push('eco_outdoor_web.jpg');
	i.push('icgreen.jpg');
	i.push('kenzo.jpg');
	i.push('ll_1.jpg');
	i.push('mdav_book.jpg');
	i.push('pom.jpg');
	i.push('sarti_1.jpg');
	i.push('vo_1.jpg');
	i.push('white_1.jpg');
	i.push('ybyl_1.jpg');
	nextImage();
}

function nextImage()
{
	if(count <= 15 )
	{
		var preload = new Image();
		preload.onload = function() {setTimeout(nextImage,100);}
		preload.src = '/assets/img/work/'+i[count];	
		count++;
	}
}

function showjob(id)
{
	clearjobs()
	var job = document.getElementById('job'+id);
	job.style.display="block";
}

function clearjobs()
{
	for(var i=1;i<=5;i++)
	{
		if(jobs = document.getElementById('job'+i))
		{
			jobs.style.display="none";			
		}
	}


}


// Contact form validation 

// Check for valid email
function validEmail(email)
{
	var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	return filter.test(email);
}

// Check that the user enters their name and phone or email address
function validate_form(){
error = 0; //   0 = no errors 1 = errors
if (document.contact.name.value==null||document.contact.name.value==""){
  	error = 1; 
  }
else if ((validEmail(document.contact.email.value)!=true)&&(document.contact.phone.value==null||document.contact.phone.value=="")){
	error = 1;
	}
	
if(error == 1){
  	{alert("Please enter your name along with an email address or phone number.");return false}
  }
else{return true}
}

function hideVideo(id)
{
	var page = document.getElementById('page'+id);
	page.style.display="none";
	page.style.visibility="hidden";
}