// JavaScript Document
/*
Title:     Cafe Evoke general Javascript functions
Author:    Matt McCloskey, Kemso Design
Updated:   Dec 28, 2007
*/

var site_root = '';
var site_url = 'http://dev.kemso.com/cafeevoke/';

/* Optional Libraries
-----------------------------------------------------------------------------------------------------*/

// Flash Replacement
// (make sure to set h2 { display:block; } if you don't use this
//document.write('<script type="text/javascript" src="'+site_root+'js/lib/flash_replacement.js"></script>');


/* Required Libraries
-----------------------------------------------------------------------------------------------------*/
// moo tools
document.write('<script type="text/javascript" src="'+site_root+'js/lib/mootools.js"></script>');

document.write('<script language="JavaScript" type="text/javascript" src="'+site_root+'js/lib/domready.js"></script>');

function init(){
	new SmoothScroll();
	
	
	var cr = new Element('div', {'styles': {
		'position': 'absolute',
		'bottom': 0,
		'left': 0,
		'width': '300px',
		'height': '80px',
		'background':'#000',
		'color': 'white',
		'padding-top': '20px',
		'text-align': 'center',
		'visibility': 'hidden'
	}, 'id': 'contactresponse'}).injectInside('contactform');
	// handle sending contact form submission
	$('contactform').addEvent('submit', function(e) {
		/**
		* Prevent the submit event
		*/
		new Event(e).stop();
		
		var error = false;
		$ES('input, textarea', 'contactform').each(function(el){
			if(el.value == ''){
				error = true;
			}
		});		
		if(error){
			var showResponse = new Fx.Style('contactresponse', 'opacity', {duration:200}).set(0);
			$('contactresponse').setHTML('<span>Please complete the entire form</span>');
			showResponse.start(0,.7);
			setTimeout("slowFade('contactresponse')", 1000);
		}else{
			var showResponse = new Fx.Style('contactresponse', 'opacity', {duration:200}).set(0);
			$('contactresponse').setHTML('<span>Sending...</span>');
			showResponse.start(0,.7);
			
			this.send({
				onComplete: function(rsp) {
					var showResponse = new Fx.Style('contactresponse', 'opacity', {duration:200}).set(0);
					$('contactresponse').setHTML('<span class="success">'+rsp+'</span>');
					showResponse.start(0,.7);
					setTimeout("slowFade('contactresponse')", 1000);
					$('contactform').reset();
				}
			});
		}
	});
	
	var mr = new Element('div', {'styles': {
		'position': 'absolute',
		'bottom': 0,
		'left': 0,
		'width': '220px',
		'background':'#000',
		'color': 'white',
		'padding': '20px',
		'text-align': 'center',
		'visibility': 'hidden'
	}, 'id': 'mailingresponse'}).injectInside('mailinglistform');
	// handle sending contact form submission
	$('mailinglistform').addEvent('submit', function(e) {
		/**
		* Prevent the submit event
		*/
		new Event(e).stop();
		
		var error = false;
		$ES('input, textarea', 'mailinglistform').each(function(el){
			if(el.value == ''){
				error = true;
			}
		});		
		if(error){
			var showResponse = new Fx.Style('mailingresponse', 'opacity', {duration:200}).set(0);
			$('mailingresponse').setHTML('<span>Please complete the entire form</span>');
			showResponse.start(0,.7);
			setTimeout("slowFade('mailingresponse')", 1000);
		}else{
			var showResponse = new Fx.Style('mailingresponse', 'opacity', {duration:200}).set(0);
			$('mailingresponse').setHTML('<span>Adding...</span>');
			showResponse.start(0,.7);
			
			this.send({
				onComplete: function(rsp) {
					var showResponse = new Fx.Style('mailingresponse', 'opacity', {duration:200}).set(0);
					$('mailingresponse').setHTML('<span class="success">'+rsp+'</span>');
					showResponse.start(0,.7);
					setTimeout("slowFade('mailingresponse')", 1000);
					$('mailinglistform').reset();
				}
			});
		}
	});
}


function doRound(element){
	var obj = $(element);
	var currINNER = obj.innerHTML;
	obj.style['background'] = "none";
	obj.style['padding'] = "0px";
	obj.innerHTML = '<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b><b class="rbody">'+currINNER+'</b><b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>';
}
function slowFade(el){
	var showResponse = new Fx.Style(el, 'opacity', {duration:3000});
	showResponse.start($(el).getStyle('opacity'),0);
}