// DATA_TEMPLATE: empty_table

oTest.fnStart( "aoColumns.bVisible" );



$(document).ready( function () {

	/* Check the default */

	var oTable = $('#example').dataTable( {

		"sAjaxSource": "../../../examples/ajax/sources/objects.txt",

		"aoColumns": [

			{ "mData": "engine" },

			{ "mData": "browser" },

			{ "mData": "platform" },

			{ "mData": "version" },

			{ "mData": "grade" }

		]

	} );

	var oSettings = oTable.fnSettings();

	

	oTest.fnWaitTest( 

		"All columns are visible by default",

		null,

		function () { return $('#example tbody tr:eq(0) td').length == 5; }

	);

	

	oTest.fnWaitTest( 

		"Can hide one column and it removes td column from DOM",

		function () {

			oSession.fnRestore();

			$('#example').dataTable( {

				"sAjaxSource": "../../../examples/ajax/sources/objects.txt",

				"aoColumns": [

					{ "mData": "engine" },

					{ "mData": "browser", "bVisible": false },

					{ "mData": "platform" },

					{ "mData": "version" },

					{ "mData": "grade" }

				]

			} );

		},

		function () { return $('#example tbody tr:eq(0) td').length == 4; }

	);

	

	oTest.fnWaitTest( 

		"Can hide one column and it removes thead th column from DOM",

		null,

		function () { return $('#example thead tr:eq(0) th').length == 4; }

	);

	

	oTest.fnWaitTest( 

		"The correct thead column has been hidden",

		null,

		function () {

			var jqNodes = $('#example thead tr:eq(0) th');

			var bReturn = 

				jqNodes[0].innerHTML == "Rendering engine" &&

				jqNodes[1].innerHTML == "Platform(s)" &&

				jqNodes[2].innerHTML == "Engine version" &&

				jqNodes[3].innerHTML == "CSS grade";

			return bReturn;

		}

	);

	

	oTest.fnWaitTest( 

		"The correct tbody column has been hidden",

		function () {

			oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } );

		},

		function () {

			var jqNodes = $('#example tbody tr:eq(0) td');

			var bReturn = 

				jqNodes[0].innerHTML == "Gecko" &&

				jqNodes[1].innerHTML == "Gnome" &&

				jqNodes[2].innerHTML == "1.8" &&

				jqNodes[3].innerHTML == "A";

			return bReturn;

		}

	);

	

	

	oTest.fnWaitTest( 

		"Can hide multiple columns and it removes td column from DOM",

		function () {

			oSession.fnRestore();

			$('#example').dataTable( {

				"sAjaxSource": "../../../examples/ajax/sources/objects.txt",

				"aoColumns": [

					{ "mData": "engine" },

					{ "mData": "browser", "bVisible": false },

					{ "mData": "platform", "bVisible": false },

					{ "mData": "version" },

					{ "mData": "grade", "bVisible": false }

				]

			} );

		},

		function () { return $('#example tbody tr:eq(0) td').length == 2; }

	);

	

	oTest.fnWaitTest( 

		"Multiple hide - removes thead th column from DOM",

		null,

		function () { return $('#example thead tr:eq(0) th').length == 2; }

	);

	

	oTest.fnWaitTest( 

		"Multiple hide - the correct thead columns have been hidden",

		null,

		function () {

			var jqNodes = $('#example thead tr:eq(0) th');

			var bReturn = 

				jqNodes[0].innerHTML == "Rendering engine" &&

				jqNodes[1].innerHTML == "Engine version"

			return bReturn;

		}

	);

	

	oTest.fnWaitTest( 

		"Multiple hide - the correct tbody columns have been hidden",

		function () {

			oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } );

		},

		function () {

			var jqNodes = $('#example tbody tr:eq(0) td');

			var bReturn = 

				jqNodes[0].innerHTML == "Gecko" &&

				jqNodes[1].innerHTML == "1"

			return bReturn;

		}

	);

	

	

	oTest.fnComplete();

} );