$(document).ready(function() {
//Dragable vacaion UI
	var order;
	$("#vacation-table").tableDnD({
	    onDragClass: "myDragClass",
	    onDrop: function(table, row) {
			order=$("#vacation-table").tableDnDSerialize();
			//alert(order);
			$("#vacation-order").val(order);
	    }
	});
	
	$("#vacation-table tr").hover(function() {
          $(this).find("td").addClass('vacation-table-hover');
    }, function() {
          $(this).find("td").removeClass('vacation-table-hover');
    });

	
	$("#edit-vacation").ajaxForm(function() { 
		$("#vacation-complete").fadeIn();
    }); 

//Add an attraction to a vacation
	$(".add-link").click(
		function() {
			$("#interact-box").find("div").hide();
			$("#add-to-vacation").fadeIn();
		}
	);
	
	$(".cancel-add").click(
		function() {
			$("#add-to-vacation").fadeOut();
			return false;
		}
	);
	
	$("#add-attraction").ajaxForm(function() { 
		$("#add-attraction").fadeOut();
		$("#add-complete").show();
    });

//Rate something
	$(".rate-link").click(
		function() {
			$("#interact-box").find("div").hide();
			$("#rate-box").fadeIn();
		}
	);
	
	$(".cancel-rate").click(
		function() {
			$("#rate-box").fadeOut();
			return false;
		}
	);
	
	$("#rate-box-form").ajaxForm(function() { 
		$("#rate-box-form").fadeOut();
		$("#rate-complete").show();
    }); 

//Edit something
	$(".edit-link").click(
		function() {
			$("#interact-box").find("div").hide();
			$("#info").fadeOut();
			$("#form").fadeIn();
		}
	);
	
	$(".edit-form").ajaxForm(function() { 
		$(".edit-form").fadeOut();
		$(".thanks").show();
    });

//Comment on something	
	$(".comment-link").click(
		function() {
			$("#interact-box").find("div").hide();
			$("#comment-box").fadeIn();
			$(".add-comment").hide();
		}
	);
	
	$(".cancel-link").click(
		function() {
			$("#attraction-form").fadeOut();
			$("#attraction-info").fadeIn();
		}
	);
	
	$(".cancel-comment").click(
		function() {
			$("#comment-box").fadeOut();
			return false;
		}
	);
	
	$("#comment-form").ajaxForm(function() { 
		$("#comment-form").fadeOut();
		$("#thanks-comment").show();
    });
	
//Fancyboxes
	$("#register-link").fancybox();
	$("#facebook-login-link").fancybox();

//Images with hover effects
	$(".rollover").hover(
		function() {
			this.src = this.src.replace("-off","-on");
		},
		function() {
			this.src = this.src.replace("-on","-off");
		}
	);
	
//Pretty Photo Image Gallery	
	$("a[rel^='prettyPhoto']").prettyPhoto();
});