// JavaScript Document

jQuery.noConflict();
jQuery(document).ready(function($){		
		
		// appending descriptive spans to main-nav
		$('<span>menschraum</span>').appendTo('.item-108 a');
		// $('.item-108').append('<span>menschraum</span>');
		//$('.item-103').append('<span>Was wir tun</span>');
		$('<span>Leistungsspektrum</span>').appendTo('.item-103 a');
		//$('.item-104').append('<span>Wie wir helfen</span>');
		$('<span>Methodik & Vorgehen</span>').appendTo('.item-104 a');
		//$('.item-105').append('<span>Portfolio & Referenzen</span>');
		$('<span>Portfolio & Partner</span>').appendTo('.item-105 a');
		//$('.item-102').append('<span>Carolin Germek</span>');
		$('<span>&Uuml;ber, Neues & Kontakt</span>').appendTo('.item-102 a');
		
		
		// appending go-back-buttons to category-blog articles view
		$('<div class="back-button"><a href="javascript:history.go(-1)">Zur&uuml;ck</a></div>').appendTo('.item-page_news');
		$('<div class="back-button"><a href="javascript:history.go(-1)">Zur&uuml;ck</a></div>').appendTo('.item-page_portfolio');
		


		//append a span to sub navi list a elements to house the list-image. Here: Arrow via css	   
	   $("nav#sub-nav ul li:first-child").addClass("li_first");
	   $("nav#sub-nav ul li:last-child").addClass("li_last");
	   
	   //sub navi fade time (could be used for other stuff too, acting as a global var
	   var fadeDuration = 150; //time in milliseconds
	   
	  //sub navi function to display hover fx
      $('nav#sub-nav li a').hover(function() {
        $(this).animate({ paddingLeft: '30px' }, fadeDuration);
        $(this).children('span').show().animate({ left: -5 }, fadeDuration);
      }, function() {
        $(this).animate({ paddingLeft: '15px' }, fadeDuration);
        $(this).children('span').animate({ left: -35 }, fadeDuration).fadeOut(fadeDuration);          
      });
	  $("nav#sub-nav ul li a").append("<span class='listicon'></span>");
	  
	  //scroll top
	  $('a[href=#top]').click(function(){
      $('html, body').animate({scrollTop:0}, 'slow');
      return false;
      });		
});