
var divid;
function getdivID() {
	divid=this.id;
	var tableid="";
	var rowid="";
	var cellid="";
	return(divid);
	
}
var tableid="";
function gettabID(oTableObj) {
	tableid=oTableObj.id;
	return(tableid);
}
var rowid="";
var rindex;
function getrowID(oTableObj) {
	rowid=oTableObj.id;
	rindex=oTableObj.rowIndex;
	return(rowid);
}
var cellid="";
var cindex;
function getcellID(oTableObj) {
	cellid=oTableObj.id;
	cindex = oTableObj.cellIndex;
	return(cellid);
}
		
function CreateTable(rows,cols,border,xtra,bcolor,tcolor,ccolor,cspacing,cpadding){
	
	//if (oObj.isContentEditable==true) {
		newid1 = document.uniqueID;
		
		var tablehtml = "<TABLE BORDER=" + border + " BORDERCOLOR=" + bcolor;
		tablehtml += " BGCOLOR=" + tcolor + " CELLSPACING=" + cspacing + " CELLPADDING=" + cpadding;
		//if border is 0 make visible onmouseover by setting border to 1
		if (border == 0) {
			tablehtml += " onmouseover=\"this.style.border='1';this.style.borderStyle='dashed';this.style.borderColor='#000000';\"";
		} else {
			tablehtml += " onmouseover=\"this.style.borderStyle='dashed';this.style.borderColor='#000000';\"";
		}	
		tablehtml += " onmouseout=\"this.style.border='" + border + "';this.style.borderStyle='solid';\"";
		tablehtml += " onClick=\"gettabID(this)\"";
		tablehtml += " id=" + newid1 + " " + xtra + ">";
		for (r=0;r<rows;r++) {
			newid = document.uniqueID;
			tablehtml+= "<TR id=" + newid + " onclick=getrowID(this)>";
			for (c=0;c<cols;c++) {
				newid = document.uniqueID;
				tablehtml += "<TD id=" + newid + " onclick=getcellID(this)";
				tablehtml += " BORDERCOLOR=\"" + bcolor + "\" STYLE=\"background-color:" + ccolor + ";";
				tablehtml += "border:" + border + ";border-style:solid;\"";
				//if border is 0 make visible onmouseover by setting border to 1
				if (border == 0) {
					tablehtml += " onmouseover=\"this.style.border='1';this.style.borderStyle='dashed';this.style.borderColor='#000000';\"";
				} else {
					tablehtml += " onmouseover=\"this.style.borderStyle='dashed';this.style.borderColor='#000000';\"";
				}
				tablehtml += " onmouseout=\"this.style.border='" + border + "';this.style.borderStyle='solid';\"";
				tablehtml += "></TD>";
			}
			tablehtml += "</TR>";
		}
		tablehtml += "</TABLE>";
		tr=document.selection.createRange(); 
		tr.select();
		tr.pasteHTML(tablehtml); 
		
	//}
}


