// JavaScript Document

var pheading;
var pnumrows;
var pnumcols;
var tablecolor;
var pdata = new Array();
var pcolcolor = new Array();
var prowcolor = new Array();
var prowweight = new Array();
var prowstyle = new Array();
tablecolor = "teal";

function createTable()
{
numrows = document.getElementById("numrows").value;
numcols = document.getElementById("numcols").value;
tablecolor = document.getElementById("tablecolor").value;
pnumrows = numrows;
pnumcols = numcols;
numrows = parseInt(numrows);
//bod = "<h3>"+heading+"</h3>";
bod = "";
bod = bod + "<table border=1>";
bodh = '&nbsp;';
for(i=0;i<numrows+1;i++)
{
	if(i==0)
	{
	bod = bod + "<tr style='font-weight:bold;'>";	
	}else bod = bod+"<tr>";
	bod = bod + "<tr>";
	for(j=0;j<numcols;j++)
	{
		bod = bod+ "<td>";
		bod = bod + "<input value='C["+i+"]["+j+"]' id='c("+i+")("+j+")'/>";
		bod = bod+ "</td>";
	}
	bod = bod+ "</tr>";
}

bod =bod+ "</table>";
bod = bod+"<button style='background-color:#EABC04;border:0px;' onClick='setData()'>Set Data</button>&nbsp &nbsp";
bod = bod+"<button style='background-color:#EABC04;border:0px;' onClick='getCols()'>Format Columns</button>";
	document.getElementById("preview").innerHTML = bod;

}


function getCols()
{
	bod =  "<table border =0><tr>"	
	bod = bod + "<td><select name='colsddwn' id='colsddwn'>";
	numcols = parseInt(pnumcols);
	numrows = parseInt(pnumrows)+1;
	for(i=1;i<=pnumcols;i++)
	{
	bod = bod+"<option value = "+i+">column "+i+"</option>";
	pcolcolor[i] = tablecolor;
	}
	bod = bod+"</select></td>";
	bod = bod+"<td><input name='colcolor' id='colcolor' value='#' style='font-family:arial'></input></td><br/>";
	bod = bod+"<td></td></tr>"
	bod = bod+"<tr><td><select name='rowsddwn' id='rowsddwn'>";
	for(i=1;i<=numrows;i++)
	{
		bod = bod+"<option value = "+i+">row "+i+"</option>";
		prowcolor[i] = tablecolor;
		prowweight[i] = 'normal';
		prowstyle[i] = 'normal';
	}
	bod = bod+"</select></td>";
	
	bod = bod+"<td><input name='rowcolor' id='rowcolor' value='#'></td><br/>";
	bod = bod+"<td><select name='rowweight' id='rowweight'>";
	bod = bod+"<option value ='normal'>regular</option>";
	bod = bod+"<option value ='bold'>bold</option>";
	bod = bod+"</select></td>";
	bod = bod+"<td><select name='rowfont' id='rowfont'>";
	bod = bod+"<option value ='normal'>normal</option>";
	bod = bod+"<option value ='italic'>italic</option>";
	bod = bod+"<option value ='oblique'>oblique</option>";
	bod = bod+"</select></td></tr>"
	bod = bod+"<tr><td><button style='background-color:#EABC04;border:0px;' onClick='colorCols()'>Previe Table</button></td><td></td><td></td></tr></table>";
	document.getElementById("formatcols").innerHTML = bod;
	
}

function setData()
{
	var k = new Number;
	k=0;
	var tval = new Array();
	var i = new Number;
	var j = new Number;
	for(i=0;i<pnumrows+1;i++)
	{
		try{
		for(j=0;j<pnumcols;j++)
		{
				pdata[k]=0;
				pdata[k] = document.getElementById("c("+i+")("+j+")").value; 
				k++;
		}}catch(e){}
	}
//	pdata = tval;
//	bod1 = document.getElementById("preview").innerHTML ;
//	bod1 = bod1+ "<button onClick='saveTabledata()'>save table data</button>";

//	document.getElementById("preview").innerHTML = bod1;
}

function colorCols()
{
numrows = parseInt(pnumrows);
numrows = numrows+1;
numcols = parseInt(pnumcols);
colnum = document.getElementById("colsddwn").value;
rownum = document.getElementById("rowsddwn").value;
colnum=parseInt(colnum);
colcolor = document.getElementById("colcolor").value;
rowcolor = document.getElementById("rowcolor").value;
rowweight = document.getElementById("rowweight").value;
rowstyle = document.getElementById("rowfont").value;
//alert(rowcolor);
//alert(rowstyle);
pcolcolor[colnum-1] = colcolor;
prowcolor[rownum] = rowcolor;
prowweight[rownum] = rowweight;
prowstyle[rownum] = rowstyle;
var tdata;
bod = "<table>";
var k = new Number;
k=0;
var tval = new Array();
var i = new Number;
var j = new Number;
for(i=0;i<numrows;i++)
{
	bod = bod + "<tr style = 'background-color:"+prowcolor[i+1]+";'>";
//	alert(prowcolor[i+1]);
	for(j=0;j<numcols;j++)
	{
		if( i == rownum-1 )
		{
		bod = bod+ "<td style = 'font-family:arial;background-color:"+rowcolor+";font-weight:"+prowweight[rownum]+";font-style:"+prowstyle[rownum]+";'>";
		}
		else
		{
		bod = bod+ "<td style = 'background-color:"+pcolcolor[j]+";'>";
		}
		bod = bod+ pdata[k];
		id = "c("+i+")("+j+")";
		k++;
		bod = bod+ "</td>";
	}
	bod = bod+ "</tr>";
}
bod = bod + "</table>";
document.getElementById("preview").innerHTML = '';
document.getElementById("preview").innerHTML = bod;
document.getElementById("textarea").innerHTML = "<textarea cols='50' rows='10'>"+bod+"</textarea>";
//alert(document.getElementById("preview").innerHTML);
}

function checkBrowser()
{
	try
		{
		// Firefox, Opera 8.0+, Safari
			xmlObj=new XMLHttpRequest();
			ie="no";
		}
		catch (e)
		{
		// Internet Explorer
		//	alert("not firefox");
		document.write("<form name='form1'>");
		ie = "yes";
		}
		return ie;

//		alert(navigator.appName."is the browser");
}