var buzzwords = [];
var slideIntervalID = 0;

function trace(msg) {
	if (navigator.userAgent.indexOf('Safari') > -1) {
		console.log(msg);
	}
}

$(document).ready(function() {
	
	trace('ready ***');
	
	if ($('.buzzWord').length > 0) {
		initBuzzWords();
	}
	
	if ($('.portfolioOuterBox').length > 0) {
		initPortfolio();
	}

});

function initBuzzWords() {
	
	// ----------- buzzWords ----------- //
	
	//if $('..buzzWord').length > 0)
	$('#main').css({opacity: '0'});
	//$('#main p+p').css({margin-top: '4px'});
	$('#main').animate({opacity: '1'}, 1000);
	$('#main').append('<div id="buzzWordInfo"> Über die <strong>fett</strong> dargestellten Wörter erfahren Sie mehr, wenn Sie mit dem Mauspfeil darüberrollen.</div>');
	
	$('#buzzWordInfo').css({opacity: '0'});
	$('#buzzWordInfo').animate({opacity: '1'}, 2000);
	
	$('.buzzWord').css({fontWeight: 'bold'});
	$('.buzzWord').parent().append('<div class="buzzBox">buzz</div>');
	
	$.ajax({
			url: '_system/data/buzzwords.xml',
			success: function(data) {
				trace('dada');
				buzzwords = $(data);
				$('.buzzWord').mouseenter(function(event){
					event.preventDefault();
					var name = $(this).attr('href').replace(/^\#/, '');
					var buzzwordNode = buzzwords.find('[name="' + name + '"]').eq(0);
					if (buzzwordNode != undefined) {
						var description = buzzwordNode.find('description').eq(0).text();
						var buzzBox = $(this).parent().find('.buzzBox');
						buzzBox.html(description);
						buzzBox.slideDown(500);
						//$(this).animate({backgroundColor: '#ffcc00'});
					} else {
						trace('no node found');
					}
					
				});
				$('.buzzWord').parent().mouseleave(function(event){
					var buzzBox = $(this).parent().find('.buzzBox');
					buzzBox.slideUp(500);
				});
			}
		}
	);
		
	$('.buzzWord').each(function(){
		trace($(this).attr('href'));
	});
	
	// ----------- buzzWords (end) ----------- //
}

function initPortfolio() {
	
	// ----------- portfolio ----------- //
	
	trace('gigot');
	
	$('.portfolioOuterBox').css({position: 'absolute', left: '0', top: '0', opacity: '0'});
	$('.portfolioOuterBox').eq(0).css({zIndex: '100'});
	
	$('.portfolioImageBox').append('<div class="portfolioClicker">weiter</div>');
	$('.portfolioImageBox').css({textAlign: 'right'});
	
	$('#portfolioImage_0').load(function(){
		trace('first image loaded');
		$('.portfolioOuterBox').eq(0).animate({opacity: '1'}, 500);
	});
		
	trace($('.portfolioClicker').text());
	$('.portfolioClicker').css({position: 'absolute', bottom: '0px', cursor: 'pointer'});
	$('.portfolioClicker').click(function(){
		trace('current id: ' + $(this).parent().parent().attr('id'));
		var grandParent = $(this).parent().parent();
		var next = grandParent.next();
		trace('next:');
		trace(next);
		if (next.length == 0) {
			trace('starting over...');
			next = $('.portfolioOuterBox:first');
		}
		trace('next id: ' + next.attr('id'));
		grandParent.fadeOut(500);
		next.css({zIndex: '100'});
		next.animate({opacity: '1'}, 500);
		
	});
	
	// ----------- portfolio (end) ----------- //
	
	
}