//Accordian Stuff
var togglers = $$('div.toggler');
var contents = $$('div.content');

togglers.each(function(toggler, i){
	toggler.color = toggler.get('class');
});

window.addEvent('domready', function() {
	var myAccordion = new Accordion(togglers, contents, {
		'opacity': false,		
		'start': false,		
		onActive: function(toggler) {toggler.set('class', toggler.color+'-on')},  
		onBackground: function(toggler) {toggler.set('class', toggler.color)}
	});

	//Open correct window on reload
	var found = 0;
	$$('div.toggler a').each(function(link, i){
		if (window.location.hash.test(link.hash)) found = i;
	});
	myAccordion.display(found);

	//Make Greyout Popover Containers in JS so non JS users don't see them
	var greyout  = new Element('div', {id: 'greyOut'});
	greyout.inject($('container'), 'before');
	$('greyOut').fade('hide');
	var recentPopover  = new Element('div', {id: 'recentPopover'});
	recentPopover.inject($('body_top'), 'before');
	$('recentPopover').fade('hide');


	//Message Send request
	var myReq = new Request({
		method: 'post',
		url: 'index.php',
		onSuccess: function(txt){
			$('contactLeftInner').dispose();
			var thanks  = new Element('div', {id: 'contactLeftInner'});
			var thanksText="Thank you, we will be in touch shortly.";
			thanks.appendText(thanksText);
			thanks.inject($('clCont'));
		}
	});
	//Message send action
	$('send').addEvent('click', function(){
		if(checkMail()){
			var messageContents=$('message').value;
			var emailContents=$('email').value;
			$('contactLeftInner').fade(0.4); //Grey out
			myReq.send('email='+emailContents+'&message='+messageContents);
		}else{
			alert("Please double check your email address. It doesn't look right");
		}
	});

	//Recent work popover request
	var popoverReq = new Request({
		method: 'get',
		url: 'recentWork.php',
		onSuccess: function(html){
			var popoverText=html;
			$('recentPopover').innerHTML=popoverText;
			//align with top of screen!
			var height = getScrollTop();
			height=height+30;
			$('recentPopover').set('styles', {'top': height});
			$('recentPopover').fade('in');
			var popoverDrag = new Drag('recentPopover', {handle: 'dragHandle'});//Make popOver Draggable
		}
	});
	$$('#recentWork a').addEvents({
		'click': function(){
			var size = $('container').getSize();		
			$('greyOut').set('styles', { 'width': size.x, 'height': size.y});
			$('greyOut').fade(0.9); ///Grey it out
			var linkString=""+this.rel; //Convert to string
			this.erase('href');
			popoverReq.send('project='+linkString+'&ajax=true');
	    }
	});
});

	
//Mailform tarting functions
function clearContents(type){
	if(type=='email'){
		if($('email').value==$('email').defaultValue)
			$('email').value='';
	}else if(type=='message'){
		if($('message').value==$('message').defaultValue)
			$('message').value='';
	}
}
function checkMail(){
	var email=$('email');
	var reg = /^(['_a-z0-9-]+)(\.['_a-z0-9-]+)*@([a-z0-9-]+)(\.[a-z0-9-]+)*(\.[a-z]{2,5})$/;
	return reg.test(email.value.toLowerCase());
}
function showCheck(){
	if(checkMail()){
		var check  = new Element('img', {id: 'checkImage', src: 'images/circleGreenCheck.png', alt: "Email OK"});
		check.inject($('email'), 'after');
	}
	else if($('checkImage'))
		$('checkImage').dispose();
}

//Close the popover by fading it out.
function closePopover(){
	$('greyOut').fade('out');
	$('recentPopover').fade('out');
}