function TablePopup() {
	if (divid) {
		var tablewin; 
		tablewin=window.open("","table_window","status=yes,screenX=80,screenY=80,width=460,height=350") ;
		tablewin.document.open() ;
		k=tablewin.document; 
		k.writeln("<html><head><style> td,body { font-family:Arial; font-size:8pt; } </style>\n");
				
		k.writeln("</head><body bgcolor=white ><center>") ;
		
		k.writeln("<font color=black face=arial size=-1 ><b> Tabel opties:</b></font>") ;
		k.writeln("<FORM METHOD=post NAME=rowform ACTION=\"\" onSubmit=\"opener.CreateTable(document.rowform.rows.value,document.rowform.cols.value,document.rowform.border.value,document.rowform.xtra.value,document.rowform.bordercolor.value,document.rowform.tablecolor.value,document.rowform.ccolor.value,document.rowform.cellspacing.value,document.rowform.cellpadding.value);window.close();\">");
		k.writeln("<TABLE width=100%>");
		k.writeln("<TR><TD>");
		k.writeln("Aantal rijen:</TD><TD><INPUT TYPE=text NAME=rows SIZE=2 MAXLENGTH=2 VALUE=1><BR>");
		k.writeln("</TD></TR><TR><TD>");
		k.writeln("Aantal kolommen:</TD><TD><INPUT TYPE=text NAME=cols SIZE=2 MAXLENGTH=2 VALUE=1><BR>");
		k.writeln("</TD></TR><TR><TD>");
		k.writeln("Border:</TD><TD><INPUT TYPE=text NAME=border SIZE=2 MAXLENGTH=1 VALUE=1><BR>");
		k.writeln("</TD></TR><TR><TD>");
		k.writeln("Borderkleur:</TD><TD><INPUT TYPE=text NAME=bordercolor SIZE=20 MAXLENGTH=20 VALUE=#000000>");
		k.writeln("</TD></TR><TR><TD>");
		k.writeln("tabelkleur:</TD><TD><INPUT TYPE=text NAME=tablecolor SIZE=20 MAXLENGTH=20 VALUE=#FFFFFF>");
		k.writeln("</TD></TR><TR><TD>");
		k.writeln("cellachtergrondkleur:</TD><TD><INPUT TYPE=text NAME=ccolor SIZE=20 MAXLENGTH=20 VALUE=#FFFFFF>");
		k.writeln("</TD></TR><TR><TD>");
		k.writeln("Afstand tussen cellen:</TD><TD><INPUT TYPE=text NAME=cellspacing SIZE=3 MAXLENGTH=3 VALUE=2>Pixels");
		k.writeln("</TD></TR><TR><TD>");
		k.writeln("Afstand tussen celinhoud en celrand:</TD><TD><INPUT TYPE=text NAME=cellpadding SIZE=3 MAXLENGTH=3 VALUE=2>Pixels");
		k.writeln("</TD></TR><TR><TD>");
		k.writeln("Extra opties:</TD><TD><INPUT TYPE=text NAME=xtra SIZE=25 MAXLENGTH=150>(ervaren gebruikers)<BR></TD></TR>");
		k.writeln("</TABLE>");
		k.writeln("<INPUT TYPE=submit VALUE=\"tabel maken\"></FORM>");
		k.writeln("</DIV>");
		k.writeln("</center></body></html>") ;
	} else {
		alert ("Er is geen easyedit blok geselecteerd. Klik eerst in een easyedit blok");
	}
	
	//k.close() ;
	//pal_col.focus() ;
}

function CreateCell(rowid,cindex,divid) {
	//set vars for new cell to adopt
	if (eval(rowid).cells.length > eval(cindex)) {
	
		var bordersz = eval(cellid).style.border;
		var bcolor = eval(cellid).style.backgroundColor;
		var cell = eval(rowid).insertCell(eval(cindex));
	
		//set adopted values
		cell.id = document.uniqueID;
		cell.onclick="getcellID(this)";
		cell.style.border = bordersz;
		cell.style.backgroundColor = bcolor;
		renderhtml(eval(divid)); 
	}else{
		alert("selecteer eerste een plaats waar de cell moet worden toegevoegd");
	}
}

function DeleteCell(rowid,cindex) {
	//alert(eval(cindex));
	//alert(eval(rowid).cells.length);
	if (rowid){
		if (eval(rowid).cells.length > eval(cindex)) {
			eval(rowid).deleteCell(eval(cindex));
		}else{
			alert('selecteerd eerste een cel om te verwijderen');
		}
	}
}

function CreateRow(tableid,rindex,divid) { 
	//set vars for new cell to adopt	
	var bordersz = eval(cellid).style.border;
	var bcolor = eval(cellid).style.backgroundColor;

	var aantal = eval(rowid).cells.length;
	var cols = eval(tableid).cols;
	var row = eval(tableid).insertRow(eval(rindex)); 
	row.id = document.uniqueID;
	row.onclick= "getrowID(this)";
	for (var i=0;i < aantal;i++){
		var cell = row.insertCell(0); 
		cell.id= document.uniqueID;
		cell.onclick="getcellID(this)";
		cell.style.border = bordersz;
		cell.style.backgroundColor = bcolor;
		if (bordersz == 0) {
			cell.onmouseover = "this.style.border='1';this.style.borderStyle='dashed';this.style.borderColor='#000000';";
		} else {
			cell.onmouseover = "this.style.borderStyle='dashed';this.style.borderColor='#000000';";
		}
		cell.onmouseout = "this.style.border='" + bordersz + "';this.style.borderStyle='solid';";
		
	}
	renderhtml(eval(divid)); 
}

function DeleteRow(tableid,rindex) { 
	if (eval(tableid).rows.length > eval(rindex)) {
		eval(tableid).deleteRow(eval(rindex)); 
	} else {
		alert("selecteer een rij om te verwijderen");
	}
}

