var photos = {

	message: null,

	open: function (dialog) {

		// add padding to the buttons in firefox/mozilla
	
		if ($.browser.mozilla) {

			$('#photos-container .photos-button').css({

				'padding-bottom': '2px'

			});

		}

		// input field font size

		if ($.browser.safari) {

			$('#photos-container .photos-input').css({

				'font-size': '.9em'

			});

		}



		// dynamically determine height

		var h = 510;

		if ($('#photos-subject').length) {

			h += 26;

		}

		if ($('#photos-cc').length) {

			h += 22;

		}



		var title = $('#photos-container .photos-title').html();

		$('#photos-container .photos-title').html('Loading...');

		dialog.overlay.fadeIn(200, function () {

			dialog.container.fadeIn(200, function () {

				dialog.data.fadeIn(200, function () {

					$('#photos-container .photos-content').animate({

						height: h

					}, function () {

						$('#photos-container .photos-title').html(title);

						$('#photos-container form').fadeIn(200, function () {

							$('#photos-container #photos-name').focus();



							$('#photos-container .photos-cc').click(function () {

								var cc = $('#photos-container #photos-cc');

								cc.is(':checked') ? cc.attr('checked', '') : cc.attr('checked', 'checked');

							});



							// fix png's for IE 6

							if ($.browser.msie && $.browser.version < 7) {

								$('#photos-container .photos-button').each(function () {

									if ($(this).css('backgroundImage').match(/^url[("']+(.*\.png)[)"']+$/i)) {

										var src = RegExp.$1;

										$(this).css({

											backgroundImage: 'none',

											filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' +  src + '", sizingMethod="crop")'

										});

									}

								});

							}

						});

					});

				});

			});

		});

	},

	show: function (dialog) {

		$("a").click(function() {
			var theid= $(this).attr("id") ;
			if (theid.substring(0,6)=="visuel") {
				var lesnum = theid.substring(7,theid.length) ;
				
				var index_num_visu = lesnum.indexOf("_") ;
				var num_visu = lesnum.substr(0,1) ;
				var id_article = lesnum.substr(2,lesnum.length) ;
				
				
				$("#img_"+id_article).attr("src","getimage.php?num="+num_visu+"&id="+id_article);
			}
		}) ;	


		$('#photos-container .photos-send').click(function (e) {

			e.preventDefault();

			// validate form

			if (photos.validate()) {

				var msg = $('#photos-container .photos-message');

				msg.fadeOut(function () {

					msg.removeClass('photos-error').empty();

				});

				$('#photos-container .photos-title').html('Sending...');

				$('#photos-container form').fadeOut(200);

				$('#photos-container .photos-content').animate({

					height: '80px'

				}, function () {

					$('#photos-container .photos-loading').fadeIn(200, function () {

						$.ajax({

							url: 'data/photos.php',

							data: $('#photos-container form').serialize() + '&action=send',

							type: 'post',

							cache: false,

							dataType: 'html',

							success: function (data) {

								$('#photos-container .photos-loading').fadeOut(200, function () {

									$('#photos-container .photos-title').html('Thank you!');

									msg.html(data).fadeIn(200);

								});

							},

							error: photos.error

						});

					});

				});

			}

			else {

				if ($('#photos-container .photos-message:visible').length > 0) {

					var msg = $('#photos-container .photos-message div');

					msg.fadeOut(200, function () {

						msg.empty();

						photos.showError();

						msg.fadeIn(200);

					});

				}

				else {

					$('#photos-container .photos-message').animate({

						height: '30px'

					}, photos.showError);

				}

				

			}

		});

	},

	close: function (dialog) {

		$('#photos-container .photos-message').fadeOut();

		$('#photos-container .photos-title').html('Goodbye...');

		$('#photos-container form').fadeOut(200);

		$('#photos-container .photos-content').animate({

			height: 40

		}, function () {

			dialog.data.fadeOut(200, function () {

				dialog.container.fadeOut(200, function () {

					dialog.overlay.fadeOut(200, function () {

						$.modal.close();

					});

				});

			});

		});

	},

	error: function (xhr) {

		alert(xhr.statusText);

	},

	validate: function () {

		photos.message = '';

		if (!$('#photos-container #photos-name').val()) {

			photos.message += 'Name is required. ';

		}



		var email = $('#photos-container #photos-email').val();

		if (!email) {

			photos.message += 'Email is required. ';

		}

		else {

			if (!photos.validateEmail(email)) {

				photos.message += 'Email is invalid. ';

			}

		}



		if (!$('#photos-container #photos-message').val()) {

			photos.message += 'Message is required.';

		}



		if (photos.message.length > 0) {

			return false;

		}

		else {

			return true;

		}

	},

	validateEmail: function (email) {

		var at = email.lastIndexOf("@");



		// Make sure the at (@) sybmol exists and  

		// it is not the first or last character

		if (at < 1 || (at + 1) === email.length)

			return false;



		// Make sure there aren't multiple periods together

		if (/(\.{2,})/.test(email))

			return false;



		// Break up the local and domain portions

		var local = email.substring(0, at);

		var domain = email.substring(at + 1);



		// Check lengths

		if (local.length < 1 || local.length > 64 || domain.length < 4 || domain.length > 255)

			return false;



		// Make sure local and domain don't start with or end with a period

		if (/(^\.|\.$)/.test(local) || /(^\.|\.$)/.test(domain))

			return false;



		// Check for quoted-string addresses

		// Since almost anything is allowed in a quoted-string address,

		// we're just going to let them go through

		if (!/^"(.+)"$/.test(local)) {

			// It's a dot-string address...check for valid characters

			if (!/^[-a-zA-Z0-9!#$%*\/?|^{}`~&'+=_\.]*$/.test(local))

				return false;

		}



		// Make sure domain contains only valid characters and at least one period

		if (!/^[-a-zA-Z0-9\.]*$/.test(domain) || domain.indexOf(".") === -1)

			return false;	



		return true;

	},

	showError: function () {

		$('#photos-container .photos-message')

			.html($('<div class="photos-error"></div>').append(photos.message))

			.fadeIn(200);

	}

};