window.addEvent('domready', function() {

var color = '#1b0c01';
if($('thak_message')){
$('thak_message').set('opacity', 0);

		$('qfrm').addEvent('submit', function(e) {
		var valid1
		var valid2
		var valid3
			var regEmail = /^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/;
			if($('first_name').get('value').trim()!=''){
				$('first_name').setStyle('background', 'black');
				valid1 = true;
			}else{
				$('first_name').setStyle('background', color);
				valid1 = false;
			}
			
			if($('email').get('value').toUpperCase().match(regEmail)){
				$('email').setStyle('background', 'black');
				valid2 = true;
			}else{
				$('email').setStyle('background', color);
				valid2 = false;
			}
			
			if($('message').get('value').trim()!=''){
				$('message').setStyle('background', 'black');
				valid3 = true;
			}else{
				$('message').setStyle('background', color);
				valid3 = false;
			}
		
				new Event(e).stop();
				var log = $('log_res');
				if(valid1 & valid2 & valid3)
				{
					this.set('send', {
					url: this.action,
					method: 'post',
					onSuccess: function(responseText, responseXML) {
						log.set('html',responseText);
						}
					})
					this.send();
					
					$('first_name').set('value','');
					$('email').set('value','');
					$('message').set('value','');
					
					var func1 = function(){
						$('thak_message').morph({'opacity': 1});
					};
					
					var func2 = function(){
						$('thak_message').morph({'opacity': 0});
					};
					func1($('thak_message'));
					func2.delay(2000);
										
				}
				else{
					log.set('html','');
				}
		});

};

//$('top_block').addEvents({
//		'click': function(){
//			this.set('tween', {duration: 250}).tween('top', 0); 
//		},
//		'mouseleave': function(){
//			this.set('tween', {duration: 250}).tween('top','-200'); 
//		}
//}); 




var header = $$('.post');	
var port_content = header.getElement('.portfolio_content');
//port_content.setStyle('display','none');
//port_content[0].setStyle('display','block')

/*
$$('.portfolio_header').addEvents({
	'click': function(){
			var post = this.getParent('.post');
			var content = post.getElement('.portfolio_content');
			if (content.getStyle('display')=='none')
			{content.setStyle('display','block');}
			else 
			{content.setStyle('display','none');}
			}
});
*/


});