function chg_color( that, color ) {
	that.style.borderColor = "#" + color;
}

function chg_bg( that, bg ) {
	that.style.background = bg;
}

function chg_border( that, width ) {
	that.style.borderRightWidth = width + "px";
	that.style.borderLeftWidth = width + "px";
}

function Set_Reload() {
	setTimeout('location.reload();', 1000 );
}



function $(x){return document.getElementById(x)}

function getYScroll() {
	var yScroll = 0;
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
	}
	return yScroll;
}

function getPageSize() {
  var db = document.body;
  
  var wheight = db.clientHeight;
  var sheight = db.scrollHeight;
	if( Opera ) {
		var deheight = self.innerHeight;
	} else {
		var deheight = document.documentElement.clientHeight;
	}
  
  if( ie && (wheight > sheight) ) sheight = wheight + 20;
  
  return [ document.documentElement.clientWidth, sheight + 30, db.clientWidth, deheight - 40 ];
}

function ps(){
  var d = document;
  var db = d.body;
  
  alert( new Array( db.clientWidth, db.offsetWidth, db.scrollWidth, window.scrollMaxX, self.innerWidth, d.documentElement.clientWidth, "\n", db.clientHeight, db.offsetHeight, db.scrollHeight, window.scrollMaxY, self.innerHeight, d.documentElement.clientHeight ) );
  
}

function main() {
  box_open = false;
	box_created = false;
	px = "px";
	
  ie = /MSIE/.test(navigator.userAgent);
	Opera = /Opera/.test(navigator.userAgent);
	//ps();
	scr = getPageSize();
	
	setInterval( "if( box_open ) setBoxSizes();", 500 );
}

function setBoxSizes() {
	scr = getPageSize();
	
	Box_Bg.style.height = 	scr[1];
  Box_Light.style.left =	((scr[2]-frame_w)/2) + px;
  Box_Light.style.top =		((scr[3]-frame_h)/2 + getYScroll()) + px;
	
	if( ie ) {
		Box_Bg.style.width = scr[0];
	}
}

elozo = false;

function katt(e) {
  var elem = (ie)? event.srcElement : e.target;
  if(elem.name=="box") {
		if( elozo ) {
			elozo.style.border="1px solid #efefef";
		}
		elem.style.border="1px solid #0000ff";
		elozo = elem;
    Show_Box( elem.href, elem.parentNode.getAttribute("name"), elem.getAttribute("class") );
    return false;
  }
  return true;
}

function ckey(e) {
	if( box_open ) {
		var ccode = (ie)? event.keyCode : e.which;
		if( ccode == 120 || ccode == 13 ) {
			Close_Box();
			return false;
		}
	}
}

function Show_Box( src, title, cat ) {
  box_open = true;
	
	if( ie ) {
		var selects = document.getElementsByTagName( "select" );
		for( var i = 0; i < selects.length; i++ ) {
			selects[i].style.visibility = "hidden";
		}
	}
	
	var objects = document.getElementsByTagName( "object" );
	for( var i = 0; i < objects.length; i++ ) {
		objects[i].style.visibility = "hidden";
	}
	
	if( src.indexOf("hir.php") != -1 ) src += "&js=1";
	
  if( box_created ) {
		Box_Frame.src = src;
    Box_Bg.style.display = "block";
    Box_Light.style.display = "block";
  } else {
    Box_Bg = Set_Box_Bg( 60 );
    Box_Light = Set_Box_Light( 600, 450, 90, src );
		Box_Light_Size();
		Box_Frame = $('box_frame');
		Box_Frame.onload = Frame_Loaded;
		Box_Title = $("box_title");
    box_created = true;
  }
	Box_Title.innerHTML = (title)? title : src;
	$("box_cat").innerHTML = (cat)? cat : "";
}

function Close_Box() {
	box_open = false;
	
	if( ie ) {
		var selects = document.getElementsByTagName( "select" );
		for( var i = 0; i < selects.length; i++ ) {
			selects[i].style.visibility = "visible";
		}
	}
	
	var objects = document.getElementsByTagName( "object" );
	for( var i = 0; i < objects.length; i++ ) {
		objects[i].style.visibility = "visible";
	}
	
  Box_Bg.style.display = "none";
  Box_Light.style.display = "none";
}

