var prev_off = new Image();
	prev_off.src = "./img/off_prev.gif";
var prev_on = new Image();
	prev_on.src = "./img/on_prev.gif";
var play_off = new Image();
	play_off.src = "./img/off_play.gif";
var play_on = new Image();
	play_on.src = "./img/on_play.gif";
var pause_off = new Image();
	pause_off.src = "./img/off_pause.gif";
var pause_on = new Image();
	pause_on.src = "./img/on_pause.gif";
var stop_off = new Image();
	stop_off.src = "./img/off_stop.gif";
var stop_on = new Image();
	stop_on.src = "./img/on_stop.gif";
var next_off = new Image();
	next_off.src = "./img/off_next.gif";
var next_on = new Image();
	next_on.src = "./img/on_next.gif";

function getElement(aID) {
	var element = null;
	if (document.getElementById) {
		 element = document.getElementById(aID);
	} else if (document.layers) {
		element = document.layers[aID];
	} else if (document.all) {
		element = document.all[aID];
	}
	return element;
}


//The following are for browsers like NS4 or IE5Mac which don't support either 
//attachEvent or addEventListener 
  
function MyAttachEvent(obj,evt,fnc){ 
	if(!obj.myEvents) {
		obj.myEvents={};
	}
	if(!obj.myEvents[evt]) {
		obj.myEvents[evt]=[];
	}
	var evts = obj.myEvents[evt]; 
	evts[evts.length]=fnc; 
} 
  
function MyFireEvent(obj,evt){  
	if(!obj || !obj.myEvents || !obj.myEvents[evt]) {
		return;
	}
	var evts = obj.myEvents[evt]; 
	for(var i=0,len=evts.length;i<len;i++) {
		evts[i]();
	}
} 

function AttachEvent(obj,evt,fnc,useCapture){
	if(!useCapture) {
		useCapture=false; 
	}
	if(obj.addEventListener){ 
		obj.addEventListener(evt,fnc,useCapture); 
		return true; 
	} else if(obj.attachEvent){
		return obj.attachEvent("on"+evt,fnc); 
	} else { 
		MyAttachEvent(obj,evt,fnc); 
		obj['on'+evt]=function(){ MyFireEvent(obj,evt); }; 
	}
} 
  
  

function doOver(e) {
	var targ;
	if(!e) {
		var e = window.event;
	}
	if(e.target) {
		targ = e.target;
	} else if(e.srcElement) {
		targ = e.srcElement; 
	}
	switch(targ.id) {
		case "pl_prev":
			if(targ.src.indexOf("off_")>=0) {
				targ.src = prev_on.src;
			} else {
				targ.src = prev_off.src;
			}
			break;
		case "pl_play":
			if(targ.src.indexOf("off_")>=0) {
				targ.src = play_on.src;
			} else {
				targ.src = play_off.src;
			}
			break;
		case "pl_pause":
			if(targ.src.indexOf("off_")>=0) {
				targ.src = pause_on.src;
			} else {
				targ.src = pause_off.src;
			}
			break;
		case "pl_stop":
			if(targ.src.indexOf("off_")>=0) {
				targ.src = stop_on.src;
			} else {
				targ.src = stop_off.src;
			}
			break;
		case "pl_next":
			if(targ.src.indexOf("off_")>=0) {
				targ.src = next_on.src;
			} else {
				targ.src = next_off.src;
			}
			break;
		default:
			break;
	}
}



var fadeTimer;
var isBezig = false;
var doStop = false;
var curNr = 0;
var nextNr = 1;
var cOp = 0;
var fadeSpeed = 1;
var fadeAmount = 5;

function setOpacity(objname, op) {
	if(!doStop) {
		var obj = getElement(objname);
		obj.style.opacity = (op/100);
		obj.style.MozOpacity = (op/100);
		obj.style.filter = "alpha(opacity=" + (op) + ")";
	}
}

