$(document).ready(function(){
	$('.inputField').focus(function(){
		if($(this).val()==$(this).attr('id')){
			$(this).val('');
		}
	});
	$(".inputField").bind("blur", function(){
		if($(this).val() == "") $(this).val(this.id);
	});
	
	$('.main li:has(ul) > a').addClass('more'); //Tursi vsqko LI, v koeto ima UL i LI e roditelski element na A. Ako sa izpylneni usloviqta, dobavq na A class "more". Taka ako v LI imame UL, shte stava qsno, che imame submenu i shte podtikvame user-a da click-a.
	//$('a.more').append('<span class="arrow">&nbsp;&nbsp;&raquo;</span>'); //S tozi red dobavqme strelkichki na vsqko A, koeto ima class "more".
	$('.main li').hover(function () {
			$(this).find('ul:first').stop(true, true).animate({opacity: 'toggle', height: 'toggle'}, 200).addClass('active_list');
	}, function () {
		$(this).children('ul.active_list').stop(true, true).animate({opacity: 'toggle', height: 'toggle'}, 200).removeClass('active_list');
	});	 // Gornite nqkolko reda predstavlqvat effecta na slide up & down. Vajno e da go zadadem za vsqko pyrvo UL. V red 6-ti tyrsim pyrvoto UL, koeto se namira w .navmenu LI i mu puskame animaciq, koqto go slide-va nadolu i mu dobavq class "active_list". V red 8 (koito predstavlqva hover out), tyrsim UL, koeto veche ima class "active_list" i kazvame ako mishoka ne e vyrhu nego da se izpylni animaciqta i da se premahne class-a "active_list". Po tozi nachin ako mrydnem mishkata vstrani menu-to shte se zatvori.
	$('#imagesScroll').jcarousel({
		wrap: 'circular'
	});
	$('#imagesScroll1').jcarousel({
		wrap: 'circular',
		scroll: 2
	});
	
	$('#bannersFrontpage').after('<div id="nav">').cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		timeout: 5000, 
		pager:  '#nav' 
	});
	
	$("#SendEnquiry").bind("click", function(){
		
		var title = $("select[name=title]").val();
		var forename = $("input[name=forename]").val();
		var surname = $("input[name=surname]").val();
		var phone = $("input[name=phone]").val();
		var mobile = $("input[name=mobile]").val();
		var like_to_do = $("select[name=like_to_do]").val();
		var request_brochure = $("select[name=request_brochure]").val();
		var interested_procedure = $("select[name=interested_procedure]").val();
		var hear_about_us = $("select[name=hear_about_us]").val();
		var nearest_clinic = $("select[name=nearest_clinic]").val();
		var email = $("input[name=email]").val();
		
		var error1 = false;
		var error2 = false;
		var error3 = false;
		var error4 = false;
		var error5 = false;
		var error6 = false;
		var error7 = false;
		var error8 = false;
		var error9 = false;
		var error10 = false;
		var error11 = false;
		
		$(".errorMessage").slideUp("slow");
		
		if ( title != ""){
			error1 = true;
		}else{
			$("#error1").slideDown("slow");
			error1 = false;
		}
		
		if ( forename != ""){
			error2 = true;
		}else{
			$("#error2").slideDown("slow");
			error2 = false;
		}
		
		if ( surname != ""){
			error3 = true;
		}else{
			$("#error3").slideDown("slow");
			error3 = false;
		}
		
		if ( phone != ""){
			error4 = true;
		}else{
			$("#error4").slideDown("slow");
			error4 = false;
		}
		
		if ( mobile != ""){
			error5 = true;
		}else{
			$("#error5").slideDown("slow");
			error5 = false;
		}
		/*
		if ( like_to_do != ""){
			error6 = true;
		}else{
			$("#error6").slideDown("slow");
			error6 = false;
		}
		
		if ( request_brochure != ""){
			error7 = true;
		}else{
			$("#error7").slideDown("slow");
			error7 = false;
		}
		
		if ( interested_procedure != ""){
			error8 = true;
		}else{
			$("#error8").slideDown("slow");
			error8 = false;
		}
		
		if ( hear_about_us != ""){
			error9 = true;
		}else{
			$("#error9").slideDown("slow");
			error9 = false;
		}
		
		if ( nearest_clinic != ""){
			error10 = true;
		}else{
			$("#error10").slideDown("slow");
			error10 = false;
		}
		*/
		if ( email != ""){
			error11 = true;
		}else{
			$("#error11").slideDown("slow");
			error11 = false;
		}
		
		if ( error1 && error2 && error3 && error4 && error5   && error11){
			//alert("true");&& error6 && error7 && error8 && error9 && error10
			document.enquiry.submit();
		}else{
			//alert("false");
			return false;
		}
		
	});
	
	$(".years").bind("click", function(){
		$(".months").hide();
		var years = $(this).attr("name");
		$("#"+years).slideDown("slow");
		$(".months").bind("click", function(){
			var months = $(this).attr("name");
			$("#"+months).slideDown("slow");
		});
	});
	
	$("#tabShow2").hide();
	$("#tab2").css("padding", "20px");
	$("#tab2").animate({width: '340px'});
	$(".tab").bind("click", function(){
		$(".tab").show();
		var index = $(".tab").index(this);
		var total_count = $(".tabOpen").size();
		$(".tabOpen").each(function(i){
			if ($("#tab"+i).css("width") == "340px" && $("#tab"+i).css("display") == "block"){
				if (i != (total_count-1)){
					$("#tab"+i).css("padding", "0px");
					$("#tab"+i).animate({width: "0px"})
				}else{
					$("#tab"+i).hide();
				}
			}
		});
		$("#tabShow"+index).hide();
		$("#tab"+index).css("padding", "20px");
		$("#tab"+index).animate({width: '340px'});
		
	});
});