function CreateCol(tableid,cindex,divid) { 
	//set vars for new cell to adopt
	

	if (eval(cindex) < eval(rowid).cells.length){
		
		var bordersz = eval(cellid).style.border;
		var bcolor = eval(cellid).style.backgroundColor;
		
		var rows = eval(tableid).rows;
		
		for (var i=0;i < rows.length;i++) {
			var cell = rows[i].insertCell(eval(cindex)); 
			cell.id = document.uniqueID;
			cell.onclick = "getcellID(this)"; 
			cell.style.border = bordersz;
			cell.style.backgroundColor = bcolor;
			if (bordersz == 0) {
				cell.onmouseover = "this.style.border='1';this.style.borderStyle='dashed';this.style.borderColor='#000000';";
			} else {
				cell.onmouseover = "this.style.borderStyle='dashed';this.style.borderColor='#000000';";
			}
			cell.onmouseout = "this.style.border='" + bordersz + "';this.style.borderStyle='solid';";
		}
		renderhtml(eval(divid)); 
	}else{
		alert("selecteer eerst een plek waar de nieuwe kolom moet worden ingevoegd");
	}
}

function DeleteCol(tableid,cindex) { 

	var rows = eval(tableid).rows;
	for (var i=0;i < rows.length;i++) {
		if (eval(cindex) < rows[i].cells.length) {
			var cell = rows[i].deleteCell(eval(cindex)); 
		}
	}
}

	
function renderhtml(oObj) {
	oObj.innerHTML=oObj.innerHTML;
}

function InsertImgPopup() {
	if (document.activeElement.id.substring(0,2)=='ms'){
		var imgwin; 
		imgwin=window.open("./php/imglib.phtml","table_window","scrollbars=yes,resizable=yes,status=yes,screenX=80,screenY=80,width=650,height=450") ;
	}else{
		alert('Zet eerst uw cursus op de plek waar de afbeelding geplaatst moet worden');
	}
}

function InsertImage() {
	if (divid) {
		document.execCommand("InsertImage","true");
	} else {
		alert("Er is geen easyedit blok geselecteerd. Klik eerst in een easyedit blok");
	}
}

function FontName_onchange(sel_obj) { 
	
	var ty = sel_obj.options[sel_obj.selectedIndex].value; 
	if( ty != 0 ){ 
		//if (oObj.isContentEditable==true) {
			document.execCommand("FontName","false", ty); 
		//}	 
	} 
	sel_obj.options[0].selected = true;
} 
function FontSize_onchange(sel_obj) { 
	
	var ty = sel_obj.options[sel_obj.selectedIndex].value; 
	if( ty != 0 ){ 
		//if (oObj.isContentEditable==true) {
			document.execCommand("FontSize","false", ty); 
		//}	 
	} 
	sel_obj.options[0].selected = true;
} 

 // Utilitats auxiliars per paletes de colors: 
 
