/* 



	Tablecloth 

	written by Alen Grakalic, provided by Css Globe (cssglobe.com)

	please visit http://cssglobe.com/lab/tablecloth/

	

*/



this.tablecloth = function(){

	

	// CONFIG 

	

	// if set to true then mouseover a table cell will highlight entire column (except sibling headings)

	var highlightCols = false;

	

	// if set to true then mouseover a table cell will highlight entire row	(except sibling headings)

	var highlightRows = false;	

	

	// if set to true then click on a table sell will select row or column based on config

	var selectable = false;

	

	// this function is called when 

	// add your own code if you want to add action 

	// function receives object that has been clicked 

	this.clickAction = function(obj){

		//alert(obj.innerHTML);

		

	};





	

	// END CONFIG (do not edit below this line)

	

	

	var tableover = false;

	this.start = function(){

		var tables = document.getElementsByTagName("table");

		for (var i=0;i<tables.length;i++){

			tables[i].onmouseover = function(){tableover = true};

			tables[i].onmouseout = function(){tableover = false};			

			rows(tables[i]);

		};

	};

	

	this.rows = function(table){

		var css = "";

		var tr = table.getElementsByTagName("tr");

		for (var i=0;i<tr.length;i++){

			css = (css == "odd") ? "even" : "odd";

			tr[i].className = css;

			var arr = new Array();

			for(var j=0;j<tr[i].childNodes.length;j++){				

				if(tr[i].childNodes[j].nodeType == 1) arr.push(tr[i].childNodes[j]);

			};		

			for (var j=0;j<arr.length;j++){				

				arr[j].row = i;

				arr[j].col = j;

				if(arr[j].innerHTML == "&nbsp;" || arr[j].innerHTML == "") arr[j].className += " empty";					

				arr[j].css = arr[j].className;

				arr[j].onmouseover = function(){

					over(table,this,this.row,this.col);

				};

				arr[j].onmouseout = function(){

					out(table,this,this.row,this.col);

				};

				arr[j].onmousedown = function(){

					down(table,this,this.row,this.col);

				};

				arr[j].onmouseup = function(){

					up(table,this,this.row,this.col);

				};				

				arr[j].onclick = function(){

					click(table,this,this.row,this.col);

				};								

			};

		};

	};

	

	// appyling mouseover state for objects (th or td)

	this.over = function(table,obj,row,col){

		if (!highlightCols && !highlightRows) obj.className = obj.css + " over";  

		if(check1(obj,col)){

			if(highlightCols) highlightCol(table,obj,col);

			if(highlightRows) highlightRow(table,obj,row);		

		};

	};

	// appyling mouseout state for objects (th or td)	

	this.out = function(table,obj,row,col){

		if (!highlightCols && !highlightRows) obj.className = obj.css; 

		unhighlightCol(table,col);

		unhighlightRow(table,row);

	};

	// appyling mousedown state for objects (th or td)	

	this.down = function(table,obj,row,col){

		obj.className = obj.css + " down";  

	};

	// appyling mouseup state for objects (th or td)	

	this.up = function(table,obj,row,col){

		obj.className = obj.css + " over";  

	};	

	// onclick event for objects (th or td)	

	this.click = function(table,obj,row,col){

		if(check1){

			if(selectable) {

				unselect(table);	

				if(highlightCols) highlightCol(table,obj,col,true);

				if(highlightRows) highlightRow(table,obj,row,true);

				document.onclick = unselectAll;

			}

		};

		clickAction(obj); 		

	};		

	

	this.highlightCol = function(table,active,col,sel){

		var css = (typeof(sel) != "undefined") ? "selected" : "over";

		var tr = table.getElementsByTagName("tr");

		for (var i=0;i<tr.length;i++){	

			var arr = new Array();

			for(j=0;j<tr[i].childNodes.length;j++){				

				if(tr[i].childNodes[j].nodeType == 1) arr.push(tr[i].childNodes[j]);

			};							

			var obj = arr[col];

			if (check2(active,obj) && check3(obj)) obj.className = obj.css + " " + css; 		

		};

	};

	this.unhighlightCol = function(table,col){

		var tr = table.getElementsByTagName("tr");

		for (var i=0;i<tr.length;i++){

			var arr = new Array();

			for(j=0;j<tr[i].childNodes.length;j++){				

				if(tr[i].childNodes[j].nodeType == 1) arr.push(tr[i].childNodes[j])

			};				

			var obj = arr[col];

			if(check3(obj)) obj.className = obj.css; 

		};

	};	

	this.highlightRow = function(table,active,row,sel){

		var css = (typeof(sel) != "undefined") ? "selected" : "over";

		var tr = table.getElementsByTagName("tr")[row];		

		for (var i=0;i<tr.childNodes.length;i++){		

			var obj = tr.childNodes[i];

			if (check2(active,obj) && check3(obj)) obj.className = obj.css + " " + css; 		

		};

	};

	this.unhighlightRow = function(table,row){

		var tr = table.getElementsByTagName("tr")[row];		

		for (var i=0;i<tr.childNodes.length;i++){

			var obj = tr.childNodes[i];			

			if(check3(obj)) obj.className = obj.css; 			

		};

	};

	this.unselect = function(table){

		tr = table.getElementsByTagName("tr")

		for (var i=0;i<tr.length;i++){

			for (var j=0;j<tr[i].childNodes.length;j++){

				var obj = tr[i].childNodes[j];	

				if(obj.className) obj.className = obj.className.replace("selected","");

			};

		};

	};

	this.unselectAll = function(){

		if(!tableover){

			tables = document.getElementsByTagName("table");

			for (var i=0;i<tables.length;i++){

				unselect(tables[i])

			};		

		};

	};	

	this.check1 = function(obj,col){

		return (!(col == 0 && obj.className.indexOf("empty") != -1));

	}

	this.check2 = function(active,obj){

		return (!(active.tagName == "TH" && obj.tagName == "TH")); 

	};

	this.check3 = function(obj){

		return (obj.className) ? (obj.className.indexOf("selected") == -1) : true; 

	};	

	

	start();

	

};



/* script initiates on page load. */

window.onload = tablecloth;