$(document).ready(function() {
	
	
	
	// Initialise the first table (as before)
	$("#table-1").tableDnD();
	$("#table-2").tableDnD();
	$("#table-3").tableDnD();
	$("#table-4").tableDnD();
	$("#table-5").tableDnD();
	$("#table-6").tableDnD();
	$("#table-7").tableDnD();
	
	// Make a nice striped effect on the table
	$("#table-2 tr:even").addClass("alt");
	// Initialise the second table specifying a dragClass and an onDrop function that will display an alert
	$("#table-1").tableDnD({
	    onDragClass: "myDragClass",
	    onDrop: function(table, row) {
            var rows = table.tBodies[0].rows;
            var debugStr = "Row dropped was "+row.id+". New order: ";
            for (var i=0; i<rows.length; i++) {
                debugStr += rows[i].id+" ";
            }
	        $("#debugArea").html(debugStr);
	    },
		onDragStart: function(table, row) {
			$("#debugArea").html("Started dragging row "+row.id);
		}
	});

$("#table-2").tableDnD({
	    onDragClass: "myDragClass",
	    onDrop: function(table, row) {
            var rows = table.tBodies[0].rows;
            var debugStr = "Row dropped was "+row.id+". New order: ";
            for (var i=0; i<rows.length; i++) {
                debugStr += rows[i].id+" ";
            }
	        $("#debugArea").html(debugStr);
	    },
		onDragStart: function(table, row) {
			$("#debugArea").html("Started dragging row "+row.id);
		}
	});

$("#table-3").tableDnD({
	    onDragClass: "myDragClass",
	    onDrop: function(table, row) {
            var rows = table.tBodies[0].rows;
            var debugStr = "Row dropped was "+row.id+". New order: ";
            for (var i=0; i<rows.length; i++) {
                debugStr += rows[i].id+" ";
            }
	        $("#debugArea").html(debugStr);
	    },
		onDragStart: function(table, row) {
			$("#debugArea").html("Started dragging row "+row.id);
		}
	});

$("#table-4").tableDnD({
	    onDragClass: "myDragClass",
	    onDrop: function(table, row) {
            var rows = table.tBodies[0].rows;
            var debugStr = "Row dropped was "+row.id+". New order: ";
            for (var i=0; i<rows.length; i++) {
                debugStr += rows[i].id+" ";
            }
	        $("#debugArea").html(debugStr);
	    },
		onDragStart: function(table, row) {
			$("#debugArea").html("Started dragging row "+row.id);
		}
	});

$("#table-5").tableDnD({
	    onDragClass: "myDragClass",
	    onDrop: function(table, row) {
            var rows = table.tBodies[0].rows;
            var debugStr = "Row dropped was "+row.id+". New order: ";
            for (var i=0; i<rows.length; i++) {
                debugStr += rows[i].id+" ";
            }
	        $("#debugArea").html(debugStr);
	    },
		onDragStart: function(table, row) {
			$("#debugArea").html("Started dragging row "+row.id);
		}
	});

$("#table-6").tableDnD({
	    onDragClass: "myDragClass",
	    onDrop: function(table, row) {
            var rows = table.tBodies[0].rows;
            var debugStr = "Row dropped was "+row.id+". New order: ";
            for (var i=0; i<rows.length; i++) {
                debugStr += rows[i].id+" ";
            }
	        $("#debugArea").html(debugStr);
	    },
		onDragStart: function(table, row) {
			$("#debugArea").html("Started dragging row "+row.id);
		}
	});

$("#table-7").tableDnD({
	    onDragClass: "myDragClass",
	    onDrop: function(table, row) {
            var rows = table.tBodies[0].rows;
            var debugStr = "Row dropped was "+row.id+". New order: ";
            for (var i=0; i<rows.length; i++) {
                debugStr += rows[i].id+" ";
            }
	        $("#debugArea").html(debugStr);
	    },
		onDragStart: function(table, row) {
			$("#debugArea").html("Started dragging row "+row.id);
		}
	});


		$('#table-1').tableDnD({
	    onDrop: function(table, row) {
	      //  alert("Result of $.tableDnD.serialise() is "+$.tableDnD.serialize());
		  //  $('#AjaxResult').load("http://test.finanstrend.com/tablotest/ajaxTest.php?"+$.tableDnD.serialize());
		    $('#AjaxResult').load("http://www.finanstrend.com/ajaxTest.asp?"+$.tableDnD.serialize());
        }
	}); 
	
		$('#table-2').tableDnD({
	    onDrop: function(table, row) {
	       // alert("Result of $.tableDnD.serialise() is "+$.tableDnD.serialize());
		  //  $('#AjaxResult').load("http://test.finanstrend.com/tablotest/ajaxTest.php?"+$.tableDnD.serialize());
		    $('#AjaxResult').load("http://www.finanstrend.com/ajaxTest.asp?"+$.tableDnD.serialize());
        }
	}); 
		
			$('#table-3').tableDnD({
	    onDrop: function(table, row) {
	       // alert("Result of $.tableDnD.serialise() is "+$.tableDnD.serialize());
		  //  $('#AjaxResult').load("http://test.finanstrend.com/tablotest/ajaxTest.php?"+$.tableDnD.serialize());
		    $('#AjaxResult').load("http://www.finanstrend.com/ajaxTest.asp?"+$.tableDnD.serialize());
        }
	}); 
				$('#table-4').tableDnD({
	    onDrop: function(table, row) {
	      //  alert("Result of $.tableDnD.serialise() is "+$.tableDnD.serialize());
		  //  $('#AjaxResult').load("http://test.finanstrend.com/tablotest/ajaxTest.php?"+$.tableDnD.serialize());
		    $('#AjaxResult').load("http://www.finanstrend.com/ajaxTest.asp?"+$.tableDnD.serialize());
        }
	}); 
				$('#table-5').tableDnD({
	    onDrop: function(table, row) {
	       // alert("Result of $.tableDnD.serialise() is "+$.tableDnD.serialize());
		  //  $('#AjaxResult').load("http://test.finanstrend.com/tablotest/ajaxTest.php?"+$.tableDnD.serialize());
		    $('#AjaxResult').load("http://www.finanstrend.com/ajaxTest.asp?"+$.tableDnD.serialize());
        }
	}); 
				
				$('#table-6').tableDnD({
	    onDrop: function(table, row) {
	       // alert("Result of $.tableDnD.serialise() is "+$.tableDnD.serialize());
		  //  $('#AjaxResult').load("http://test.finanstrend.com/tablotest/ajaxTest.php?"+$.tableDnD.serialize());
		    $('#AjaxResult').load("http://www.finanstrend.com/ajaxTest.asp?"+$.tableDnD.serialize());
        }
	}); 
				
				$('#table-7').tableDnD({
	    onDrop: function(table, row) {
	       // alert("Result of $.tableDnD.serialise() is "+$.tableDnD.serialize());
		  //  $('#AjaxResult').load("http://test.finanstrend.com/tablotest/ajaxTest.php?"+$.tableDnD.serialize());
		    $('#AjaxResult').load("http://www.finanstrend.com/ajaxTest.asp?"+$.tableDnD.serialize());
        }
	}); 
	
	//$('#table-4').tableDnD(); // no options currently
	
	//$('#table-5').tableDnD({
//        onDrop: function(table, row) {
//            //alert($('#table-5').tableDnDSerialize());
//        },
//        dragHandle: "dragHandle"
//    });
//
//    $("#table-5 tr").hover(function() {
 //         $(this.cells[0]).addClass('showDragHandle');
 //   }, function() {
 //         $(this.cells[0]).removeClass('showDragHandle');
 //   });
    
});