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;
}



		/*Resoltuions to test:
		
		1024x768
		1280x768
		1280x1024
		1440x960
		1600x1200
		1920x1200
		
		*/
		var height = 0;
		
		function detectScreenSizeHeight(){
			if(screen.width == 1024||screen.height == 768){
				height = 300;
			}
			if(screen.width == 1280||screen.height == 720){
				height = 350;
			}
			if(screen.width == 1280||screen.height == 1024){
				height = 500;			
			}
			if(screen.width == 1440||screen.height == 900){
				height = 470;			
			}
			if(screen.width == 1600||screen.height == 1200){
				height = 620;
			}
			if(screen.width == 1920||screen.height == 1200){
				height = 620;			
			}
		}
		
		var width = 0;
		
		function detectScreenSizeWidth(){
			if(screen.width == 1024||screen.height == 768){
				width = 450;
			}
			if(screen.width == 1280||screen.height == 720){
				width = 450;
			}
			if(screen.width == 1280||screen.height == 1024){
				width = 650;			
			}
			if(screen.width == 1440||screen.height == 900){
				width = 800;
			}
			if(screen.width == 1600||screen.height == 1200){
				width = 800;
			}
			if(screen.width == 1920||screen.height == 1200){
				width = 950;			
			}
		}
		
detectScreenSizeWidth();
detectScreenSizeHeight();
		
var counter1 = 0;

function make_window(id, xpos, ypos, url) {
	counter1 = counter1 + 10;
	var top = "<div id='div" + id + "' style='position: absolute; left: " + (xpos + counter1) + "px; top: " + (ypos + counter1) + "px; width: " + width + "px; height: " + height + "px;'> <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;<input type='button' name='button2' onClick='window.open(\"" + url + "\");' value='Open in a new tab'></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);
}

function getXYOfElement(elm)
	{
	var cl = ct = 0;
	if (elm.offsetParent)
		{
		do
			{
			cl += elm.offsetLeft;
			ct += elm.offsetTop;
			}
		while (elm = elm.offsetParent);
		return [cl,ct];
		}
	return false;
	}

function getWidthHeightOfElement(elm)
	{
	if (elm.offsetWidth && elm.offsetHeight) return [elm.offsetWidth,elm.offsetHeight];
	return false;
	}
var windowcounter = 1;
function new_window(url)
	{
	var padding_left = 20;
	var iframe_one = document.getElementById("one");
	var iframe_one_xy = getXYOfElement(iframe_one) || [0,0];
	var iframe_one_wh = getWidthHeightOfElement(iframe_one) || [0,0];
	make_window(windowcounter,iframe_one_xy[0]+iframe_one_wh[0]+padding_left,iframe_one_xy[1],url);
	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 newImage = 'http://images.pageglimpse.com/v1/thumbnails?url=' + url + '&size=small&devkey=3feea57968ae04b3cf12003fccaec93d';
	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 = '<img border="0" width="66" height="53" cellpadding="0" cellspacing="0" src="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;
}