jQuery(document).ready(function(){
	$('#preview ul.list li a').click(function(){
		$('#preview ul.list li a.current').removeClass('current');
		var preview = $(this).attr('id');
		$(this).addClass('current');
		$('#preview-content div').each(function(){
			$(this).fadeOut(200,function(){
				if($(this).attr('id') == preview){
					$(this).delay(200).fadeIn(200);
				}
			});
		});
	});

	$('#preview-content div').first().show(0);

	$('#preview ul.list li a').first().addClass('current');
	
	$('#preview-portfolio img').last().show(0);
	
	$('#content .portfolio .big').hide(0);
	$('#content .portfolio .big').first().show(0);
	
	$('#content .portfolio .thumbs img').click(function(){
		var thumb = $(this);
		$('#content .portfolio .big').each(function(){
			if($(this).attr('id') != $(thumb).attr('id').slice(6)){
				$(this).fadeOut(200);
			}
			$('#'+$(thumb).attr('id').slice(6)).delay(200).fadeIn(200);
			$('#content .portfolio .preview img').attr('src','/images/portfolio/'+$(thumb).attr('id').slice(6)+'.jpg');
		});
	});
	
	if((/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) || (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent))){
		$('img').each(function(){
			$(this).css('background-image', 'url('+$(this).attr('src')+')');
			$(this).css('background-repeat', 'no-repeat');
			var witdh = $(this).outerWidth();
			var height = $(this).outerHeight();
			$(this).attr('src', '/images/space.png');
			$(this).css('width', witdh);
			$(this).css('height', height);
		});
	}

	$('input, textarea').each(function(){
		if($(this).val() == $(this).attr('rel')){
			$(this).val('');
		}
		if($(this).val() == ''){
			$(this).val($(this).attr('rel'));
			$(this).addClass('em');
			$(this).addClass('lightgray');
		}else{
			$(this).addClass('gray');
		}
	});
	$('input, textarea').focusin(function(){
		if($(this).hasClass('em')){
			$(this).removeClass('em');
		}
		if($(this).hasClass('lightgray')){
			$(this).removeClass('lightgray');
		}					
		if($(this).hasClass('gray')){
			$(this).removeClass('gray');
		}
		if($(this).hasClass('input-error')){
			$(this).removeClass('input-error');
		}	
		if($(this).val() == $(this).attr('rel')){
			$(this).val('');
		}
	});
	$('input, textarea').focusout(function(){
		if($(this).val() == ''){
			$(this).val($(this).attr('rel'));
			$(this).addClass('em');
			$(this).addClass('lightgray');
		}else{
			$(this).addClass('gray');
		}
	});
	$('input').each(function(){
		if($(this).attr('type') == 'submit'){
			$(this).click(function(){
				$('input, textarea').each(function(){
					if($(this).val() == $(this).attr('rel')){
						$(this).val('');
					}
				});
				var submit = 1;
				$('input, textarea').each(function(){
					if($(this).val() == ''){
						if($(this).attr('type') != 'submit' && $(this).hasClass('required')){
							if(submit == 1) {
								submit = 0;
							}
						}
						if($(this).attr('type') != 'submit' && $(this).hasClass('required')){
							$(this).addClass('input-error');
							$(this).val($(this).attr('rel'));
						}else if($(this).attr('type') != 'submit'){
							$(this).val($(this).attr('rel'));
						}
					}
				});
				if(submit == 0){
					return false;
				}
			});
		}
	});

});