var numPhotos;
var slideFlowSlider;
var slideFlow;
var currentImg;
var preloader;
var fadeInTimeout;
var scrollHandler;
var photos;
var currentEffect;
var slHover;

var SLIDE_TPL = {
	'b_vertical' : false, 
	'b_watch': true	/* update while dragging */, 
	'n_controlWidth': 976, 
	'n_controlHeight': 18,
	'n_sliderWidth': 421, 
	'n_sliderHeight': 18, 
	'n_pathLeft' : 3, 
	'n_pathTop' : 0, 
	'n_pathLength' : 976-428, 
	'n_zIndex': 1
}

var SLIDE_INIT = {
	'n_minValue' : 0, 'n_maxValue' : 100, 'n_value' : 0, 'n_step' : 1
}

var SLIDEFLOW_DATA = {
	'imgWidthNormal': 100, 
	'imgWidthTilted': 100, 
	'imgHeight': 90, 
	'slideDistance': 20,
	'onCenterClick': handleSlideClick, 
	'handleSlideMove': handleSlideMove, 
	'containerElement': null,
	'pathLeft': '', 
	'pathCenter': '', 
	'pathRight': '',
	'transparentImg': '/pics/transparent.gif', 
	'cursorOpenHand': '/pics/openhand.cur', 
	'cursorClosedHand': '/pics/closedhand.cur'
}

function handleSlideMove(pos) {
	if (slideFlowSlider)
		slideFlowSlider.f_setValue(pos, false, true /* kein update */);
}

function handleSlideClick(imgNumber) {
	swapPhoto(imgNumber);
}

function handleSlideSeek(pos) {
//alert(pos);
//	slideFlow.disableMoveUpdate();
//	slideFlow.glideToPerc(pos);
//	document.wide_scr.style.left = pos+'px';

	w = document.getElementById( 'wide_scr_window' );
	w.style.left=(pos*2)*(-1) + 'px';


}

function swapPhoto(photoNumber) {
	var imgSrc = SLIDEFLOW_DATA['images'][photoNumber - 1];
	preloader = new Image;
	preloader.src = imgSrc;
	jsiBoxOpen(preloader);
	preloader = undefined;
}

function skipPhoto(offset) {
	photoNumber = currentImg + offset;
	if (photoNumber < 1 || photoNumber > numPhotos)
		return;

	swapPhoto(photoNumber);
	slideFlow.glideToSlide(photoNumber);
}

function fadeIn() {
	fadeInTimeout = null;

	if (!preloader)
		return;
	else if (preloader.complete) {
		if (currentEffect && currentEffect.state != 'finished')
			currentEffect.cancel();
	    currentEffect = new Effect.Appear($('fadeArea'), {duration: 0.8, beforeSetup: function(effect) {
		$('photo').src = preloader.src;
		$('title').innerHTML = photos.item(currentImg - 1).getElementsByTagName("title")[0].childNodes[0].nodeValue;
		$('subtitle').innerHTML = photos.item(currentImg - 1).getElementsByTagName("subtitle")[0].childNodes[0].nodeValue;
		preloader = undefined;
	      }});
	} else if (!fadeInTimeout) {
		fadeInTimeout = window.setTimeout("fadeIn()", 100);
	}
}

function handleWheel(delta) {
	if (slideFlow)
		slideFlow.scroll(delta);
}

function handleKeys(evt) {
    evt = (evt) ? evt : ((window.event) ? event : null);
    if (evt) {
    	//debugLog("key " + evt.keyCode);
		switch (evt.keyCode) {
			case 40: /* down */
			case 39: /* right */
				skipPhoto(1);
				return false;
				break;
			case 38: /* up */
			case 37: /* left */
				skipPhoto(-1);
				return false;
				break;
		 }
    }
}

function init() {
//	swapPhoto(1);
	slideFlowSlider.f_show();
//	document.onkeydown = handleKeys;
//	scrollHandler = new ScrollHandler(handleWheel);
	
	/* Preload slider hover */
	slHover = new Image;
	slHover.src = "/pics/scr_slider_hover.png";	

	/* IE6 hover fix */
	if (window.ieFixHover) {
		 $$('.sliderbutton').each(ieFixHover);
	}

//	handleSlideSeek(54);
}