function MakeArray(n) { 
	this.length=n ;
	for(var j=1; j<=n; j++){ 
		this[n]=0 ;
	} 
	return this ;
} 

 colors= new MakeArray(140); 
 colors[0]='808080' 
 colors[1]='antiquewhite' 
 colors[2]='aqua' 
 colors[3]='aquamarine' 
 colors[4]='azure' 
 colors[5]='beige' 
 colors[6]='bisque' 
 colors[7]='black' 
 colors[8]='blanchedalmond' 
 colors[9]='blue' 
 colors[10]='blueviolet' 
 colors[11]='brown' 
 colors[12]='burlywood' 
 colors[13]='cadetblue' 
 colors[14]='chartreuse' 
 colors[15]='chocolate' 
 colors[16]='coral' 
 colors[17]='cornflower' 
 colors[18]='cornsilk' 
 colors[19]='crimson' 
 colors[20]='cyan' 
 colors[21]='darkblue' 
 colors[22]='darkcyan' 
 colors[23]='darkgoldenrod' 
 colors[24]='darkgray' 
 colors[25]='darkgreen' 
 colors[26]='darkkhaki' 
 colors[27]='darkmagenta' 
 colors[28]='darkolivegreen' 
 colors[29]='darkorange' 
 colors[30]='darkorchid' 
 colors[31]='darkred' 
 colors[32]='darksalmon' 
 colors[33]='darkseagreen' 
 colors[34]='darkslateblue' 
 colors[35]='darkslategray' 
 colors[36]='darkturquoise' 
 colors[37]='darkviolet' 
 colors[38]='deeppink' 
 colors[39]='deepskyblue' 
 colors[40]='dimgray' 
 colors[41]='dodgerblue' 
 colors[42]='firebrick' 
 colors[43]='floralwhite' 
 colors[44]='forestgreen' 
 colors[45]='fuchia' 
 colors[46]='gainsboro' 
 colors[47]='ghostwhite' 
 colors[48]='gold' 
 colors[49]='goldenrod' 
 colors[50]='gray' 
 colors[51]='green' 
 colors[52]='greenyellow' 
 colors[53]='honeydew' 
 colors[54]='hotpink' 
 colors[55]='indianred' 
 colors[56]='indigo' 
 colors[57]='ivory' 
 colors[58]='khaki' 
 colors[59]='lavender' 
 colors[60]='lavenderblush' 
 colors[61]='lawngreen' 
 colors[62]='lemonchiffon' 
 colors[63]='lightblue' 
 colors[64]='lightcoral' 
 colors[65]='lightcyan' 
 colors[66]='lightgoldenrodyellow' 
 colors[67]='lightgreen' 
 colors[68]='lightgrey' 
 colors[69]='lightpink' 
 colors[70]='lightsalmon' 
 colors[71]='lightseagreen' 
 colors[72]='lightskyblue' 
 colors[73]='lightslategray' 
 colors[74]='lightsteelblue' 
 colors[75]='lightyellow' 
 colors[76]='lime' 
 colors[77]='limegreen' 
 colors[78]='linen' 
 colors[79]='magenta' 
 colors[80]='maroon' 
 colors[81]='mediumaquamarine' 
 colors[82]='mediumblue' 
 colors[83]='mediumorchid' 
 colors[84]='mediumpurple' 
 colors[85]='mediumseagreen' 
 colors[86]='mediumslateblue' 
 colors[87]='mediumspringgreen' 
 colors[88]='mediumturquoise' 
 colors[89]='mediumvioletred' 
 colors[90]='midnightblue' 
 colors[91]='mintcream' 
 colors[92]='mistyrose' 
 colors[93]='moccasin' 
 colors[94]='navajowhite' 
 colors[95]='navy' 
 colors[96]='oldlace' 
 colors[97]='olive' 
 colors[98]='olivedrab' 
 colors[99]='orange' 
 colors[100]='orangered' 
 colors[101]='orchid' 
 colors[102]='palegoldenrod' 
 colors[103]='palegreen' 
 colors[104]='paleturquoise' 
 colors[105]='palevioletred' 
 colors[106]='papayawhip' 
 colors[107]='peachpuff' 
 colors[108]='peru' 
 colors[109]='pink' 
 colors[110]='plum' 
 colors[111]='powderblue' 
 colors[112]='purple' 
 colors[113]='red' 
 colors[114]='rosybrown' 
 colors[115]='royalblue' 
 colors[116]='saddlebrown' 
 colors[117]='salmon' 
 colors[118]='sandybrown' 
 colors[119]='seagreen' 
 colors[120]='seashell' 
 colors[121]='sienna' 
 colors[122]='silver' 
 colors[123]='skyblue' 
 colors[124]='slateblue' 
 colors[125]='slategray' 
 colors[126]='snow' 
 colors[127]='springgreen' 
 colors[128]='steelblue' 
 colors[129]='tan' 
 colors[130]='teal' 
 colors[131]='thistle' 
 colors[132]='tomato' 
 colors[133]='turquoise' 
 colors[134]='violet' 
 colors[135]='wheat' 
 colors[136]='white' 
 colors[137]='whitesmoke' 
 colors[138]='yellow' 
 colors[139]='yellowgreen'

function table_colors(){ 
	var t=0,taco;
	taco='<center><br><br><table border=1 cellspacing=0 cellpadding=0>'; 
	while(t<140){ 
		if(t%16==0){ 
			if(t!=0){ 
				taco+='</tr>';
			} 
			taco+='<tr>';
		} 
		taco+='<td bgcolor="'+colors[t]+'" ><a href=javascript:canvi("'+colors[t]+'"); ><img src="./images/trans.gif" border=0 width=18 height=18 alt="'+colors[t]+'"></a></td>'; 
		t++ ;
	} 
	taco+='</tr></table></center>' ;
	return taco ;
} 

