var newsItemS = 'div.news-speical-item';
var topNavigationS = 'div.news-special-navigation-top';
var topNavigationCloseS = 'a.news-special-navigation-close';
var bottomNavigationS = 'div.news-special-navigation-bottom';
var bottomNavigationCloseS = 'a.news-special-navigation-close';
var teaserS = 'div.news-special-teaser';
var mainS = 'div.news-special-main';
var moreL = 'span.news-special-morelink a';

var currentItem = false;

function openNews(newsitem) {
	
	
	var scrollToNewsItem = new Fx.Scroll(window, {
		wait: true,
		duration: 800,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});	
	
	
	var navigation = newsitem.getElement(topNavigationS);
	var bnavigation = newsitem.getElement(bottomNavigationS);
	var teaser = newsitem.getElement(teaserS);
	var main = newsitem.getElement(mainS);
	var more = newsitem.getElement(moreL);
	
	var navigationSlide = new Fx.Slide(navigation, {transition: Fx.Transitions.Cubic.easeInOut, duration: 400});
	var bnavigationSlide = new Fx.Slide(bnavigation, {transition: Fx.Transitions.Cubic.easeInOut, duration: 400});
	var teaserSlide = new Fx.Slide(teaser, {transition: Fx.Transitions.Cubic.easeInOut, duration: 500});

	var mainSlide = new Fx.Slide(main, {transition: Fx.Transitions.Cubic.easeInOut, duration: 1250});
	var moreFade = new Fx.Tween(more, {property: 'opacity', duration: 5000});
	var navigationMargin = new Fx.Tween(navigation.getParent('div'), {property: 'margin-bottom', duration: 1000});
	var bnavigationMargin = new Fx.Tween(bnavigation.getParent('div'), {property: 'margin-top', duration: 1000});
	
/* anfang */
/*
	scrollToNewsItem.toElement(newsitem).chain(function() {
	
		// Hier der Effekt

		teaserSlide.hide();
	
		navigationSlide.slideIn();
		bnavigationSlide.slideIn();
	
		mainSlide.show();
		
		navigationMargin.start(13);
		bnavigationMargin.start(13);
		
		// AJAX für Counter
	var myRequest = new Request({url: more.get('href')}).send('');
	});
	*/
/* ende */

/* Umgekehrte Reihenfolge */
	
		// Hier der Effekt

		teaserSlide.hide();
	
		navigationSlide.slideIn();
		bnavigationSlide.slideIn();
	
		navigationMargin.start(13);
		bnavigationMargin.start(13);
	
		mainSlide.slideIn().chain(function() {
		scrollToNewsItem.toElement(newsitem);
		/*
		if (more.get('href').indexOf('?') > 0) {
			var myRequest = new Request({url: more.get('href')+'&viewedby=ajax'}).send('ajaxview');
		} else {
			var myRequest = new Request({url: more.get('href')+'?viewedby=ajax'}).send('ajaxview');
		}
		*/
		// pageTracker._trackPageview(more.get('href')+'&viewedby=ajax');
		});


	currentItem = newsitem;
	
}

function setScrollTop() {
	alert(this);
}

function closeNews(newsitem) {

	var navigation = newsitem.getElement(topNavigationS);
	var bnavigation = newsitem.getElement(bottomNavigationS);
	var teaser = newsitem.getElement(teaserS);
	var main = newsitem.getElement(mainS);
	var more = newsitem.getElement(moreL);
	
	var navigationSlide = new Fx.Slide(navigation, {transition: Fx.Transitions.Cubic.easeInOut, duration: 300});
	var bnavigationSlide = new Fx.Slide(bnavigation, {transition: Fx.Transitions.Cubic.easeInOut, duration: 300});
	var teaserSlide = new Fx.Slide(teaser, {transition: Fx.Transitions.Cubic.easeInOut, duration: 500});

	var mainSlide = new Fx.Slide(main, {transition: Fx.Transitions.Cubic.easeInOut, duration: 1250});
	var moreFade = new Fx.Tween(more, {property: 'opacity', duration: 500});
	var navigationMargin = new Fx.Tween(navigation.getParent('div'), {property: 'margin-bottom', duration: 500});
	var bnavigationMargin = new Fx.Tween(bnavigation.getParent('div'), {property: 'margin-top', duration: 500});
	
	var scrollToNewsItem = new Fx.Scroll(window, {
		wait: true,
		duration: 800,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});
	
	scrollToNewsItem.toElement(newsitem).chain(function() {
	
		// Hier der Effekt
		navigationSlide.slideOut();
		bnavigationSlide.slideOut();
		
		/* anfang */
		mainSlide.hide();
		
		teaserSlide.show();
		
		// achtung: navigationMargin und bNavigationMargin
		navigationMargin.start(0);
		bnavigationMargin.start(0);
		/* ende */
		
		/*
		mainSlide.slideOut().chain(function() {
			teaserSlide.show();
			// achtung: navigationMargin und bNavigationMargin
			navigationMargin.start(0);
			bnavigationMargin.start(0);
		});
		*/
		
	
	});

	currentItem = false;
	
}










window.addEvent('domready', function(){
	var specialnews = [];
	specialnews = $$(newsItemS);
	
	// elemente vorbereiten
	specialnews.each(
		function (newsitem) {

			var navigation = newsitem.getElement(topNavigationS);
			var bnavigation = newsitem.getElement(bottomNavigationS);
			var teaser = newsitem.getElement(teaserS);
			var main = newsitem.getElement(mainS);
			var moreLink = newsitem.getElement(moreL);

			var navigationSlide = new Fx.Slide(navigation, {});
			navigationSlide.hide();
			
			var bnavigationSlide = new Fx.Slide(bnavigation, {});
			bnavigationSlide.hide();
			
			var teaserSlide = new Fx.Slide(teaser, {});
			teaserSlide.show();
			
			var mainSlide = new Fx.Slide(main, {});
			mainSlide.hide();
			
			main.setStyle('display', 'block');

			moreLink.addEvent('click', function(event){event.stop();openNews(this.getParent(newsItemS));});
			navigation.getElement(topNavigationCloseS).addEvent('click', function(event){event.stop();closeNews(this.getParent(newsItemS));});
			bnavigation.getElement(bottomNavigationCloseS).addEvent('click', function(event){event.stop();closeNews(this.getParent(newsItemS));});
			
			navigation.setStyle('display', 'block');
			bnavigation.setStyle('display', 'block');

			navigationSlide.hide();
			mainSlide.hide();
			bnavigationSlide.hide();

		}
	);
	
});
