var dragapproved=false;
var initialwidth,initialheight;
var ie5=document.all&&document.getElementById;
var ns6=document.getElementById&&!document.all;
var inlineBoxId = "DayBox";
var inlineAdActive = false;

function iecompattest(){
	return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function drag_drop(e){
	if (ie5&&dragapproved&&event.button==1){
		document.getElementById(inlineBoxId).style.left = tempx+event.clientX-offsetx+"px";
		document.getElementById(inlineBoxId).style.top  = tempy+event.clientY-offsety+"px";
	}
	else if (ns6&&dragapproved){
		document.getElementById(inlineBoxId).style.left = tempx+e.clientX-offsetx+"px";
		document.getElementById(inlineBoxId).style.top  = tempy+e.clientY-offsety+"px";
	}
}

function stopdrag(){
	dragapproved=false;
	document.getElementById(inlineBoxId).onmousemove=null;
}

function initializedrag(e){
	offsetx=ie5? event.clientX : e.clientX;
	offsety=ie5? event.clientY : e.clientY;
	tempx=parseInt(document.getElementById(inlineBoxId).style.left);
	tempy=parseInt(document.getElementById(inlineBoxId).style.top);
	
	dragapproved=true;
	document.getElementById(inlineBoxId).onmousemove=drag_drop;
}

function mousePos(e) {
	if(!e) e = window.event;
	var body = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ? 
	window.document.documentElement : window.document.body;
	return {
		// Position im Dokument
		top: e.pageY ? e.pageY : e.clientY + body.scrollTop - body.clientTop,
		left: e.pageX ? e.pageX : e.clientX + body.scrollLeft  - body.clientLeft

	};
}

function DayBox(){
	
}
DayBox.close = function(){
	var box = document.getElementById("DayBox");
	box.className = "invisibleBox";
}
DayBox.show = function(srcUrl, title, pos){
	var boxTitle = document.getElementById("DayBoxTitle");
	var yy = title.substr(0,4); 
	var mm = title.substr(5,2);
	var dd = title.substr(8,2);
	boxTitle.innerHTML = "Eventos en "+dd+"/"+mm+"/"+yy;
		
	var boxContent = document.getElementById("DayBoxContent");
	boxContent.innerHTML = "<iframe scrolling='auto' frameborder='0' id='DayBoxIframe' />";

	var box = document.getElementById("DayBox");
	box.className = "visibleBox";
		
	var posTop  = (pos.top  - 220); if (posTop < 0)  posTop = 10;
	var posLeft = (pos.left - 200); if (posLeft < 0) posLeft = 10;
		
	box.style.top  = (posTop)+"px";
	box.style.left = (posLeft)+"px";
		
	document.getElementById("DayBoxIframe").src = srcUrl; 
	return false;
}
DayBox.showNormal = function(e){
	var pos = mousePos(e);
					
	// URL ermitteln
	if (e.target != null && e.target.url != null){
		DayBox.show(e.target.url,e.target.title,pos);
	}
					
	return false;
}
DayBox.showIE = function(){
	var pos = mousePos(event);
	DayBox.show(event.srcElement.url,event.srcElement.title,pos);
	return false;
}


function initCalendarTables(e){
	var daybox = document.createElement("div");
	daybox.id = "DayBox";
	daybox.onSelectStart = "return false";
	daybox.className     = "invisibleBox";
	daybox.innerHTML     = '<div id="DayBoxInnerbox"><div id="DayBoxHeader" onselectstart="return false;" onmousedown="initializedrag(event)" onmouseup="stopdrag()">'+
		'<div style="float:right" >'+
		'<button class="closeButton" onclick="DayBox.close()">&nbsp;X&nbsp;</button></div>'+
		'<div id="DayBoxTitle">Eventos en ...</div></div><div id="DayBoxContent"></div>'+
		'</div>';
	document.body.appendChild(daybox);
	var tables = document.getElementsByTagName("table");
	for (i = 0; tables.length > i; i++){
		if (tables[i].className.indexOf("CalendarTable") >= 0){
			var tds = tables[i].getElementsByTagName("td");
			for (j = 0; tds.length > j; j++){
				if (tds[j].title != null && tds[j].title != ''){
					var anchorElement = tds[j].getElementsByTagName("a");
					if (anchorElement.length <= 0){
						var a = document.createElement("a");
						a.href = "http://www.calendario-chiquito.es/calendario/"+tds[j].title+".html";
						a.title = tds[j].title;
						a.target = "_blank";
						a.innerHTML = tds[j].innerHTML;
						a.DayPopup = "1";
						tds[j].innerHTML = "";
						tds[j].appendChild(a);
					} else {
						anchorElement[0].DayPopup = "1";
						if (!anchorElement[0].title){
							anchorElement[0].title = tds[j].title;
						}
					}
				}
			}
			
			var anchors = tables[i].getElementsByTagName("a");
			for (j = 0; anchors.length > j; j++){
				var a = anchors[j];
				if (a.title != null && a.DayPopup == "1"){
					if (document.addEventListener) {
						a.url = a.href + "?display=inline";
						a.href = "javascript:;";
						a.target = "";
						a.addEventListener("click", DayBox.showNormal, false);
					} else if (document.attachEvent){
						a.url = a.href + "?display=inline";
						a.href = "javascript:;";
						a.target = "";
						a.attachEvent("onclick", DayBox.showIE);
					} else {

					}
				}
			}
		}
	}
}			

initCalendarTables();