$(document).ready(
function()
{
	$('#menu-main-menu .menu-item').hover(function()
	{
		$(this).find('.sub-menu').show();
	}, function()
	{
		$(this).find('.sub-menu').hide();
	});
	if ($('.slide').length > 1) {
		$('#thumbnails a').css('display','block');
		$('.sliderCaption').css('bottom','42px');
		var slider = $('#slider').bxSlider({pause: 10000, controls: false,auto: true,onBeforeSlide: function(currentSlide, totalSlides){
			changeThumb(currentSlide, totalSlides);
		}});
		$('#thumbnails a').click(function(){
			var thumbIndex = $('#thumbnails a').index(this);
			// call the "goToSlide" public function
			slider.goToSlide(thumbIndex); 
			// remove all active classes
			$('#thumbnails a').removeClass('pager-active');
			// assisgn "pager-active" to clicked thumb
			$(this).addClass('pager-active');
			// very important! you must kill the links default behavior
			return false;
		});
		// assign "pager-active" class to the first thumb
		$('#thumbnails a:first').addClass('pager-active');
	}
	$('.servicesTab').click(
	function(event) {
		$('.servicesTab').removeClass('active');
		$(this).addClass('active');
		$('.servicesBox').hide();
		$('.servicesBox:eq('+$(this).index()+')').show();
		return false;
	}
	);
	$('.inputField').each(function() {
		if( $(this).val() == '' || $(this).val().indexOf('...') >= 0 ) {
			$(this).val($(this).attr('title'));
			$(this).addClass('resetted');
		}
	});
	$('.inputField').blur(function() {
		if( $(this).val() == '' || $(this).val().indexOf('...') >= 0 ) {
			$(this).val($(this).attr('title'));
			$(this).addClass('resetted');
		}
	});
	$('#reset').click(function() {
		$('.inputField').removeClass('valid').addClass('resetted');
	});
	$('.mandatory').blur(function() {
		validate($(this));
	});
	$('.inputField').focus(function() {
		if ($(this).hasClass('resetted')) {
			$(this).removeClass('resetted')
			$(this).val('');
		}
	});
	$('#contactForm').submit(function() {
		validate($('#firstName'));
		validate($('#surname'));
		validate($('#email'));
		if ( $('#firstName').hasClass('valid') && $('#surname').hasClass('valid') && $('#email').hasClass('valid') ) {
			$('.resetted').val('');
			return true;	
		} else {
			alert('Please fill in the fields marked in red.');
			return false;	
		}
	});
	$("#searchservice").chosen();
	$("#searchservice").change(function() {
		document.location = $(this).val();	
	});
	$("#filtercs").change(function() {
		document.location = $('#pl').val()+$('#order').val()+'&ser='+$('#relservice').val()+'&sec='+$('#relsector').val();	
	});
}
);
function changeThumb(a,b)
{
	// This function changes the active status on the paging thumbnails when the slider automatically...slides.
		if (a == 0) {
			$("#thumbnails li:nth-child("+b+") a").removeClass('pager-active');
		} else {
			$("#thumbnails li:nth-child("+a+") a").removeClass('pager-active');
		}
		a++;
		$("#thumbnails li:nth-child("+a+") a").addClass('pager-active');
}
function validate($this)
{
	var rege = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	if( $this.val() != '' && !$this.hasClass('resetted') && ( $this.attr('name') != 'email' ) ) {
		$this.addClass('valid');	
		$this.removeClass('invalid');
	} else if( $this.attr('name') == 'email' && rege.test($this.val()) ) {
		$this.addClass('valid');	
		$this.removeClass('invalid');
	} else if( $this.attr('name') == 'email' && !rege.test($this.val()) && $this.val() != '' ) {
		$this.removeClass('valid');	
		$this.addClass('invalid');
	} else {
		$this.removeClass('valid');	
		$this.addClass('invalid');
		$this.addClass('resetted');
		$this.val($this.attr('title'));
	}
}