function palet_colors(callfunc){ 
	var pal_col, k, tc; 
	pal_col=window.open("","paleta_colors","statusbar=true,screenX=80,screenY=80,width=360,height=250") ;
	pal_col.document.open() ;
	k=pal_col.document; 
	k.writeln("<html><head><style> td,body { font-family:Arial; font-size:8pt; } </style> <script> function canvi(hexa) { " + callfunc + "(hexa); window.close(); }</"+"script></head><body bgcolor=white ><center>") ;
	k.writeln("<font color=black face=arial size=-1 ><b> Klik op de gewenste kleur:</b></font>") ;
	tc=table_colors() ;
	k.writeln(tc) ;
	k.writeln("</center></body></html>") ;
	k.close() ;
	//pal_col.focus() ;
} 


function open_colorpalet(func) {
	
	palet_colors(func);
}

function set_fontcolor(arr) {
	if (!arr != null) {
		document.execCommand("ForeColor","false",arr);
	}
}
function set_fontbgcolor(arr) {
	if (!arr != null) {
		document.execCommand("BackColor","false",arr);
	}
}

function canvi_imatge(nom_img,graf){ 
	document.images[nom_img].src = graf;
	return true;
}

function savePage() {
	pagesource = eval(divid).innerHTML;
}

function NewPagePopup() {

	var pagewin; 
	pagewin=window.open("","table_window","status=yes,screenX=80,screenY=80,width=360,height=250") ;
	pagewin.document.open() ;
	k=pagewin.document; 
	k.writeln("<html><head><style> td,body { font-family:Arial; font-size:8pt; } </style>\n");
	k.writeln("<SCRIPT>");
	k.writeln("function checkinput(strCheck,e) {");
	k.writeln("var key = ''");
	k.writeln("var whichCode = (window.Event) ? e.which : e.keyCode");
	k.writeln("key = String.fromCharCode(whichCode)");
	k.writeln("if (whichCode == 13) return true");
	k.writeln("if (strCheck.indexOf(key) == 0) return false")	;
	k.writeln("}");
	k.writeln("</SCRIPT>");
	
	k.writeln("<SCRIPT> function GetLocation(pagename,width) { opener.location.href='?edit=1&naam=' + pagename + '&width=' + width+ '&action=newpage'; window.close(); } </SCRIPT>");
	k.writeln("</head><body bgcolor=white ><center>") ;
	
	k.writeln("<font color=black face=arial size=-1 ><b> New brochure:</b></font>") ;
	k.writeln("<FORM METHOD=post NAME=pageform ACTION=\"\" onSubmit=\"GetLocation(pageform.naam.value,pageform.width.value);\">");
	k.writeln("<TABLE>");
	k.writeln("<TR><TD>");
	k.writeln("Brochurename:</TD><TD><INPUT TYPE=text NAME=naam SIZE=10 MAXLENGTH=20 VALUE=\"untitled\" onKeyPress=\"return(checkinput(' ',event))\">");
	k.writeln("</TD></TR>");
	k.writeln("<TR><TD>");
	k.writeln("Width:</TD><TD><INPUT TYPE=text NAME=width SIZE=4 MAXLENGTH=4 VALUE=\"500\">");
	k.writeln("</TD></TR>");
	k.writeln("</TABLE>");
	k.writeln("<INPUT TYPE=submit VALUE=\"OK\"></FORM>");
	k.writeln("</DIV>");
}

function NewPagePopup2() {

	var pagewin; 
	pagewin=window.open("./php/createnewpage.phtml","table_window","status=yes,screenX=80,screenY=80,width=700,height=500,resizable=yes") ;
	pagewin.focus();

}

function NewPagePopup() {

	var pagewin; 
	pagewin=window.open("./php/pagelist.phtml","table_window","status=yes,screenX=80,screenY=80,width=360,height=250") ;

}

function PasteFromClipboard() {
	document.execCommand("Paste");
	//renderhtml(eval(divid)); 
	
}


function InsertLocalLnkPopup() {

	var pagewin; 
	pagewin=window.open("./php/linklist.phtml","table_window","resizable=yes,scrollbars=yes,status=yes,screenX=80,screenY=80,width=560,height=450") ;

}

function CreateLocalLnk(thelnk,thename) {
		var thehtml = "<A HREF=\"" + thelnk + "\">" + thename + "</A>";
		tr=document.selection.createRange(); 
		tr.select();
		tr.pasteHTML(thehtml); 
}