function fadePic() {
	if(!doStop) {
		cOp=(cOp+fadeAmount);
		cOp = (cOp>100)? 100: cOp;
		setOpacity(("partypic"+nextNr), cOp);
		if(cOp<100) {
			fadeTimer = setTimeout(fadePic, fadeSpeed);
		} else {
			var curPic = getElement("partypic"+curNr);
			curPic.style.display = "none";
			curNr = nextNr;
			curPic = getElement("partypic"+curNr);
			curPic.style.zIndex = 1;
			isBezig = false;
		}
	}
}

function showPic(pic) {
	if(isBezig) {
		doStop = true;
		clearTimeout(fadeTimer);
		setOpacity(("partypic"+nextNr), 100);
		var curPic = getElement("partypic"+curNr);
		curPic.style.display = "none";
		curPic.style.zIndex = 1;
		curNr = nextNr;
		curPic = getElement("partypic"+curNr);
		curPic.style.zIndex = 1;
	}
	nextNr = pic;
	var nextPic = getElement("partypic"+nextNr);
	cOp = 0;
	if(nextNr!=curNr || (nextNr==curNr && nextPic.style.opacity<1 && nextPic.style.opacity>0)) {
		doStop = false;
		isBezig = true;
		nextPic.style.zIndex = 2;
		setOpacity(("partypic"+nextNr), cOp);
		nextPic.style.display = "block";
		fadePic();
	} else {
		isBezig = false;
	}
}



function getOffsetPos(obj) {
	var curleft = 0;
	var curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft,curtop];
}

function scroll(e) {
	var targ;
	if (!e) {
		var e = window.event;
	}
	if(e.target) {
		targ = e.target;
	} else if(e.srcElement) {
		targ = e.srcElement; 
	}

	var oX = getOffsetPos(getElement("scroller"))[0];
	var x = e.clientX-oX;
	x = ((x-75)<0)? 0: (x-75);
	x = (x>(680-75-75))? (680-75-75): x;
	var percentage = (x/(680-75-75));
	var hW = getElement("scroll").scrollWidth-680;
	getElement("scroll").style.left = (-1*Math.round(hW*percentage))+"px";
}

function prev() {
	EP_prev('ep_player');
}

function play() {
	EP_play('ep_player');
}

function pause() {
	EP_pause('ep_player');
}

function stop() {
	EP_stop('ep_player');
}

function next() {
	EP_next('ep_player');
}

function init() {
	AttachEvent(getElement("pl_prev"), "mouseover", doOver, false);
	AttachEvent(getElement("pl_play"), "mouseover", doOver, false);
	AttachEvent(getElement("pl_pause"), "mouseover", doOver, false);
	AttachEvent(getElement("pl_stop"), "mouseover", doOver, false);
	AttachEvent(getElement("pl_next"), "mouseover", doOver, false);

	AttachEvent(getElement("pl_prev"), "mouseout", doOver, false);
	AttachEvent(getElement("pl_play"), "mouseout", doOver, false);
	AttachEvent(getElement("pl_pause"), "mouseout", doOver, false);
	AttachEvent(getElement("pl_stop"), "mouseout", doOver, false);
	AttachEvent(getElement("pl_next"), "mouseout", doOver, false);

	AttachEvent(getElement("pl_prev"), "click", prev, false);
	AttachEvent(getElement("pl_play"), "click", play, false);
	AttachEvent(getElement("pl_pause"), "click", pause, false);
	AttachEvent(getElement("pl_stop"), "click", stop, false);
	AttachEvent(getElement("pl_next"), "click", next, false);

	AttachEvent(getElement("scroll"), "mousemove", scroll, false);
	// getElement("scroll").style.width = (getElement("dates").getElementsByTagName("a").length*170)+"px";
	getElement("scroll").style.width = (8*170)+"px";
}

function pOver(id) {
	getElement("date_info"+id).style.visibility = "visible";
	showPic(id);
}

function pOut(id) {
	getElement("date_info"+id).style.visibility = "hidden";
}

function home(url) {
		getElement("text").style.display = "none";
		getElement("partypics").style.display = "block";
}

function page(url) {
		getElement("text").innerHTML = getElement(url).innerHTML;
		getElement("partypics").style.display = "none";
		getElement("text").style.display = "block";
}