if(document.images){
	preloadImage = new Image();
	preloadImage.src = "home_branding.jpg";
	preloadImage = new Image();
	preloadImage.src = "home_web.jpg";
	preloadImage = new Image();
	preloadImage.src = "home_design.jpg";
	preloadImage = new Image();
	preloadImage.src = "home_panel.png";
	preloadImage = new Image();
	preloadImage.src = "/images/load.gif";
	preloadImage = new Image();
	preloadImage.src = "/nav/web.gif";
	preloadImage = new Image();
	preloadImage.src = "/nav/design.gif";
	preloadImage = new Image();
	preloadImage.src = "/nav/branding.gif";
	preloadImage = new Image();
	preloadImage.src = "/nav/logos.gif";
}

var g = false;
var divid = '';
var id;
var appearAfterDiv;
var active=Array();
active['web']=false;
active['design']=false;
active['branding']=false;
var timeout=Array();
timeout['web']=false;
timeout['design']=false;
timeout['branding']=false;

function homePage()
{
	
	//alert("abcd");
	new Effect.Appear('home_branding',{duration: .5, delay: .8});
	new Effect.Appear('home_design',{duration: .5, delay: 1.3});
	new Effect.Appear('home_web',{duration: .5, delay: 1.8, afterFinish: function(){
	
		var anchors = document.getElementsByTagName('a');

		for (var i=0; i<anchors.length; i++){
			var anchor = anchors[i];
		
			var relAttribute = String(anchor.getAttribute('rel'));
		
			if (anchor.getAttribute('href') && (relAttribute=='web' || relAttribute=='design' || relAttribute=='branding')){
				anchor.onmouseover = function()
				{
					 
					id=this.getAttribute('rel');
					
					if(active[id]==false)
					{
						active[id]=true;
						new Effect.Appear('tip_'+id,{duration: .5, to: .85});
						
					}else if(timeout[id]){
						clearTimeout(timeout[id]);
					}
				};
				anchor.onmouseout = function() {
					id=this.getAttribute('rel');
					
					timeout[id]=setTimeout("out('"+id+"')", 1000);
				};
			}
		}

	}});  
}

function out(id){
	new Effect.Fade('tip_'+id,{duration: .5});
	active[id]=false;
}

function setupHomePage(){
	$('tip_branding').style.display='none';
	$('tip_design').style.display='none';
	$('tip_web').style.display='none';
	
	$('home_branding').style.display='none';
	$('home_design').style.display='none';
	$('home_web').style.display='none';	
}

function appearToggle(link, element){
	if(g == false){
		g = true;
		var pars = '';
		var linkurl=link.href;
			
		loading(1);
				
		$(element).innerHTML='';
		$(element).style.display='none';
			
		linkurl=linkurl.replace('http://', '');
		linkurl=linkurl.replace('/', '/info/');
				
		linkurl='http://'+linkurl;

		link.blur();
				
		appearAfterDiv=element;
			
		var myAjax = new Ajax.Updater(
			appearAfterDiv,
			linkurl,
				{
				method: 'get',
				parameters: pars,
				onComplete: function(t) {
					new Effect.Appear(appearAfterDiv,{queue: 'end',duration: .5, delay: .5, afterFinish: endFixer});
				}
			});
	}
}

function endFixer(){
	$(appearAfterDiv).style.display='block';
	attachToggles();
	loading(0);
	g = false;
}

function attachToggles(){
	$('portfolioToggle').onclick = function() {
		subToggle(this, 'portfolio');
		return false;
	};
	$('servicesToggle').onclick = function() {
		subToggle(this, 'services');
		return false;
	};
	
	if (!document.getElementsByTagName){ return; }
	var anchors = document.getElementsByTagName('a');

	for (var i=0; i<anchors.length; i++){
		var anchor = anchors[i];
		
		var relAttribute = String(anchor.getAttribute('rel'));
		
		if (anchor.getAttribute('href') && (relAttribute=='external')){
			anchor.onclick = function() {
				website(this);
				return false;
			};
		}
	}
}

function contactPost(){
	var checkThese=new Array(
		'name|My name is',
		'email|My email address is',
		'message|My message is'
	);
	
	appearAfterDiv='contactformstatus';
	
	if(g == false && checkLoop(checkThese, 'contacttheform')){
		g = true;
		
		loading(1);
		
		var url = '/processcontact/';
		var pars = Form.serialize($('contacttheform'));
	
		new Ajax.Request(
			url,
			{
			method: 'post',
			parameters: pars,
			onSuccess: function(t) {
				eval(t.responseText);
				if(status==0){
					new Effect.Fade('contactforminner');
					new Effect.Fade('check');
					$(appearAfterDiv).innerHTML='<p class="status">Thank you, we\'ll be in touch as soon as possible.</p>';
					loading(0);
					g = false;
				}else{
					$(appearAfterDiv).innerHTML='<p class="status">'+status+'</p>';
					shakeStatus('contactforminner');
					loading(0);
				}
			}
			});

		return false;
	}else{
		$(appearAfterDiv).innerHTML='<p class="status">All fields are mandatory unless stated otherwise.</p>';
		shakeStatus('contactforminner');
		return false;
	}
}