function Frame_Loaded() {
  var frame = Box_Frame.contentWindow.document;
	
	
	frame.onclick = function(e) {
		var elem = (ie)? event.srcElement : e.target;
		if( elem.tagName == "A" && elem.target && elem.name != "no" ) Close_Box();
	}
	
	if( ie ) {
		var db = frame.body;
		frame_w = db.scrollWidth;
		frame_h = db.scrollHeight;
	} else {
		var db = frame.documentElement;
		frame_w = db.clientWidth;
		frame_h = db.clientHeight;
	}
	frame_w += 6;
	
	Box_Light_Size();
	Box_Frame.style.width =		frame_w + px;
	Box_Frame.style.height =	frame_h + px;
	
	//alert("s");
}

function Box_Light_Size() {
	Box_Light.style.width =	(frame_w + 24) + px;
	Box_Light.style.height = (frame_h + 49) + px;
}

function Set_Box_Light( w, h, tp, src ) {
	frame_w = w;
	frame_h = h;

  var div = document.createElement( "div" );
	
	div.id =						"box_fore";
  div.style.left =		((scr[2]-w)/2) + px;
  div.style.top =			((scr[3]-h)/2 + getYScroll()) + px;
  /*div.style.width =		w + px;
  div.style.height =	(h+25) + px;*/
	
  if(ie) {
    div.style.filter = "alpha(opacity=" + tp + ")";
  } else {
    div.style.opacity = (tp/100).toString();
  }
	
  document.body.appendChild(div);
	
  div.innerHTML = "<table width=\"100%\" height=\"100%\" cellspacing=\"0px\" cellpadding=\"0px\">" +
  "<tr>" +
    "<td width='10px' height='30px'> <img border='0' height='30px' style='margin:0px' src=\"http://figyel.hu/image/lightbox/1.png\" /></td>" +
    "<td style=\"background-image: url('http://figyel.hu/image/lightbox/2.png'); background-repeat: repeat-x;\"></td>" +
    "<td width='10px'> <img border='0' height='30px' style='margin:0px' src=\"http://figyel.hu/image/lightbox/3.png\" /></td>" +
  "</tr>" +
  "<tr>" +
    "<td style=\"background-image: url('http://figyel.hu/image/lightbox/4.png'); background-repeat: repeat-y;\"> </td>" +
    "<td style=\"background: white;\">" +
			"<iframe id='box_frame' width='"+ w +"' height='"+ h +"' frameborder='0' border='0' allowtransparency='true' onload='Frame_Loaded();' src='"+ src +"'></iframe>" +
		"</td>" +
    "<td style=\"background-image: url('http://figyel.hu/image/lightbox/6.png'); background-repeat: repeat-y;\"> </td>" +
  "</tr>" +
  "<tr>" +
    "<td height='19px'> <img src=\"http://figyel.hu/image/lightbox/7.png\" /> </td>" +
    "<td style=\"background-image: url('http://figyel.hu/image/lightbox/8.png'); background-repeat: repeat-x;\"> </td>" +
    "<td> <img src=\"http://figyel.hu/image/lightbox/9.png\" /> </td>" +
  "</tr>" +
"</table>" +
"<table id='box_head' align='center'> <tr>" +
	"<td align='left'> <span id='box_title'> Title </span> </td>" +
	"<td align='center'> <span id='box_cat'></span> </td>" +
	"<td align='right'> <img style='cursor:pointer;' onclick='Close_Box();' title='Bezár' src='http://figyel.hu/image/close_s.gif' /> </td>" +
"</tr> </table>";
  return div;
}

function Set_Box_Bg( tp ) {
  var div = document.createElement( "div" );
	
	div.id =						"box_back";
  div.style.height =	scr[1] + px;
	if( ie ) {
		div.style.width = scr[0];
	}
  div.onclick =				Close_Box;
	
  if(ie) {
    div.style.filter = "alpha(opacity=" + tp + ")";
  } else {
    div.style.opacity = (tp/100).toString();
  }
	
  document.body.appendChild(div);
	
  return div;
}

	onload = main;
  document.onclick = katt;
	document.onkeypress = ckey;