var start_frame = 0;
function init_hvhpictures() {
	//var divs = $('tx-hvhpictures-pi1-singleViewField-image').getElementsByTagName('div');
	var divs = $$('#tx-hvhpictures-pi1-singleViewField-image div.slideshow');
	var listRow = $$('div.tx-hvhpictures-pi1-listrow');
	Element.hide(listRow[0]);
	if (divs.length)	{
		init_slideshow(divs);
	} else	{
		divs = $$('#tx-hvhpictures-pi1-singleViewField-image div.splitview');
		if (divs.length)	init_splitview(divs);
	}
}
function init_splitview(divs) {
	var discr = $$('#tx-hvhpictures-pi1-singleViewField-description div.description');
	for( i=0; i < divs.length; i++){
		divs[i].style.display = 'block';
		//divs[i].style.zIndex = 50-i;
		//discr[i].style.display = 'none';
	}
	divs[0].style.borderRight = 'solid #434343 1px';
	//divs[0].style.width = (divs[0].getWidth() * 0.5) +'px';
	var slideCont = $('tx-hvhpictures-pi1-singleViewField-image');
	slideCont.style.cursor = 'e-resize';
	//var doppelpfeil = new Element('img', {id:'doppelpfeil', src:'http://www.heinzvonheiden.net/testcms/typo3conf/ext/hvh_pictures/pi1/res/doppelpfeil.png', alt:'', width:21, height:43});
	//slideCont.appendChild(doppelpfeil);
	var initSplitMorph = new Effect.Morph(divs[0],{style:'width:'+(divs[0].getWidth() * 0.5)+'px;',duration: 10.0,delay:1.0,transition: Effect.Transitions.spring});
	discr[1].style.zIndex = 50;
	discr[1].style.paddingLeft = '5px';
	discr[1].style.left = divs[0].getWidth()+'px';
	discr[1].style.borderLeft = 'solid #666666 1px';
	var initSplitMorph2 = new Effect.Morph(discr[1],{style:'left:'+(divs[0].getWidth() * 0.5)+'px;',duration: 10.0,delay:1.0,transition: Effect.Transitions.spring});
	//new Effect.SlideDown(discr[0],{duration: 1.5,delay:0.0,transition: Effect.Transitions.sinoidal});
	var statusBar = $('statusBar');
	//statusBar.appendChild(doppelpfeil);
	slideCont.observe('mouseenter', function(event)	{
		initSplitMorph.cancel();
		initSplitMorph2.cancel();
	});
	slideCont.observe('mousemove', function(event)	{
		var w = Event.pointerX(event) - Element.cumulativeOffset(slideCont)[0];
		var h = Event.pointerY(event) - Element.cumulativeOffset(slideCont)[1];
		var wfac = w/slideCont.getWidth();
		divs[0].style.width = w +'px';
		/*discr[1].style.zIndex = 50;
		discr[1].style.paddingLeft = '5px';*/
		discr[1].style.left = w -1 +'px';
		Element.show(discr[1]);
		/*if (wfac>0.666 && discr[0].getStyle('display')=='none')	{
			Element.hide(discr[1]);
			Element.show(discr[0]);
			//new Effect.Highlight(discr[0].parentNode,{duration:.8,restorecolor:1,startcolor:'#ffffe0',endcolor:'#f6f6f6'});
		}
		if (wfac<0.333 && discr[1].getStyle('display')=='none')	{
			Element.hide(discr[0]);
			Element.show(discr[1]);
			//new Effect.Highlight(discr[0].parentNode,{duration:.8,restorecolor:1,startcolor:'#ffffe0',endcolor:'#f6f6f6'});
		}*/
		//doppelpfeil.style.left = (w-10) +'px';
		//doppelpfeil.style.top = (divs[0].getHeight() * 0.5)-22;
		//doppelpfeil.style.top = (h-22) +'px';
		//statusBar.update('offsetX: '+ event.offsetX +' - pointerX: '+ Event.pointerX(event)+' - cumulativeOffset: '+ Element.cumulativeOffset(slideCont)[0]);
		//statusBar.update('wfac: '+ wfac);
	});
}

function init_slideshow(divs) {
	for( i=0; i < divs.length; i++){
		if(i!=0){
			divs[i].style.display = 'none';
		}
	}
	end_frame = divs.length -1;
	var delay = 3000;
	start_slideshow(start_frame, end_frame, delay, divs);
}
function start_slideshow(start_frame, end_frame, delay) {
	setTimeout(fadeInOut(start_frame,start_frame,end_frame, delay), delay);
}
function fadeInOut(frame, start_frame, end_frame, delay) {
	return (function() {
		//divs = $('tx-hvhpictures-pi1-singleViewField-image').getElementsByTagName('div');
		divs = $$('#tx-hvhpictures-pi1-singleViewField-image div.slideshow');
		// Effect.Fade(lis[frame]);
		fadeDiv = divs[frame];
		setTimeout("Effect.Fade(fadeDiv);", 1000);
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		divsAppear = divs[frame];
		setTimeout("Effect.Appear(divsAppear);", 0);
		setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 1850);
	})
}

//Event.observe(window, 'load', init, false);
document.observe('dom:loaded', function () { init_hvhpictures(); });


/*		$('div.image-comparison').mousemove(function(e){
			var w = e.clientX,
				span = $(this).find('span:first');
 
			w -= span.offset().left;
 
			span.css({width : w + 'px'});
		}).find("span:first").animate({width : "600px"}, 2500).animate({width : "100px"}, 2500);
 
		$("a[href*='dist']").click(function(){
			if(this.href.match(/\/dist\//)){
				var url = this.href.replace(/^.+dist\//,'/dist/');
				pageTracker._trackPageview(url);
			}
		});
		
		var gridToggle = true;
		var s= new String(document.location);
		if(s.match(/silence.local/)){
			$('body').keypress(function(e){
				if (String.fromCharCode(e.charCode) == 'g'){
					$('#container').css('background-image', gridToggle ? "url(/media/nil.gif)" : "url(/media/225x25.gif)");
					gridToggle = !gridToggle;
				}
			});
 
//			$('#container').css('background-image', "url(/media/225x25.gif)");
 
		}
	*/