function toggleDiv(div_id) {
	var el = document.getElementById(div_id);
	if ( el.style.display == 'none' ) {	el.style.display = 'block';}
	else {el.style.display = 'none';}
}

function showDiv(div_id) {
	var el = document.getElementById(div_id);
	el.style.display = 'block';
}

function hide(div_id) {
	var el = document.getElementById(div_id);
  el.style.display = 'none';  
}

function AnchorPosition_getPageOffsetLeft (el) {
	var ol=el.offsetLeft;
	while ((el=el.offsetParent) != null) { ol += el.offsetLeft; }
	return ol;
	}
function AnchorPosition_getWindowOffsetLeft (el) {
	return AnchorPosition_getPageOffsetLeft(el)-document.body.scrollLeft;
	}	
function AnchorPosition_getPageOffsetTop (el) {
	var ot=el.offsetTop;
	while((el=el.offsetParent) != null) { ot += el.offsetTop; }
	return ot;
	}
function AnchorPosition_getWindowOffsetTop (el) {
	return AnchorPosition_getPageOffsetTop(el)-document.body.scrollTop;
	}



function getAnchorPosition(anchorname, xoffset, yoffset) {
	// This function will return an Object with x and y properties
	var useWindow=false;
	var coordinates=new Object();
	var x=0,y=0;
	// Browser capability sniffing
	var use_gebi=false, use_css=false, use_layers=false;
	if (document.getElementById) { use_gebi=true; }
	else if (document.all) { use_css=true; }
	else if (document.layers) { use_layers=true; }
	// Logic to find position
 	if (use_gebi && document.all) {
		x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
		y=AnchorPosition_getPageOffsetTop(document.all[anchorname]);
		}
	else if (use_gebi) {
		var o=document.getElementById(anchorname);
		x=AnchorPosition_getPageOffsetLeft(o);
		y=AnchorPosition_getPageOffsetTop(o);
		}
 	else if (use_css) {
		x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
		y=AnchorPosition_getPageOffsetTop(document.all[anchorname]);
		}
	else if (use_layers) {
		var found=0;
		for (var i=0; i<document.anchors.length; i++) {
			if (document.anchors[i].name==anchorname) { found=1; break; }
			}
		if (found==0) {
			coordinates.x=0; coordinates.y=0; return coordinates;
			}
		x=document.anchors[i].x;
		y=document.anchors[i].y;
		}
	else {
		coordinates.x=0; coordinates.y=0; return coordinates;
		}
	coordinates.x=x + xoffset;
	coordinates.y=y + yoffset;
	return coordinates;
	}
	
function blanket_size(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportheight = window.innerHeight;
	} else {
		viewportheight = document.documentElement.clientHeight;
	}
	if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
		blanket_height = viewportheight;
	} else {
		if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
			blanket_height = document.body.parentNode.clientHeight;
		} else {
			blanket_height = document.body.parentNode.scrollHeight;
		}
	}
	var blanket = document.getElementById('blanket');
	blanket.style.height = blanket_height + 'px';
	var popUpDiv = document.getElementById(popUpDivVar);
	popUpDiv_height=blanket_height/2-150;//150 is half popup's height
	popUpDiv.style.top = popUpDiv_height + 'px';
}

function window_pos(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerHeight;
	} else {
		viewportwidth = document.documentElement.clientHeight;
	}
	if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
		window_width = viewportwidth;
	} else {
		if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
			window_width = document.body.parentNode.clientWidth;
		} else {
			window_width = document.body.parentNode.scrollWidth;
		}
	}
	var popUpDiv = document.getElementById(popUpDivVar);
	window_width=window_width/2-150;//150 is half popup's width
	popUpDiv.style.left = window_width + 'px';
}

function setDivContent(windowname, content){
  var popUpDiv = document.getElementById(windowname);
  var divhttp = createRequestObject();
  divhttp.open('get', 'http://www.gbox.hr/'+content, true);
  divhttp.onreadystatechange=function() {
  if (divhttp.readyState==4) {
   popUpDiv.innerHTML = divhttp.responseText;	
  }
 }
 divhttp.send(null)	
}

function divPos(windowname, anchorname){
	var coordinates = getAnchorPosition(anchorname, 0, 15);
	var popUpDiv = document.getElementById(windowname);
  popUpDiv.style.left = coordinates.x + 'px';
  popUpDiv.style.top = coordinates.y + 'px';  
	popUpDiv.style.Height = '0px';
}

function resizeDiv(){
	if (divHeight >= maxDivHeight){window.clearInterval(inter)} else
		{
	var popUpDiv = document.getElementById(popUpDivName);
	divHeight = divHeight + 35;
	popUpDiv.style.height = divHeight;

			}
}

var divHeight = 0;
var maxDivHeight = 300;
var inter;
var popUpDivName;

function DoPopup(windowname, anchorname, content){
  blanket_size(windowname);
  divPos(windowname, anchorname);
  setDivContent(windowname, content);
  divHeight = 0;
  maxDivHeight = 300;	
  popUpDivName = windowname;
  window.clearInterval(inter);
  inter = window.setInterval("resizeDiv()", 15);
  showDiv('blanket');
  showDiv(windowname);
}

function DoPopupNoBlanket(windowname, anchorname, content){
  blanket_size(windowname);
  divPos(windowname, anchorname);
  setDivContent(windowname, content);
  showDiv(windowname);

}