var RecaptchaOptions = { theme : 'white' };

$(document).ready(function(){
				
	$(".contactform").validate({
				
		messages: {
			fname: { 
				required: "Enter your name"
			},
			ftelephone: { 
				required: "Enter your contact number"
			},
			femail: {
				required: "Please enter a valid email address"
			},
			fnationality: {
				required: "Please enter your nationality"
			}
		}

	});
	
	$("li.nav3").hover(function() { //Hover over event on list item
	$(this).find("div").show(); //Show the subnav
	} , function() { //on hover out...
	$(this).find("div").hide(); //Hide the subnav
	});
	
	$("li.nav11").hover(function() { //Hover over event on list item
	$(this).find("div").show(); //Show the subnav
	} , function() { //on hover out...
	$(this).find("div").hide(); //Hide the subnav
	});
	
	$("#navigation li a").click(function() {
		$("#navigation li a").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
	});
	
	// initialize carousel
	
	// CONFIG
	var BGINTERVAL = 22000; // milliseconds
	var IMAGE_WIDTH = 640; // in pixels
	var NUMBER_OF_CAROUSEL_ITEMS = 3;
	var imagesContainer = $('div.belt');
	
	var timer = null;
	
	// set width based on number of items
	imagesContainer.width( (NUMBER_OF_CAROUSEL_ITEMS * IMAGE_WIDTH) + 'px' );
	
	var autoScroll = function() {
		index++;
		
		if (index >= NUMBER_OF_CAROUSEL_ITEMS) 
			index = 0;
		
		showItem(index);
	};
	
	var showItem = function(index) {		
		clearTimeout(timer);
		var left = (index > 0) ? "-" + (index * IMAGE_WIDTH) + 'px' : 0 ;
		imagesContainer.animate({ "left": left }, "slow");	
		timer = setTimeout(autoScroll, BGINTERVAL);
	};
	
	var index = 0;
	
	$('div.carousel ul li a').each(function(index) {
		$(this).click(function() {
			var left = (index > 0) ? "-" + (index * IMAGE_WIDTH) + "px" : 0 ;
			imagesContainer.animate({ "left": left }, "slow");
			return false;
		});
	});
	
	timer = setTimeout(autoScroll, BGINTERVAL);
	
});