$(document).ready(function()
{

//changeContent(1)

$('.page-content').fadeIn(1100);


/*$('#myCarousel ul li').click(function (e) {
	
	changeContent(e.target.alt);
	
	
	
	});*/

//------SCROLL PANE-------
$('.scroll-pane').jScrollPane({showArrows: true});
//-------------
var form = $("#commentForm");  
var name = $("#cname");  
var mail = $("#cmail");  
var object = $("#cobject");  
var message = $("#cmessage");  


function validateName()
{  
    if(name.val().length < 4){  
        name.addClass("error");  
        return false;  
    }  
    else{  
        name.removeClass("error");  
        return true;  
    }  
}  
function validateMail()
{  
	var a = $("#cmail").val();
	var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;

		//if it's valid email

		if(filter.test(a)){

			mail.removeClass("error");

			return true;

		}
		else{

			mail.addClass("error");

			return false;

		}
}  
function validateObject()
{  
    if(object.val().length < 4){  
        object.addClass("error");  
        return false;  
    }  
    else{  
        object.removeClass("error");  
        return true;  
    }  
}  
function validateMessage()
{  
    if(message.val().length < 4){  
        message.addClass("error");  
        return false;  
    }  
    else{  
        message.removeClass("error");  
        return true;  
    }  
}  

name.blur(validateName);  
name.keyup(validateName);  
mail.blur(validateMail);  
mail.keyup(validateMail);  
object.blur(validateObject);  
object.keyup(validateObject);  
message.blur(validateMessage);  
message.keyup(validateMessage);  


	$(".submit").click(
		function()
		{
			if(validateName() && validateMail() && validateObject() && validateMessage())  
			{
				var dataString = 'name='+ name.attr('value')+ '&mail=' + mail.attr('value')   + '&object=' + object.attr('value')  + '&message=' + message.val(); 
				alert("submit" + dataString)  
				
				$.ajax({
				type: "POST",
				url: "validation.php",
				data: dataString,
				success: function(data) {
					form.html('<div id="message"></div>');
					$('#message').html(data)
					.hide()
					.fadeIn(1500);
				}
				
				});
				return false;
			}
			else { return false;}

		}
	)
});


function changeContent(e)
{
	$('#myCarousel li').removeClass('on');
	$('#myCarousel li img[alt='+e+']').parent().addClass('on');
		
	$('.txt-content div').hide();
	$('.txt-content div[class='+e+']').fadeIn(1000);
		
	$("#visuelpart img").hide();
	$('#visuelpart img[alt='+e+']').fadeIn(1000);
	//if($("#visuelpart img").hasattr("alt") == e) $("#visuelpart img").show();
}