var quotescroller,quotemover;
function init_hvhreferenz() {
	//var divs = $('tx-hvhpictures-pi1-singleViewField-image').getElementsByTagName('div');
	var labels = $$('div.search-tag-box div label');
	//init_labels(labels);
	/*var tagBoxes = $$('div.search-tag-box');
	init_tagBoxes(tagBoxes);*/
	quotescroller = $('quotescroller');
	if (quotescroller)	init_quotescroller(quotescroller);
}
function init_labels(labels) {
	var labelover = new Element('div', {id:'labelover', style:'width:auto;height:auto;z-index:1;background-color:#ffffff;position:absolute;display:none;font-size:0.9em;padding:1px;padding-top:2px;'});
	var SuchRefForm = $('SuchRef');
	SuchRefForm.appendChild(labelover);
	for( i=0; i < labels.length; i++){
		if (labels[i].scrollWidth > 167)	{
			labels[i].observe('mouseenter', function(event)	{
				event.stop();
				var x = Element.viewportOffset(this)[0] - Element.viewportOffset(SuchRefForm)[0];
				var y = Element.viewportOffset(this)[1] - Element.viewportOffset(SuchRefForm)[1];
				var x = Element.cumulativeScrollOffset(this)[0] - Element.viewportOffset(SuchRefForm)[0];
				var y = Element.cumulativeScrollOffset(this)[1] - Element.viewportOffset(SuchRefForm)[1];
				labelover.update(y+this.innerHTML);
				labelover.style.left = x+'px';
				labelover.style.top = y+'px';
				/*labelover.style.left = 0;
				labelover.style.top = 0;*/
				//Element.clonePosition(labelover, this,{setLeft:true,setTop:true,setWidth:false});
				/*this.appendChild(labelover);
				Element.absolutize(labelover);*/
				Element.show(labelover);
				//this.style.background = '#ffffff';
			});
		}
	}
	labelover.observe('mouseleave', function(event)	{
		event.stop();
		Element.hide(labelover);
		/*this.style.background = 'none';*/
	});
}

function init_tagBoxes(tagBoxes) {
	for( i=0; i < tagBoxes.length; i++){
		/*alert(tagBoxes[i].getStyle('height'));
		tagBoxes[i].style.height = tagBoxes[i].getHeight()-tagBoxes[i].getStyle('paddingBottom') +'px';
		tagBoxes[i].style.width = tagBoxes[i].getWidth()-tagBoxes[i].getStyle('paddingRight') +'px';*/
		tagBoxes[i].style.height = tagBoxes[i].getStyle('height');
		tagBoxes[i].style.width = tagBoxes[i].getStyle('width');
		var legends = tagBoxes[i].select('legend');
		legends[0].observe('click', function(event)	{
			event.stop();
			var me = this.parentNode.parentNode;
			//Element.absolutize(me);
			//alert(this.id + ' fieldset');
			//var fieldset = $$(this.id + ' fieldset');
			var fieldset = me.select('fieldset');
			//var scroller = $$('div.scroller');
			var scroller = me.select('div.scroller');
			//me.style.height = '89px';
			if (fieldset[0].getHeight() > 100)	{
				fieldset[0].relativize();
				fieldset[0].style.zIndex = '0';
				fieldset[0].style.background = 'none';
				fieldset[0].style.height = '80px';
				//fieldset[0].style.top = '0';
				scroller[0].style.height = '70px';
			} else	{
				fieldset[0].absolutize();
				fieldset[0].style.zIndex = '10';
				fieldset[0].style.background = '#ffffff';
				fieldset[0].style.height = '200px';
				//fieldset[0].style.top = '-50px';
				scroller[0].style.height = '190px';
			}
		});
		/*tagBoxes[i].observe('mouseenter', function(event)	{
			event.stop();
			Element.absolutize(this);
			//alert(this.id + ' fieldset');
			//var fieldset = $$(this.id + ' fieldset');
			var fieldset = Element.select(this,'fieldset');
			//var scroller = $$('div.scroller');
			var scroller = Element.select(this,'div.scroller');
			fieldset[0].style.height = 200+'px';
			scroller[0].style.height = 190+'px';
		});*/
		/*tagBoxes[i].observe('mouseleave', function(event)	{
			event.stop();
			Element.relativize(this);
			var fieldset = Element.select(this,'fieldset');
			var scroller = Element.select(this,'div.scroller');
			fieldset[0].style.height = 80+'px';
			scroller[0].style.height = 70+'px';
		});*/
	}
}

