/*
	image swap functions
*/

var image_counter = 0;
var image_data = new Array();
var image_selected = new Array();

function select_image(j) {
	for(var i=0; i<image_counter; i++) {
		if(i==j) {
			image_selected[i] = true;
			document['img_'+i].src = image_data[i][2];
		} else {
			image_selected[i] = false;
			document['img_'+i].src = image_data[i][1];
		}
	}
}

function changeImages() {
	if (document.images) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			if(!image_selected[(changeImages.arguments[i])]) {
				document['img_'+changeImages.arguments[i]].src = changeImages.arguments[i+1];
			}
		}
	}
}

function layout_button(name, func, alt, tekst, sel) {
	var alt = alt||"";
	var tekst = tekst||"";
	var func = func||"void(0)";
	var str = "";
	var id = 'img_'+image_counter;
	var sel = sel||false;
	image_selected[image_counter]=false;

	if(tekst) {
		tekst = '<font class="nolink"> '+tekst+'</font>';
	}

	image_data[image_counter] = new Array();
	image_data[image_counter][0] = name + "_over.gif";
	image_data[image_counter][1] = name + ".gif";
	image_data[image_counter][2] = name + "_selected.gif";

//+(sel?("select_image("+image_counter+",'"+image_data[image_counter][2]+"');"):"")

	str += "<a href=\"javascript:"+(sel?("select_image("+image_counter+");"):"")+func+";\" alt=\""+alt+"\" onFocus=\"blur()\" ";
	str += " ONMOUSEOVER=\"changeImages('"+image_counter+"', image_data["+image_counter+"][0]); return true;\" ";
	str += " ONMOUSEOUT=\"changeImages('"+image_counter+"', image_data["+image_counter+"][1]); return true;\" ";
	str += "><img src='"+name+".gif' NAME='"+id+"' border=0 alt=\""+alt+"\" GALLERYIMG=NO ALIGN=\"absmiddle\">"+tekst+"</a>";

	image_counter++;

	return str;
}

function layout_image(name) {
	var str = "";

	str += "<img src='"+name+"' border=0 GALLERYIMG=NO>";

	return str;
}

/*
	div functions
*/

function layout_div(html, left, top, width, height, id, hide, bgcolor) {
	var id = id||"";
	var hide = hide||false;
	var str = "";
	var bgcolor = bgcolor||false;

	str += "<div ID='"+id+"' NAME='"+id+"' STYLE='position:absolute; top:"+top+"; left:"+left+"; width:"+width+"; height:"+height+";visibility:"+(hide?"hidden":"visible")+";";
	if(bgcolor) str += " background-color:"+bgcolor+";";
	str += "'>";
	str += html;
	str += "</div>";

	return str;
}

function write_to_div(id, html, geen_begrip) {
	if(obj = document.getElementById(id)) {
		obj.innerHTML = html;
	}
}

function div_set_vis(id, vis) {
	if(obj = document.getElementById(id)) {
		if(vis == "hidden" || (vis === true)) {
			obj.style.visibility = "visible";
		} else {
			obj.style.visibility = "hidden";
		}
	}
}

function div_toggle_vis(id) {
	if(obj = document.getElementById(id)) {
		div_set_vis(id, obj.style.visibility);
	}
}

/*
	info div
*/

function layout_info_div( width, height, id, left, top) {
	var id = id||"";
	var str = "";
	var left = left||parseInt((800-width)/2, 10);
	var top  = top||parseInt((463-height)/2, 10);

	str += "<div ID='"+id+"' NAME='"+id+"' STYLE='position:absolute; top:"+top+"; left:"+left+"; width:"+width+"; height:"+height+"; border: 1px solid black; background-image: url(\"../global/layout/background_popup.gif\"); padding: 5px; visibility:hidden; z-index:10;'>";
	str += layout_image('../global/layout/buttons/button_ok.gif'); 
	str += "</div>";

	return str;
}

function write_to_info_div(id, html, hidebutton, oktekst, okfunc, canceltekst, cancelfunc, verderfunc, verdertekst) {
	var str = "";
	var hidebutton = hidebutton||false;

	str += "<table border=0 width=100% height=95%>";
	if(hidebutton) {
		str += "<tr valign=top height=24><td align=right>";
		str += layout_button('../global/layout/buttons/button_popup_cancel', 'div_toggle_vis(\''+id+'\')', 'Sluiten');
		str += "</td></tr>";
	}
	str += "<tr valign=top><td>"+html+"</td></tr>";
	str += "<tr align=bottom><td height=50><table width=100% border=0 cellspacing=0 cellpadding=0><tr align=center>";

	if( (okfunc||false) ) {
		str += "<td>";
		str += layout_button('../global/layout/buttons/button_popup_ok', (okfunc||''), 'Ok', (oktekst||""));
		str += "</td>";
	}
	if( (cancelfunc||false) ) {
		str += "<td>";
		str += layout_button('../global/layout/buttons/button_popup_cancel', (cancelfunc||''), 'Cancel', (canceltekst||""));
		str += "</td>";
	}
	if( (verderfunc||false) ) {
		str += "<td>";
		str += layout_button('../global/layout/buttons/button_popup_fwd', (verderfunc||''), verdertekst, (verdertekst||""));
		str += "</td>";
	}

	str += "</tr></table></td></tr>";
	str += "</table>";
	
	write_to_div(id, str, true);
}

/*
	algemene functies
*/

function layout_begin_body(id) {
	var id = id||"main_div";
	var str = "";

	str += "<div ID='"+id+"' NAME='"+id+"' STYLE='position:absolute; top:60; left:80; width:670; height:460; overflow: auto; background-color: white;'>";

	return str;
}

function layout_end_body() {

	var str = "";

	str += "</div>";

	return str;
}