/**********************
/**********************
**
** Projekt: Thorsten Havener
**
/**********************
***********************/


$(document).ready(function(){


/*
 * 
 * 
 * init
 *
 *
 */		
//		var start = true;	
		var $backGround = $("div.background");
		$backGround.css("opacity",0.5);
		
		var $page = $("#page");
		var $pageContent = $("#page-content, #page-footer");
		$pageContent.hide();
		
		var $pageHeader = $("#page-header");
		
		$pageHeader.find("h1").remove();
		resizeElement($('#page'),90,10);
		
		$('#opencontent').bind('click',function(e) {
			e.preventDefault();
			start();
		});
		
		$pageHeader.bind('click',function() {
			start();
		});

		$("#page-introtext").hide();


	function start() {
			
		$("#page-intro").slideUp(200);
			
		//hier Berechnung 
		var iH = 475 + (30 * $(".akkordion-bar").length);
		resizeElement($('#page'),iH,500);
		center("#page");			

		var $item = $("#page-content .akkordion-bar ul:not('ul ul') li a.isopen");
		
//			$page.animate({marginTop:50},500,'easeOutCubic');
		var init = 0;
		$pageContent.fadeIn(400,function() {
			if (init <= 0) {
				if ($item.length > 0) openItem($item.eq(0));
				init++;
			}
			
		});
		$pageHeader.css("cursor",'default').unbind();
	}
			
	
	
/*
 * 
 * 
 * backGround
 *
 *
 */

		if (typeof backGroundImages != "undefined" && backGroundImages.length > 0) {
			$('body').bgStretcher({
				images: backGroundImages,
/*			imageWidth: 1024, 
				imageHeight: 768, */
				slideShow: false,
				sequenceMode: 'random',
/*			buttonNext:'.akkordion-bar ul li a:not(ul li ul a)',
				slideDirection: 'N',
				nextSlideDelay:20000,
				slideShowSpeed: 1000,
				transitionEffect: 'fade',
				sequenceMode: 'normal',
				buttonPrev: '#prev',
				buttonNext: '#next',
				pagination: '#nav',*/
				anchoring: 'center top',
				anchoringImg: 'center top'
			});
		}
		
/*
 * 
 * 
 * footer
 *
 *
 */
		

		
	var $footerImages = $("#page-footer a img.hover");
	if ($footerImages.length) {
		$footerImages.hide();
		$footerImages.parent("a").hover(function() {
			$(this).find("img.hover").show();
		},function() {
			$(this).find("img.hover").hide();
		});
	}


/*
 * 
 * 
 * scrollbar
 *
 *
 */

var oScrollbar = $('.content');
oScrollbar.each(function() {
	$(this).tinyscrollbar();
});



/*
 * 
 * 
 * center
 *
 *
 */


function resizeElement(elem,iH,speed) {	
		h = $(window).height() - iH;
		if (h/2 > 20) {
			$(elem).animate({marginTop: h/2 + "px"},speed,'easeOutCubic');
		}
		else {
			$(elem).animate({marginTop: 20 + "px"},speed,'easeOutCubic');
		}
}


function center(elem) {
	var iH = 475 + (30 * $(".akkordion-bar").length);
	resizeElement(elem,iH,100);
	$(window).resize(function(){
	resizeElement(elem,iH,100);
	});
}

//center("#page");


/*
 * 
 * 
 * fancybox
 *
 *
 */

function fancy() {

	$("a.popup").fancybox({
		padding:0,
		overlayOpacity:0.5,
		overlayColor:'#333333',
		cyclic:true	
		
	});

	$("a.videopopup").fancybox({
		'padding':0,
		'overlayOpacity':0.5,
		'overlayColor':'#333333'
//		'href':this.href,
//		'href':this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
//		'type': 'iframe'
		
	});


/*	$("a.videopopup").click(function() {
	$.fancybox({
		'padding':0,
		'overlayOpacity':0.5,
		'overlayColor':'#333333',
		'hideOnContentClick':false,
		'hideOnOverlayClick':false,
//		'cyclic':true,
		'href':this.href,
//		'href':this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
		'type': 'iframe',
		
	});
	});
*/
}


/*
 * 
 * 
 * bandoneon
 *
 *
 */


	var $akkordion = $("#page-content");
	var bar = $akkordion.find(".akkordion-bar");
	var content = $akkordion.find(".akkordion-container");

	var $navigation = bar.find("ul").not("ul ul");;

	var $subNavigation = $navigation.find("ul");
	$subNavigation.hide();
	content.hide();
	var $firstLevelItems = $navigation.find("li a").not("li li a"); 


	function openItem($this) {
		
/*		
		// fuer gezielten Sprung auf image
		$.fn.bgStretcher.slideShow('normal',1);
		$('body').bgStretcher.pause();
*/		


		var url = $this.attr("href");
		var target = $this.closest("div").next();
		$(".scrollbar").addClass("disable");		
//		oScrollbar.tinyscrollbar_update();
		if ($this.hasClass('current')) {
			loadContent(url,target);
			$secondLevelItems.removeClass("current");
		}
		else {
/*			if (start) {
				$page.animate({marginTop:50},500,'easeOutCubic');
				start = false;			
			}		
*/			content.find("div.overview").fadeOut(100);
			$subNavigation.fadeOut("slow");
			$firstLevelItems.removeClass("current");
			$secondLevelItems.removeClass("current");
			content.not(":hidden").slideUp('slow','easeInOutQuart');
			$this.closest("div").next()
				.not(":visible")
				.slideDown('slow','easeInOutQuart',function() {
					loadContent(url,$(this));
//					$('body').bgStretcher.pause();
				});

			
			$this.addClass("current");
			$this.closest("li").find("ul").fadeIn("slow");
		}
		
		
	}

	// Klick auf 1. Level Nav Element
	$firstLevelItems.click( function(e) {
		e.preventDefault();

		openItem($(this));
	});
	
	
	// Klick auf 2. Level Nav Element

	var $secondLevelItems = $subNavigation.find("li a");
	$secondLevelItems.click(function(e) {
		e.preventDefault();
		if ($(this).hasClass('current')) return;
		var url = $(this).attr("href");
		var target = $(this).closest("div").next();
		loadContent(url,target);
		$secondLevelItems.removeClass("current");
		$(this).addClass("current");
	});

/*
 * 
 * 
 * load
 *
 *
 */

	function loadContent(url,target) {
		$(".scrollbar").addClass("disable");		
//		oScrollbar.tinyscrollbar_update();

//		console.log("target: " + target.eq(0).attr("class"));
		
		target.find("div.overview").hide();
		$(".loading").show();
//		oScrollbar.tinyscrollbar_update();

		target.find("div.overview").load(url + " .ajax-content > *",function(){
			adjustTable($(this));

			$(".loading").hide();
			if ($(".bgstretcher-page").find('#fancybox-tmp').length) {
				$('body').append($('#fancybox-tmp'));
				$('body').append($('#fancybox-loading'));
				$('body').append($('#fancybox-overlay'));
				$('body').append($('#fancybox-wrap'));
			}
			fancy();
				
//			$(this).css("opacity",0.1).show();
//			$(this).hide().css("opacity",1);
			$(this).fadeIn("slow",function() {
				oScrollbar.each(function() {
					$(this).tinyscrollbar_update();
				});
			});
		});

	}

/*
 * 
 * 
 * table
 *
 *
 */


	function adjustTable(obj) {
	
		var formatCell = ["first","second","third","fourth"]
		obj.find("table tr").each(function() {
			$(this).find("td").each(function(i) {
				$(this).addClass(formatCell[i]);	
			});
		});	
	
	}
	

/*	$("table tr").bind({
		 mouseover: function(){
			$(this).find("td").animate({backgroundColor:'#ffffff'},200);
		},
		 mouseout: function(){
			$(this).find("td").css({backgroundColor:'transparent'});
		}
	});
*/
/*		var $akkordion = $("#page-content");
		var bar = $akkordion.find(".akkordion-bar");
		var content = $akkordion.find(".akkordion-container");

		content.hide();
  
 		bar.each(function(i) {
          
			$(this).toggle(function(event) {
   			event.preventDefault();
				var current = $(this);
				openItem(current); 
          

			},function(event) {
				event.preventDefault();

				var current = $(this);
				closeItem(current); 
 			});
		});
		var openItem = function(current) {
			current.addClass("current");
			current.next().animate({opacity:"0.1"},0,function() {
				$(this).hide().css("opacity","1").slideDown(400);            
			});
		}
	
		var closeItem = function(current) {
			current.removeClass("current");
			current.next().slideUp(400);
		}

*/

		
});