window.addEvent('domready',function() {
	var mySmoothScroll = new Fx.SmoothScroll();
	if($('frmContact')) {
		$('name').value = 'Name';
		$('email').value = 'Email';
		$('message').value = 'Message';
		
		var rand1 = Math.ceil(Math.random() * 10);
		var rand2 = Math.ceil(Math.random() * 10);
		
		var answer = rand1 + rand2;
		
		text = "Enter the result of " + rand1 + '+' + rand2;
		
		$('human').value = text;
		
		$('human').addEvent('blur',function() {
			if($('human').value=='') {
				$('human').value = text;
			}
		});
		$('human').addEvent('focus',function() {
			if($('human').value==text) {
				$('human').value = '';
			}
		});
		
		$('name').addEvent('blur',function() {
			if($('name').value=='') {
				$('name').value = 'Name';
			}
		});
		$('name').addEvent('focus',function() {
			if($('name').value=='Name') {
				$('name').value = '';
			}
		});
		
		$('email').addEvent('blur',function() {
			if($('email').value=='') {
				$('email').value = 'Email';
			}
		});
		$('email').addEvent('focus',function() {
			if($('email').value=='Email') {
				$('email').value = '';
			}
		});
		
		$('message').addEvent('blur',function() {
			if($('message').value=='') {
				$('message').value = 'Message';
			}
		});
		$('message').addEvent('focus',function() {
			if($('message').value=='Message') {
				$('message').value = '';
			}
		});
		
		$('frmContact').addEvent('submit',function() {
			var error = false;
			var re = new RegExp(/^[a-z0-9._%-]+@[a-z0-9.-]+\.[a-z]{2,4}$/i);
			if($('name').value=='' || $('name').value=='Name') {
				$('statusarea').set('text','Please enter your name');
				error = true;
			} else if($('email').value=='' || $('email').value=='Email') {
				$('statusarea').set('text','Please enter your email');
				error = true;
			} else if(!re.test($('email').value)) {
				$('statusarea').set('text','Please enter a valid email');
				error = true;
			} else if($('message').value=='' || $('message').value=='Message') {
				$('statusarea').set('text','Please enter your message');
				error = true;
			} else if($('human').value!=answer) {
				$('statusarea').set('text',text);
				error = true;
			}
			
			if(error==false) {
				$('statusarea').set('text','Sending. Please wait.');
				$('contactsubmit').set('disabled','disabled');
				new Request({
					url: basedir + 'sendmail/',
					method: 'post',
					data: {
						name: $('name').value,
						email: $('email').value,
						message: $('message').value
					},
					onComplete: function(response) {
						$('statusarea').set('text','Your message is sent.');
						$('contactsubmit').set('disabled','');
						$('name').value = 'Name';
						$('email').value = 'Email';
						$('message').value = 'Message';
						$('human').value = text;
						console.log(response);
					}
				}).send();
			}
			return false;
		});
	}
	
	// THEME BOX
	
	var themeFx = new Fx.Tween('themecontainer',{
		property: 'opacity',
		link: 'cancel'
	}).set(0);
	$('selector').addEvent('click',function(e) {
		if($('selector').hasClass('active')) {
			$('selector').removeClass('active');
			themeFx.start(0);
		} else {
			$('selector').addClass('active');
			themeFx.start(1);
		}
		return false;
	});
	
	$$('#themebox div.backs a').each(function(el) {
		el.addEvent('click',function(e) {
			e.stop();
			var theme= new Asset.css(el.get('href'));
			var temp = el.get('href').split('theme');
			var temp2 = temp[1].split('.');
			new Request({
				url: basedir + 'stylechooser/',
				method: 'post',
				data: 'theme='+temp2[0]
			}).send();
			return false;
		});
	});
	$$('#themebox div.colors a').each(function(el) {
		el.addEvent('click',function(e) {
			e.stop();
			var theme= new Asset.css(el.get('href'));
			var temp = el.get('href').split('color');
			var temp2 = temp[1].split('.');
			new Request({
				url: basedir + 'stylechooser/',
				method: 'post',
				data: 'color='+temp2[0]
			}).send();
			return false;
		});
	});
	$$('#wallpapers div.download').each(function(el) {
		el.getElements('ul')[0].set('opacity','0');
		el.addEvent('mouseenter',function() {
			var elm = el.getElements('ul')[0];
			var fx2 = new Fx.Tween(elm,{
				property: 'opacity',
				duration: 200,
				link: 'cancel'
			}).start(1);
		});
		
		el.addEvent('mouseleave',function() {
			var elm = el.getElements('ul')[0];
			var fx2 = new Fx.Tween(elm,{
				property: 'opacity',
				duration: 200,
				link: 'cancel'
			}).start(0);
		});
	});
});