flow = true;

function initFlow()
{
	// ---------------
	// Flows 
	// ---------------
	flows_obj = new Object();
	flows = $('inhalt').getElements('div[class=flow]');
	for (i=0; i<flows.length; i++)
	{
		
		flows_container = flows[i].getElements('div[class=flow_content]');
			
			// Buttons hinzufügen
				flows_obj["flow"+i] = flows[i];
				flows_obj["flow"+i].counter = 0;
				// Button Container
				var flowtemp = new Element('div', {
					'class': 'flowTurnCont'
				});
				flowtemp.injectAfter(flows[i]);
				
				// Weitere Beiträge
				var spantemp = new Element('a', {
					'class': 'weitere',
					'href': "/start/nachrichtenueberblick/",
					'title': "Alle Nachrichten im Überblick"
				}).appendText("weitere Beiträge");
				spantemp.injectInside(flowtemp);
				
				// zurück
				var backtemp = new Element('a', {
					'id':'flowbut'+i+'back',
					'class': 'flowbuttonBack',
					'href': "javascript:moveFlow("+i+",1)",
					'title': "Weiter"
				}).appendText("");
				backtemp.injectAfter(spantemp);
				
				// vor
				var forwtemp = new Element('a', {
					'id':'flowbut'+i+'forw',
					'class': 'flowbuttonForw2',
					'href': "javascript:moveFlow("+i+",2)",
					'title': "Weiter"
				}).appendText("");
				forwtemp.injectAfter(backtemp);
				
				var hrtemp = new Element('div', {
					'class': 'dotted'
				});
				hrtemp.injectAfter(flowtemp);
			/////////////////////
		
		
		// ---------------
		// Flow Container 
		// ---------------
		for (i2=0; i2<flows_container.length; i2++)
		{
			
			flows_obj[i] = flows_container[i2];
		
			flows_news_container = flows_container[i2].getElements('div[class=news-list-container]');
		
			// ---------------
			// News Items 
			// ---------------
			for (i3=0; i3<flows_news_container.length; i3++)
			{				

				flows_news_item = flows_news_container[i3].getElements('div[class=news-list-item]');
				flows_obj["flow"+i].max = flows_news_item.length-2;
			}
			
		}
		
	}

	
}

var schub = 340;

function moveFlow(flows, dir)
{
	var move = new Fx.Styles(flows_obj[flows], {duration: 500, transition: Fx.Transitions.Quad.easeInOut,
			onComplete: function() {
			}
	});
	

	// VOR
	if (dir==2)
	{
		aktpos = (flows_obj["flow"+flows].counter * schub)*-1;
		zielpos = aktpos - schub;
		if (flows_obj["flow"+flows].counter<flows_obj["flow"+flows].max)
		{
			move.start({'marginLeft': [aktpos, zielpos]}); // Bewegung
			flows_obj["flow"+flows].counter = flows_obj["flow"+flows].counter + 1;		
		}
	}
	
	// Zurück
	if (dir==1)
	{
		aktpos = (flows_obj["flow"+flows].counter * schub)*-1;
		zielpos = aktpos + schub;
		if (flows_obj["flow"+flows].counter>0)
		{		
			move.start({'marginLeft': [aktpos, zielpos]}); // Bewegung
			flows_obj["flow"+flows].counter = flows_obj["flow"+flows].counter - 1;			
		}
		
	}
	
	
	// Buttons
	if (flows_obj["flow"+flows].counter==0)
	{
		$('flowbut'+flows+'forw').addClass('flowbuttonForw2');		
		$('flowbut'+flows+'back').addClass('flowbuttonBack');	
		$('flowbut'+flows+'forw').removeClass('flowbuttonForw');		
		$('flowbut'+flows+'back').removeClass('flowbuttonBack2');			
	}
	
	if (flows_obj["flow"+flows].counter>0 && flows_obj["flow"+flows].counter<flows_obj["flow"+flows].max)
	{
		$('flowbut'+flows+'forw').addClass('flowbuttonForw2');		
		$('flowbut'+flows+'back').addClass('flowbuttonBack2');	
		$('flowbut'+flows+'forw').removeClass('flowbuttonForw');		
		$('flowbut'+flows+'back').removeClass('flowbuttonBack');			
	}
	
	if (flows_obj["flow"+flows].counter==flows_obj["flow"+flows].max)
	{
		$('flowbut'+flows+'forw').addClass('flowbuttonForw');		
		$('flowbut'+flows+'back').addClass('flowbuttonBack2');	
		$('flowbut'+flows+'forw').removeClass('flowbuttonForw2');		
		$('flowbut'+flows+'back').removeClass('flowbuttonBack');			
	}
	
}