function newsletterPost(){
	var checkThese=new Array(
		'nl_name|My name is',
		'nl_email|My email address is'
	);
	
	appearAfterDiv='newsletterformstatus';
	
	if(g == false && checkLoop(checkThese, 'newslettertheform')){
		g = true;
		
		loading(1);
		
		var url = '/processnewsletter/';
		var pars = Form.serialize($('newslettertheform'));
	
		new Ajax.Request(
			url,
			{
			method: 'post',
			parameters: pars,
			onSuccess: function(t) {
				eval(t.responseText);
				if(status==0){
					new Effect.Fade('newsletterforminner');
					$(appearAfterDiv).innerHTML='<p class="status">Thanks, your newsletter subscription was a success.</p>';
					loading(0);
					g = false;
				}else{
					$(appearAfterDiv).innerHTML='<p class="status">'+status+'</p>';
					shakeStatus('newsletterforminner');
					loading(0);
				}
			}
			});

		return false;
	}else{
		$(appearAfterDiv).innerHTML='<p class="status">All fields are mandatory.</p>';
		shakeStatus('newsletterforminner');
		return false;
	}
}

function shakeStatus(divid){
	new Effect.Shake(divid, 40);
	g = false;
}

function loading(action){
	if(action==1){
		loadingC='<img src="/images/load.gif" width="25" height="25" alt="loading" />';
		$('loading').style.display='block';
	}else{
		loadingC='';
		$('loading').style.display='none';
	}
	$('loading').innerHTML=loadingC;
}

function attachEvents(type){
	if (!document.getElementsByTagName){ return; }
	var anchors = document.getElementsByTagName('a');

	for (var i=0; i<anchors.length; i++){
		var anchor = anchors[i];
		
		var relAttribute = String(anchor.getAttribute('rel'));
		
		if (anchor.getAttribute('href') && (relAttribute==type)){
			anchor.onclick = function() {
				setActive(this, type);
				appearToggle(this, type+'appear');
				return false;
			};
		}
	}
}

function setActive(id, type){
	if(g==false){
		if (!document.getElementsByTagName){ return; }
		var anchors = document.getElementsByTagName('a');

		for (var i=0; i<anchors.length; i++){
			var anchor = anchors[i];
		
			var relAttribute = String(anchor.getAttribute('rel'));
				
			if (anchor.getAttribute('href') && (relAttribute==type)){
				anchor.className='';
			}
		}
	
		id.className='active';
	}
}

function website(url){
	popupWindow = window.open(url, '_blank', '');
	popupWindow.focus();
}

function openSizedWindow(url, width, height){
	popupWindow = window.open(url, '_blank', 'width='+width+',height='+height+',top=0,left=0');
	popupWindow.focus;
}

function checkForm(theForm){
	if(theForm.id=='contacttheform'){
		var checkThese=new Array(
			'name|My name is',
			'email|My email address is',
			'message|My message is'
		);
	}else if(theForm.id=='newslettertheform'){
		var checkThese=new Array(
			'nl_name|My name is',
			'nl_email|My email address is'
		);
	}
	return checkLoop(checkThese, theForm.id);
}

function checkLoop(checkTheseArray, form){
	var elementType;
	var elementName;
	var elementDefault;
	var elementValue;
	var elementObject;
	var valuesArray;

	var email_regex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/;
	for (var loop=0;loop<checkTheseArray.length;loop++){
		valuesArray=checkTheseArray[loop].split("|");
		
		elementObject=$(valuesArray[0]);
		elementDefault=valuesArray[1];

		elementType=elementObject.type;
		elementName=elementObject.name.toLowerCase();
		elementValue=elementObject.value;
		
		if((elementValue==""||elementValue==elementDefault)&&(elementType=="text" || elementType=="password")){
			elementObject.className='alert';
			elementObject.focus();
			return false;
		}else if((elementValue==""||elementValue==elementDefault)&&(elementType=="textarea")){
			elementObject.className='alert';
			elementObject.focus();
			return false;
		}else if((elementType=="select-one")&&(elementObject.options[elementObject.selectedIndex].value)==elementDefault){
			elementObject.className='alert';
			elementObject.focus();
			return false;
		}else if((elementName.toLowerCase().match("email"))&&(elementType=="text")&&(!email_regex.test(elementValue))){
			elementObject.className='alert';
			elementObject.focus();
			return false;
		}else if((elementObject.checked==false)&&(elementType=="checkbox")){
			elementObject.className='alert';
			elementObject.focus();
			return false;
		}else{
			if(elementType=="checkbox"){
				elementObject.className='';
			}else{
				elementObject.className='';
			}
		}
	}
	return true;
}