var scroll;
var list_page = 0;
var current_page = 0;
var previous_position = 1;
var tally = 0;
var posters;
var prev;

function clear_overlays() {
	if (prev) $(prev).firstChild.style.visibility = 'hidden';
}

function init() {
//	$('poster_browser').style.height = $('content').getSize().size.y > 450 ? $('content').getSize().size.y - 16 + 'px' : 450 + 'px';
	window.onclick = function (e) {
		if (prev) {
				$(prev).firstChild.style.visibility = 'hidden';
				prev = '';
		}
	}
	
/*	$('poster_browser_wrapper').onmouseout = function doSomething(e) {
		if (!e) var e = window.event;
		var tg = (window.event) ? e.srcElement : e.target;
		if (tg.nodeName != 'DIV' && window.webkit419) return;
		var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
		while (reltg != tg && reltg.nodeName != 'BODY')
			reltg= reltg.parentNode
		if (reltg== tg) return;
		// Mouseout took place when mouse actually left layer
		// Handle event
		
		if (prev) {
			$(prev).firstChild.style.visibility = 'hidden';
			prev = '';
		}
	} */
	
	
	
	for(i = 0; i < posters.length; i++) {
		var listItem = document.createElement('div');
		listItem.style.background = "url(/cgi-local/posterserver.cgi?i="+posters[i].filename+")";
		listItem.style.height = posters[i].height+'px';
		listItem.className = 'listitem';
		
		var listInfo = document.createElement('div');
		listInfo.className = 'posterinfo';
		listInfo.style.height = posters[i].height+'px';
		listInfo.innerHTML = posters[i].description;
		
/*		var listText = document.createElement('div');
		listText.innerHTML = posters[i].description;
		listText.className = 'infotext';
		listText.style.height = posters[i].height-10+'px'; */
		
		listItem.onmouseover = function (e) {	
			var targ;
			if (!e) var e = window.event;
			if (e.target) targ = e.target;
			else if (e.srcElement) targ = e.srcElement;
			
			if (targ.nodeType == 3) // defeat Safari bug
				targ = targ.parentNode;

			if (targ.tagName != 'A') {
				while (targ.className != 'listitem') {
					targ = targ.parentNode;
				}
				
				if (prev) {
					$(prev).firstChild.style.visibility = 'hidden';
					prev = '';
				}
				if (!targ.firstChild.style.visibility || targ.firstChild.style.visibility == 'hidden') targ.firstChild.style.visibility = 'visible';
				
				prev = targ.id;
			}
		}

		listItem.appendChild(listInfo);
		document.getElementById('poster_slider').appendChild(listItem);


		tally += posters[i].height + 6;
	 	
	 	if (i == 0) {
	 		listItem.id = 'page_marker_' + list_page++;
	 	}
	 	else {
	 		listItem.id = 'poster_' + i;
	 	}
	 	
		//alert(listItem.parentNode.parentNode.offsetHeight);
//	 	alert(listItem.parentNode.parentNode.getSize().size.y);
	 	
	 	
//	 	if (tally > listItem.parentNode.parentNode.getSize().size.y) {
		if (tally > 500) {
	 		tally = posters[i].height + 6;
	 		listItem.id = 'page_marker_' + list_page++;
	 	}
	}
	
	if (window.ie) {	
		$('down').addEvent('click', function(event) {
			event = new Event(event).stop();
			if(current_page < (list_page - 1)) {
				iegoto(current_page + 1);
				current_page++;
			}
		});
		$('up').addEvent('click',function(event) {
			event = new Event(event).stop();
			if(current_page) {
				iegoto(current_page - 1);
				current_page--;
			}
		});
	}
	else {	
		$('down').addEvent('click', function(event) {
			event = new Event(event).stop();
			if(current_page < (list_page - 1)) {
				scroll.toElement('page_marker_' + (current_page + 1));
				current_page++;
			}
		});
		
		$('up').addEvent('click', function(event) {
			event = new Event(event).stop();
			if(current_page) {
				scroll.toElement('page_marker_' + (current_page - 1));
				current_page--;
			}
		});
		
		scroll = new Fx.Scroll('poster_browser', {
			wait: false,
			duration: 1000,
			offset: {'x': 0, 'y': -16},
			transition: Fx.Transitions.Quad.easeInOut
		});
		
		scroll.toElement('page_marker_0');
	}
}

function iegoto(target) {
	$('poster_browser').scrollTop = $('page_marker_' + target).offsetTop - 16;
}