var ismyresize = false;
var wins = new Array(100);
var winleft = new Array(100);
var wintop = new Array(100);
var winwidth = new Array(100);
var winheight = new Array(100);
var winflag = new Array(100);

function ge(id) { return document.getElementById(id); }
function dourl(id) {
	var url = ge('url'+id).value;
	if (!url.match(/http:\/\//)) { url = "http://" + url;	}
	ge('iframe'+id).src = url;
}

function make_window(id, xpos, ypos, url) {
	var top = "<div id='div" + id + "' style='position: absolute; left: " + xpos + "px; top: " + ypos + "px; width: 800px; height: 400px;'> <table style='width: 100%; height: 100%; text-align: left;' border='0' cellpadding='0' cellspacing='0'><tbody><tr> <td style='vertical-align: top; width: 5px; height: 24px;'><img src='images/top-left.png' style='width: 5px; height: 24px;'></td> <td style='vertical-align: top; width: 100%; background-image: url(images/top.png);'></td> <td style='vertical-align: top; width: 19px;'><a href='javascript:min_win(\"" + id + "\");'><img src='images/minimize.png' style='width: 19px; height: 24px;' border=0></a></td> <td style='vertical-align: top; width: 20px;'><a href='javascript:max_win(\"" + id + "\");'><img src='images/maximize.png' style='width: 20px; height: 24px;' border=0></a></td> <td style='vertical-align: top; width: 19px;'><a href='javascript:close_win(\"" + id + "\");'><img src='images/close.png' style='width: 19px; height: 24px;' border=0></a></td> <td style='vertical-align: top; width: 15px;'><img src='images/top-right.png' style='width: 15px; height: 24px;'></td></tr><tr> <td bgcolor='#ffffff' style='vertical-align: top; width: 5px; height: 10px; background-image: url(images/left-border.gif);'></td> <td bgcolor='#ffffff' colspan='4' rowspan='1' class='toolbar'><form onsubmit='dourl(\"" + id + "\");return false;'>&nbsp;URL: <input type='text' name='url1' id='url" + id + "' style='width: 70%'> <input type='button' name='button' onClick='dourl(\"" + id + "\");' value='GO'></form></td> <td style='vertical-align: top; background-image: url(images/right-border.png);'></td></tr><tr> <td style='vertical-align: top; width: 5px; background-image: url(images/left-border.gif);'></td> <td bgcolor='#ffffff' colspan='4' rowspan='1' style='vertical-align: top;'>";
	var bottom = "</td> <td style='vertical-align: top; background-image: url(images/right-border.png);'></td></tr><tr> <td style='vertical-align: top; height: 38px;'><img src='images/left-bottom.png' style='width: 5px; height: 38px;'> </td> <td colspan='3' rowspan='1' style='vertical-align: top; background-image: url(images/bottom.png); text-align: right;'></td> <td colspan='1' style='vertical-align: top;'><a href='javascript:;' onMouseOver='javascript:ismyresize=true;' onMouseOut='javascript:ismyresize=false;'><img src='images/resize.png' style='width: 19px; height: 39px;' border='0'></a></td> <td style='vertical-align: top;'><img src='images/low-right.png' style='width: 15px; height: 39px;'></td></tr></tbody></table></div>";
	var iframe = '<iframe id="iframe' + id + '" src="' + url + '" width="100%" height="100%" border="0" frameborder="0"></iframe>';
	mylayer = document.createElement('div');
	mylayer.innerHTML = top + iframe + bottom;
	wins[id] = mylayer;
	document.body.appendChild(mylayer);
}

var windowcounter = 1;
function new_window() {
	make_window(windowcounter, 40, 80, "about:blank");
	ADD_DHTML("div"+windowcounter+RESIZABLE);
	windowcounter++;
	return false;
}

function close_win(id) {
	var name = "div" + id;
	dd.elements[name].del();
	document.body.removeChild(wins[id]);
}

function max_win(id) {
	var name = "div" + id;
	if (winflag[id]) {
		ge(name).style.left = winleft[id];
		ge(name).style.top = wintop[id];
		ge(name).style.width = winwidth[id];
		ge(name).style.height = winheight[id];
		winflag[id] = 0;
	} else {
		winleft[id] = ge(name).style.left;
		wintop[id] = ge(name).style.top;
		winwidth[id] = ge(name).style.width;
		winheight[id] = ge(name).style.height;
		ge(name).style.left = "1";
		ge(name).style.top = "1";
		ge(name).style.width = "99%";
		ge(name).style.height = "99%";
		winflag[id] = 1;
	}	
}

function min_win(id) {
	addcell(id);
	var name = "div" + id;
	dd.elements[name].hide();
	var iframename = "iframe" + id;
	ge(iframename).style.visibility = "hidden";
	var urlfieldname = "url" + id;
	ge(urlfieldname).blur();
}

function restore_win(id) {
	var name = "div" + id;
	dd.elements[name].show();
	var iframename = "iframe" + id;
	ge(iframename).style.visibility = "visible";
	var tbl = document.getElementById("menubar");
	for (var i = 0; i < tbl.rows[0].cells.length; i++) {
		var myid = tbl.rows[0].cells[i].id;
		var checkid = "menubaritem" + id;
		if (myid == checkid) {
			tbl.rows[0].deleteCell(i);
		}
	}
}

function addcell(id) {
   var tbl = document.getElementById("menubar");
   var lastRow = tbl.rows.length;
   var row = tbl.rows[0];
   var cell = row.insertCell(0);
   cell.innerHTML = '<table border="0" width="66" height="53" cellpadding="0" cellspacing="0" background="images/window-minimized.png" onclick="javascript:restore_win(\'' + id + '\');"><tr><td align="center" class="menubaritemtext" href="">Win ' + id + '</td></tr></table>';
	cell.id = "menubaritem" + id;
}

