window.addEvent('domready', function(){
	
	new OverText($('name'), {textOverride: 'name...'});
	new OverText($('email'), {textOverride: 'email...'});
	
	$('contactForm').addEvent('submit', function(e){
		e.stop();
	});
	
	new Form.Validator($('contactForm'), {'stopOnFailure': true,
		onElementFail: function(e){
			e.highlight('#f00');
		},
		onFormValidate: function(bool, e, o){
			if(bool == true){
				var name = $('name').get('value');
				var email = $('email').get('value');
				signUp.post({'action': 'signup', 'name': name, 'email': email});
			}
		}	
	});
	
	
	
	var overlayRequest = new Request.HTML({ update:'hovercontent'});						
			
	$$('.bildrBox').addEvent('click', function(e){
		
		var hover = new Element('div', {id: 'hover'});
		var hovercontent = new Element('div', {id: 'hovercontent'});
		var hoverBG = new Element('div', {id: 'hoverbg'});
		var closeButton = new Element('img', {id: 'closeButton'});
		closeButton.set('src', 'home/includes/style/images/closebox.png');
		
		hover.inject($('logo'), 'after');
		hoverBG.inject($('logo'), 'after');
		hovercontent.inject(hover, 'top');
		closeButton.inject(hover, 'top');
		
		hoverBG.fade('hide');
		hover.fade('hide');
		
		hoverBG.fade('in');
		hover.fade('in');

		url = this.get('href');	
		overlayRequest.setOptions({"url": url});	
		overlayRequest.send();
		
		$('closeButton').addEvent('click', function(e){
			$('hover').fade('out');
			$('hoverbg').fade('out');
			
			var timeFunction = function(){ 
					$('hoverbg').destroy();
					$('hover').destroy();
			};
			timeFunction.delay(500);
		});
		
		
		hoverBG.addEvent('click', function(e){
			$('hover').fade('out');
			$('hoverbg').fade('out');
			
			var timeFunction = function(){ 
					$('hover').destroy();
					$('hoverbg').destroy();
			};
			timeFunction.delay(500);
		});
		return false;
	});	
	
	
	
	var signUp = new Request({
		url: 'home/includes/php/signup.php',
		
		onRequest: function(txt){
			$('name').disabled = true;
			$('email').disabled = true;
			$('help').disabled = true;
		},
		
		onSuccess: function(txt){
			var message = 'Thank you, we will be in contact shortly!';
			var thankYou = new Element('div', {id: 'thankYou', html: message}).inject($('logo'), 'after');;
			
			$('thankYou').fade('hide');
			$('thankYou').fade('in');
			
			
			
			var fadeThanks = function(){ 
				$('thankYou').fade('out');
			};
			
			fadeThanks.delay(2500);
			
			$('bottom').fade('out');
			$('name').set('value', '');
			$('email').set('value', '');				
		}	
	
	});
	


});