// JavaScript Document

$(document).ready(function(){

	$("ul.top-nav li a").hover(function() { //When trigger is clicked...

		$(this).parent().find("div.sub-menu").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){
			$(this).parent().find("div.sub-menu").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

	});
	
	/////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	$("#account-form").validate({
		rules: {
			email: {
				required: true,
				email: true
			},
			password:{
				required: true,
				minlength: 6
			},
			confirm_password: {
				required: true,
				minlength: 6,
				equalTo: "#password"
			},
			first_name: "required",
			last_name: "required",
			day: "required",
			month: "required",
			year: "required",
			gender:"required",
			marital_status:"required" ,
			country_id:"required" ,
			city:"required",
			nationality_id:"required",
			about_us:"required"
		},
		messages: {
			email: "Please enter your email",
			password: {
				required: "Please provide password",
				minlength: "At least 6 characters"
			},
			confirm_password: {
				required: "Please confirm  password",
				minlength: "At least 6 characters",
				equalTo: "Confirm password correctly"
			},
			first_name: "Please enter your first name",
			last_name: "Please enter your last name",
			marital_status:"Please select marital status",
			country_id: "Please select country of residence",
			city: "Please enter city name",
			nationality_id: "Please select nationality",
			about_us : "Please select an option"
		}
	});
	
	/////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	$("#lang_form").validate();
	
	/////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	//Default Action
	$(".tab-content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab-content:first").show(); //Show first tab content
	
	//On Click Event
	$("ul.tabs li").click(function() {
		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab-content").hide(); //Hide all tab content
		var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active content
		return false;
	});


});