var newWindow = null;

function closeWin(){
	if (newWindow != null){
		if(!newWindow.closed)
			newWindow.close();
	}
}

function popUpWin(url, type, strWidth, strHeight, bgurl ){
	
	closeWin();
		
	type = type.toLowerCase();
	
	if (type == "fullscreen"){
		strWidth = screen.availWidth;
		strHeight = screen.availHeight;
	}
	var tools="";
  
  var winl = (screen.width-strWidth)/2;
  var wint = (screen.height-strHeight)/2;
  
	if (type == "standard") tools = "resizable,toolbar=yes,location=yes,scrollbars=yes,menubar=yes,width="+strWidth+",height="+strHeight+",top="+wint+",left="+winl;
	if (type == "console") tools = "resizable,toolbar=no,location=no,scrollbars=yes,width="+strWidth+",height="+strHeight+",top="+wint+",left="+winl;
	if (type == "fullscreen") tools = "resizable,toolbar=no,location=no,scrollbars=no,width="+strWidth+",height="+strHeight+",top="+wint+",left="+winl;
	newWindow = window.open(url, 'newWin', tools);
	
	var path_to_images= "/wp-content/themes/remotecreative/images/";
	
	var html = "<html><head>\n";
	html += "<style type=\"text/css\">\n";
	html += "body {\n";
	html += "background-image: url('"+path_to_images+bgurl+"');\n";
	html += "background-repeat: repeat;\n";
	html += "background-position:  center;\n";
	html += "background-attachment: fixed;\n";
	html += "margin: 0;\n";
	html += "padding: 0;\n";	
	html += "}\n";
	html += "</style>\n";	
  html += "<table border=\"0\" width=\"100%\" height=\"100%\">";
  html += "<tr valign=\"center\"><td align=\"center\">\n";
	html += "<div id=\"myimage\"><img src=\""+url+"\" /></div>\n";
  html += "</td></tr>\n";
  html += "</table>\n";
	html += "</body></html>\n";
	
	newWindow.document.open()
	newWindow.document.write(html)
	newWindow.document.close()


	newWindow.focus();
}

function doPopUp(e)
{
//set defaults - if nothing in rel attrib, these will be used
var t = "standard";
var w = "780";
var h = "580";
//look for parameters
attribs = this.rel.split(" ");
if (attribs[1]!=null) {t = attribs[1];}
if (attribs[2]!=null) {w = attribs[2];}
if (attribs[3]!=null) {h = attribs[3];}
if (attribs[4]!=null) {b = attribs[4];}
//call the popup script
popUpWin(this.href,t,w,h,b);
//cancel the default link action if pop-up activated
if (window.event) 
	{
	window.event.returnValue = false;
	window.event.cancelBubble = true;
	} 
else if (e) 
	{
	e.stopPropagation();
	e.preventDefault();
	}
}

function findPopUps()
{
var popups = document.getElementsByTagName("a");
for (i=0;i<popups.length;i++)
	{
	if (popups[i].rel.indexOf("popup")!=-1)
		{
		// attach popup behaviour
		popups[i].onclick = doPopUp;
		// add popup indicator
		if (popups[i].rel.indexOf("noicon")==-1)
			{
			popups[i].style.backgroundImage = "url(pop-up.gif)";
			popups[i].style.backgroundPosition = "0 left";
			popups[i].style.backgroundRepeat = "no-repeat";
			popups[i].style.paddingLeft = "0px";
			}
		// add info to title attribute to alert fact that it's a pop-up window
		popups[i].title = popups[i].title + " [Opens in pop-up window]";
		}
	}
}

addEvent(window, 'load', findPopUps, false);
