// JavaScript Document

window.addEvent("load",function(){

var list = $$('#menu a');
list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:300, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'padding-left': '40px',	 
			'color': '#e20'
		});
	});
 	if(element.className.contains('active')){
		element.addEvent('mouseleave', function(){
			fx.start({
				'padding-left': '58px',	 	 
				'color': '#000'
			});
		});
	}else{
		element.addEvent('mouseleave', function(){
			fx.start({
				'padding-left': '58px',	 	 
				'color': '#888'
			});
		});

	}
 
});



$$('a img').each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:300, wait:false});
 
	element.addEvent('mouseenter', function(){						
		fx.start({
			'opacity': '0.75'
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'opacity': '1'
		});
	});
 
});

var img_name= new Array('web_design.jpg','website_design.jpg','webpage_design.jpg','web_template_design.jpg','web_application_design.jpg','web_layout_design.jpg','page_design.jpg','GUI_design.jpg','logo_design.jpg','corporate_identity_design.jpg');

	$$('#col3 a').each(function(element) {	
		
		$(element).addEvent('click', function(e){				
				//$('headline').setStyles('left: 240px');
				for(var x=0;x<10;x++){
					$('a'+x).removeClass('active');
				}
				this.addClass('active');
				
				$('headline').setHTML('<h1>design sample</h1>');
				$E('h1','headline').setStyles('color: #fff');	
				var myEffects = new Fx.Styles($E('h1','headline'), {duration: 1000, transition: Fx.Transitions.linear});
				myEffects.start({
								'margin-left': 0,
								'color':  '#777777'
							});

			var k=this.getProperty('id').substr(1,this.getProperty('id').length);
		
			    var fx = new Fx.Styles($('inner'), {duration:1000, wait:false});
				fx.start({ 'opacity': '0' });
				(function() {
					$('inner').setHTML('');
					$('inner').setStyles('background: url(images/designs/'+img_name[k]+') no-repeat');
					fx.start({ 'opacity': '1' });

				}).delay(1000);

				
			 });
	});
	
	
	$$('#col3 a').each(function(element) {	
		$(element).addEvent('keypress', function(e){				
				if(e.keyCode!=9){
				$('headline').setHTML('<h1>design sample</h1>');
				$E('h1','headline').setStyles('color: #fff');	
				var myEffects = new Fx.Styles($E('h1','headline'), {duration: 1000, transition: Fx.Transitions.linear});
				myEffects.start({
								'margin-left': 0,
								'color':  '#777777'
							});

		
			var k=this.getProperty('id').substr(1,this.getProperty('id').length);
		
			    var fx = new Fx.Styles($('inner'), {duration:1000, wait:false});
				fx.start({ 'opacity': '0' });
				(function() {
				
					$('inner').setHTML('');
					$('inner').setStyles('background: url(images/designs/'+img_name[k]+') no-repeat');
					fx.start({ 'opacity': '1' });
				
				}).delay(1000);
				}
			
			 });
	});
						
});

function contact(){
		var err=0;
		['name','email','subject','message'].each(function(item, index){
			if($(item).value.length<3) { 
				err++; 
				$(item).addClass('white_red');
			}else{
				$(item).removeClass('white_red');
			}
								   });;
		if(err>0){ 
			$('err').removeClass('hide');
			return false; 
		}else{  
		    $('err').addClass('hide');
			return true; 
		}
}