function init_quotescroller()	{
	$('quotes').setStyle('overflow:hidden;');
	//alert(quotescroller.getStyle('top'));
	var scrollerH = quotescroller.getHeight();// + parseInt(quotescroller.getStyle('top').replace('px',''));
	//alert(quotescroller.getHeight()+', '+quotescroller.getStyle('top')+', '+scrollerH);
	//quotemover = new Effect.Move(quotescroller,{x:0,y:-(quotescroller.getHeight()),mode:'absolute',duration: (scrollerH/10.0),delay:1.0,transition:Effect.Transitions.linear,afterFinish:reset_quotescroller});
	var myStyle = 'top:'+ (-(quotescroller.getHeight())) +'px;';
	//myStyle = 'top:500px;';
	//alert(myStyle);
	quotemover = new Effect.Morph(quotescroller,{style:myStyle,duration: (scrollerH/10.0),delay:1.0,transition:Effect.Transitions.linear,afterFinish:reset_quotescroller});
	quotescroller.observe('mouseenter', function(event)	{
		quotemover.cancel();
	});
	quotescroller.observe('mouseleave', function(event)	{
		event.stop();
		var scrollerH = quotescroller.getHeight();
		if (quotescroller.getStyle('top') != '0')	{
			scrollerH += parseInt(quotescroller.getStyle('top').replace('px',''))
		}
		//alert(quotescroller.getHeight()+', '+quotescroller.getStyle('top')+', '+scrollerH);
		//quotemover = new Effect.Move(quotescroller,{x:0,y:-(quotescroller.getHeight()),mode:'absolute',duration: (scrollerH/10.0),delay:0.0,transition:Effect.Transitions.linear,afterFinish:reset_quotescroller});
		var myStyle = 'top:'+ (-(quotescroller.getHeight())) +'px;';
		quotemover = new Effect.Morph(quotescroller,{style:myStyle,duration: (scrollerH/10.0),delay:0.0,transition:Effect.Transitions.linear,afterFinish:reset_quotescroller});
	});
}
function start_quotescroller()	{
	//var quotescroller = $('quotescroller');
	//quotemover = new Effect.Move(quotescroller,{y:0,mode:'absolute',duration: 10.0,delay:1.0,transition:Effect.Transitions.linear,afterFinish:reset_quotescroller});
	var scrollerH = quotescroller.getHeight() + parseInt(quotescroller.getStyle('top').replace('px',''));
	//quotemover = new Effect.Move(quotescroller,{x:0,y:-(quotescroller.getHeight()),mode:'absolute',duration: (scrollerH/10.0),delay:1.0,transition:Effect.Transitions.linear,afterFinish:reset_quotescroller});
	var myStyle = 'top:'+ (-(quotescroller.getHeight())) +'px;';
	quotemover = new Effect.Morph(quotescroller,{style:myStyle,duration: (scrollerH/10.0),delay:1.0,transition:Effect.Transitions.linear,afterFinish:reset_quotescroller});
}
function reset_quotescroller()	{
	//var quotescroller = $('quotescroller');
	quotescroller.hide();
	quotescroller.setStyle('top:0;');
	quotescroller.appear({afterFinish:start_quotescroller});
	//new Effect.Move(quotescroller,{y:0,mode:'absolute',duration: 0.0,afterFinish:start_quotescroller});
}

document.observe('dom:loaded', function () { init_hvhreferenz(); });