$(function() {
	
	initUndermenu();
	
	$('a','ul#underMenu li').click(function( e ) { scrollUndermenu(e,$(this)) });
	
	$('ul#siteMenu a').live('click',function( e ) { scrollContent(e,$(this)) });

	createSiteMenu();

});


function createSiteMenu() {
	
	var galElements 	= $('.galerieContent');
	var art				= 1;
	var css				= "";
	
	$('#siteMenu li').remove();
	
	galElements.each(function(i) {

		css	= "";
		
		if($(this).hasClass('galerieVideo')) {
			art = 'V';
			css += ' video';
		}
		else {
			art = i + 1;
		}
		
		if(i == 0)
			css += ' aktiv';
			
		$('#siteMenu').append('<li><a href="#site_'+ (i + 1) +'" class="gotoDirection' + css + '" rel="'+ (i + 1) +'">' + art + '</a></li>');
	
	});
	
	var text = $('#content').find('img').eq(0).attr('rel');
	
	$('#portfolioText').html(text);

	loadDimension(0);	
	changeContent(0);	
	//galElements.eq(0).delay(300).addClass('aktiv').fadeIn(function() { initArrow();  });

}


function mobilePicture_size(index) {
	
	var galerieElements = $('.galerieContent');	
	
	if(navigator.userAgent.match("iPhone") && galerieElements.eq(index).hasClass('gH')) {
		
		var tmpWidth = galerieElements.eq(index).width() / 2;
		galerieElements.eq(index).css({ 'marginLeft' : '-' + tmpWidth + 'px' });

	}
	
	return true;

}


function loadDimension(index) {

	var galerieElements = $('.galerieContent');	
	
	$('#content').css({ 'width':'auto', 'height':'auto' });
	
	if(galerieElements.eq(index).hasClass('gB')) {
		$('#content').css({ 'width':'100%' });
	}
	else {
		$('#content').css({ 'height':'99%' });
	}
	
	if(index == 0)
		setTimeout ( function() { mobilePicture_size(index) } , 500 );
	else
		mobilePicture_size(index);
		
	setTimeout ( function() { window.scrollTo(0,0); } , 500 );
		
}


function scrollContent(e,element) {

	e.preventDefault(); 

	var menuElements 	= $('ul#siteMenu a');
	var clickIndex		= menuElements.index(element);
	changeContent(clickIndex);
	
}

function changeContent(index) {

	var menuElements 	= $('ul#siteMenu a');
	var galerieElements = $('.galerieContent');	

	//<iframe src="'.$datenMedia['m_value'].'" width="'.$width.'" height="'.$height.'" frameborder="0"></iframe>

	galerieElements.fadeOut();
	galerieElements.find('iframe').remove();
	galerieElements.removeClass('aktiv');
	loadDimension(index);
	
	galerieElements.eq(index).addClass('aktiv').fadeIn( function() { 
		
		if($(this).hasClass('galerieVideo')) {
			var iframe = $(this).attr('rel').split("|");
			$(this).append('<iframe src="' + iframe[0] + '" width="' + iframe[1] + '" height="' + iframe[2] + '" frameborder="0"></iframe>'); 
		}
		
		$('#loading').fadeOut(200); 
		initArrow(); 
		
	});

	menuElements.removeClass('aktiv');
	menuElements.eq(index).addClass('aktiv');

}


function initUndermenu() {
	
	cloneElements = $('ul#underMenu li').clone();
		
	var aElements 	= $('a','ul#underMenu li');
	var aktIdx		= aElements.index($('ul#underMenu li').find('a.aktiv'));
	
	moveUndermenu(aktIdx);
	
}

function scrollUndermenu(e, element) {
		
	e.preventDefault(); 

	var aElements 	= $('a','ul#underMenu li');
	var aktIdx		= aElements.index(element);
	
	moveUndermenu(aktIdx);
	
}

function moveUndermenu(index) {
	
	var aktNr 		= 1;
	var newNr		= index + 1;
	var aElements 	= $('a','ul#underMenu li');
	var kunde		= aElements.eq(index).attr("rel");
	
	aElements.each(function(i) {
		if($(this).hasClass('aktiv'))
			aktNr = i + 1;
	})
		
	aElements.removeClass('aktiv');
	aElements.eq((newNr - 1)).addClass('aktiv');
	
	var steps 	= 1 - (newNr);
	var cssTop	= 18 * steps;		
	
	$('#loading').fadeIn(200);
	$('.galerieContent').fadeOut();
	$('ul#underMenu').eq(0).animate({ top: cssTop + 'px' },300, function() {

		$('#content').load('load_kunde.php', { 'kunde' : kunde }, function() { createSiteMenu(); moveIt(newNr); });

	});

}

function moveIt(index) {

	//alert(index);
	//cloneElements.prependTo('ul#underMenu');
	//cloneElements.appendTo('ul#underMenu');

}

function initArrow() {

	var galerieElements = $('.galerieContent');	
	var aktivElement	= galerieElements.index($('.galerieContent.aktiv'));
	
	var back = $('#arrowPrevious');
	var next = $('#arrowNext');
	
	if(aktivElement >= 1)
		back.show();
	else
		back.hide();

	if((galerieElements.length - 1) > aktivElement)
		next.show();
	else
		next.hide();

}

function galerieArrow() {

	var galerieElements = $('.galerieContent');	
	var menuElements 	= $('ul#siteMenu a');
	
	$('a.portfoilioArrow').click(function(e) {

		e.preventDefault();
		
		var aktivElement	= $('.galerieContent').index($('.galerieContent.aktiv'));
		var direction 		= $(this).attr('rel');
		
		if(direction == "next")
			var index = (aktivElement + 1);
		else
			var index = (aktivElement - 1);

		changeContent(index);
		
	});

}

$(function() {

	$('a.underDirection').click(function(e) {
	
		e.preventDefault();
		
		var aElements 	= $('a','ul#underMenu li');
		var direction 	= $(this).attr('rel');
		var position	= $('ul#underMenu').eq(0).position();
		
		var tmpAktiv	= Math.ceil( (position.top / 18) );
		var top 		= tmpAktiv * 18;
		
		if(direction == "up") {
			
			if(position.top < 0)
				$('ul#underMenu').eq(0).animate({ top: (top + 18) + 'px' },300, function() { moveIt( ((tmpAktiv * -1) + 1) ); });
			
		}
		else {
			
			if(((aElements.length - 1) * (-18)) <= (position.top - 18))
				$('ul#underMenu').eq(0).animate({ top: (top - 18) + 'px' },300, function() { moveIt( ((tmpAktiv * -1) + 1) ); });
			
		}
		
		//cloneElements.length
	
	});

});

$(function() {
	
	galerieArrow();
	setTimeout ( function() { window.scrollTo(0,0); } , 500 );

});