///////////////////////////////////////////////////////////////////
///																///
///	tk.esterni, this is a gallery box application				///
///	developed by triknine										///
///																///
///////////////////////////////////////////////////////////////////

/// THIS IS A GALLERY MENU GLOBAL VARS
var tempX = 0;
var tempY = 0;
timeliner_smallerBiggerCheck_isSmall = true;

function getMouseXY (event) {
 	var IE = document.all?true:false;
 	
	tempX = event.offsetX?(event.offsetX):event.pageX-document.getElementById("timeline_imgHolder").offsetLeft-50;
    tempY = event.offsetY?(event.offsetY):event.pageY-document.getElementById("timeline_imgHolder").offsetTop-570;
    if (navigator.appVersion.match(/Konqueror|Safari|KHTML/)) {tempX-=50; tempY-=570;}
    
}

function redefineTimeline(year,srcSmall,srcBig) {
	timeline = new thisisatimeline(year);
	timeline.initTimelines(srcSmall,srcBig);
	timeline.init();
}

function thisisatimeline(year) {
	this.year = year;
	this.timelineHolder = document.getElementById("timeline_imgHolder");
	this.timelineHolderSpan = document.getElementById("timeline_imgHolderSpan");
	this.timelinecontents = document.getElementById("timelinecontents");
	this.active = true;

	
	this.init = function() {
	 	
	 	this.refreshContents = function(qstring) {
			ajaxpage("./timelinecontents.php?"+qstring,document.getElementById("timelinecontents").id);
			ajaxpage("./../boxes/boxes.timeline.smalltv.php?"+qstring,document.getElementById("smalltvboxcontainer").id);
		}
	}
	
	this.initTimelines = function(srcSmall, srcBig) {
	 	this.timelineHolder.parent = this;
	 	this.timelineHolder.isSmall = true;
	 	this.timelineHolder.style.position = "relative";
	 	this.timelineHolder.style.left = "0px";
	 	this.timelineHolder.style.top = "0px";
	 	this.zoom = function (event) {
			if (timeliner_smallerBiggerCheck_isSmall) {
			 	getMouseXY(event);
			  	xC = tempX;
				yC = tempY;
			 	var aux = '<img usemap="#big" id="timeline_imgHolder" class="centerImage" src="'+srcBig+'">';
			 	this.timelineHolderSpan.innerHTML = aux;
			 	
			 	this.timelineHolder = document.getElementById("timeline_imgHolder");
				timeliner_smallerBiggerCheck_isSmall = false;
				newx = Math.floor(xC);
				newy = Math.floor(yC);
				this.timelineHolder.style.position = "relative";
				this.timelineHolder.style.left = (0-newx)+"px";
				this.timelineHolder.style.top = (0-newy)+"px";
							
			} else {
			 	var aux = '<img usemap="#small" id="timeline_imgHolder" class="centerImage" src="'+srcSmall+'">';
			 	this.timelineHolderSpan.innerHTML = aux;
			 	this.timelineHolder = document.getElementById("timeline_imgHolder");
				timeliner_smallerBiggerCheck_isSmall = true;
				this.timelineHolder.style.left = "0px";
	 			this.timelineHolder.style.top = "0px";	
	 			
			}
		}
		this.nothing = function () {}
	}
	
	this.isActive = function() {
		return this.active;
	}
}