// VÖLKwerbung Office JavaScript Document in combination with jQuery



/* office piture hover effects */
$(document).ready(function() {	
	var animationInProgress = false;
	var $initalText = $('.subNavDescription').find('p').html();
	var $initalTextPosition = $('.subNavDescription').css('left');
	//alert($initalTextPosition);
	//var $initalText = $('.subNavDescription ul').find('li').html();
	//alert($initalText);

	
	var slide0 = function() { 
		$('.mainScrollImage img:eq(0)').css('cursor', 'e-resize');
		$('.subNavLeft h4').removeClass('h4Active');	
		$('.subNavLeft h4:eq(0)').addClass('h4Active');	

		if (!animationInProgress) {
			animationInProgress = true;
			$('.subNavDescription').find('p').empty().fadeOut('fast');
			$('.mainScrollImage img:eq(0)').animate({width: 442, left: -237}, 'normal', function() {
				$('.mainScrollImage img:eq(0)').css('cursor', 'default');
				$('.subNavDescription').css('left','123px');
				$('.subNavDescriptionNr').css('left','99px');
				$('.subNavDescriptionNr').find('p').text('1');
				//$('.subNavDescription').find('p').text('…oder Aussichten?').fadeIn('fast', function() {
				//$('.subNavDescription').find('p').text('…mit guten Aussichten!').fadeIn('fast', function() {
				$('.subNavDescription').find('p').text('…hier entsteht Werbung mit Weitblick').fadeIn('fast', function() {
																										 
						$('.subNavLeft ul li').removeClass('subNavLeftActive');
						$('.subNavLeft ul li:eq(0)').addClass('subNavLeftActive');
						animationInProgress = false;																																																 			});
				
	   	 }); 
		}
		
	};
	
 $('.subNavLeft h4 a:eq(0)').click(slide0);	
// $('.mainScrollImage img:eq(0)').mouseover(slide0);
 $('.mainScrollImage img:eq(0)').click(slide0);

	
var slide1 = function() { 
		$('.mainScrollImage img:eq(1)').css('cursor', 'e-resize');
		$('.subNavLeft h4').removeClass('h4Active');	
		$('.subNavLeft h4:eq(1)').addClass('h4Active');	

		if (!animationInProgress) {
			animationInProgress = true;
			$('.subNavDescription').find('p').empty().fadeOut('fast');
			$('.mainScrollImage img:eq(0)').animate({width: 205, left: 237}, 'normal'); 		
			//$('.mainScrollImage img:eq(0)').animate({width: 41, left: 237}, 'normal'); 
			$('.mainScrollImage img:eq(1)').animate({width: 441, left: -401}, 'normal', function() {
			
				$(this).css('cursor', 'default');
				$('.subNavDescriptionNr').css('left','222px');
				$('.subNavDescriptionNr').find('p').text('2');
				$('.subNavDescription').css('left','246px');
				//$('.subNavDescription').find('p').text('Nach eingehender fundierter Beratung…').fadeIn('fast', function() {
				$('.subNavDescription').find('p').text('…"schöne Werbung heißt nicht unbedingt erfolgreiche Werbung"').fadeIn('fast', function() {
						$('.subNavLeft ul li').removeClass('subNavLeftActive');
						$('.subNavLeft ul li:eq(1)').addClass('subNavLeftActive');
						animationInProgress = false;																																																 			});
			/*	$('.mainScrollImage img:eq(2)').animate({width: 41, left: 164}, 'normal'); 
				$('.mainScrollImage img:eq(3)').animate({width: 41, left: 401}, 'normal'); 
				$('.mainScrollImage img:eq(4)').animate({width: 41, left: 401}, 'normal'); 
				$('.mainScrollImage img:eq(5)').animate({width: 41, left: 401}, 'normal');
				$('.mainScrollImage img:eq(6)').animate({width: 41, left: 401}, 'normal'); */
				
	   	 }); 
		}
		
	};
	
 $('.subNavLeft h4 a:eq(1)').click(slide1);	
// $('.mainScrollImage img:eq(1)').mouseover(slide1);
 $('.mainScrollImage img:eq(1)').click(slide1);
	

	
	var slide2 = function() { 
		$('.mainScrollImage img:eq(2)').css('cursor', 'e-resize');
		$('.subNavLeft h4').removeClass('h4Active');	
		$('.subNavLeft h4:eq(2)').addClass('h4Active');	

		if (!animationInProgress) {
			animationInProgress = true;
			$('.subNavDescription').find('p').empty().fadeOut('fast');
			$('.mainScrollImage img:eq(0)').animate({width: 205, left: 237}, 'normal'); 
			//$('.mainScrollImage img:eq(0)').animate({width: 164, left: 237}, 'normal'); 	
			$('.mainScrollImage img:eq(1)').animate({width: 41, left: 401}, 'normal'); 
			$('.mainScrollImage img:eq(2)').animate({width: 400, left: -164}, 'normal', function() {
			//$('.mainScrollImage img:eq(2)').animate({width: 242, left: -164}, 'normal', function() {	
				$('.mainScrollImage img:eq(2)').css('cursor', 'default');
				$('.subNavDescription').css('left','284px');
				$('.subNavDescriptionNr').css('left','260px');
				$('.subNavDescriptionNr').find('p').text('3');
				//$('.subNavDescription').find('p').text('machen wir uns ans Werk…').fadeIn('fast', function() {
				$('.subNavDescription').find('p').text('für gewöhnlich ist eine ungewöhnliche Lösungen die bessere – weil prägnant (merk-würdiger)').fadeIn('fast', function() {	
				
				$('.subNavLeft ul li').removeClass('subNavLeftActive');
						$('.subNavLeft ul li:eq(2)').addClass('subNavLeftActive');
						animationInProgress = false;																																																 			});
				$('.mainScrollImage img:eq(3)').animate({width: 41, left: 401}, 'normal');
				$('.mainScrollImage img:eq(3)').animate({width: 41, left: 401}, 'normal'); 
				$('.mainScrollImage img:eq(4)').animate({width: 41, left: 401}, 'normal'); 
				/*$('.mainScrollImage img:eq(5)').animate({width: 41, left: 401}, 'normal');
				$('.mainScrollImage img:eq(6)').animate({width: 41, left: 401}, 'normal');*/
				$('.mainScrollImage img:eq(5)').animate({width: 41, left: 401}, 'normal');
				//$('.mainScrollImage img:eq(6)').animate({width: 41, left: 401}, 'normal');
				//$('.mainScrollImage img:eq(7)').animate({width: 41, left: 401}, 'normal');
	   	 }); 
		}
		
	};
	
 $('.subNavLeft h4 a:eq(2)').click(slide2);	
// $('.mainScrollImage img:eq(2)').mouseover(slide2);
 $('.mainScrollImage img:eq(2)').click(slide2);

 
 var slide3 = function() { 
		$('.mainScrollImage img:eq(3)').css('cursor', 'e-resize');
		$('.subNavLeft h4').removeClass('h4Active');	
		$('.subNavLeft h4:eq(3)').addClass('h4Active');	

		if (!animationInProgress) {
			animationInProgress = true;
			$('.subNavDescription').find('p').empty().fadeOut('fast');
			$('.mainScrollImage img:eq(0)').animate({width: 82, left: 237}, 'normal'); 		
			$('.mainScrollImage img:eq(1)').animate({width: 41, left: 401}, 'normal'); 
			$('.mainScrollImage img:eq(2)').animate({width: 41, left: 164}, 'normal');
			$('.mainScrollImage img:eq(3)').animate({width: 442, left: -401}, 'normal', function() {
				
				$('.mainScrollImage img:eq(3)').css('cursor', 'default');
				$('.subNavDescriptionNr').css('left','181px');
				$('.subNavDescriptionNr').find('p').text('4');
				$('.subNavDescription').css('left','205px');
				/*$('.subNavDescription').find('p').text('Robert Völk, staatl. geprüfter Drucktechniker').append('<ul><ul><li>Comicschreiber bei Fix und Foxi</li><li>Redakteur und Chef vom Dienst bei Jugendzeitschriften</li><li>Abschluss als Werbefachwirt und freie Mitarbeit bei verschiedenen Münchner Werbeagenturen</li></ul></ul>').fadeIn('fast', function() { */
				$('.subNavDescription').find('p').text('Robert Völk ').append('<ul><ul><li>Werbefachwirt (WAM)</li><li>staatl. geprüfter Drucktechniker</li><li>Freie Mitarbeit bei Münchner Werbeagenturen</li><li>Redakteur und Chef vom Dienst bei "Popcorn"</li><li>Ideenlieferant und Blasenfüller bei "Fix und Foxi"</li></ul></ul>').fadeIn('fast', function() {
				
				$('.subNavLeft ul li').removeClass('subNavLeftActive');
						$('.subNavLeft ul li:eq(3)').addClass('subNavLeftActive');
						animationInProgress = false;																																															 			});
				$('.mainScrollImage img:eq(4)').animate({width: 41, left: 401}, 'normal'); 
				/*$('.mainScrollImage img:eq(5)').animate({width: 41, left: 401}, 'normal');
				$('.mainScrollImage img:eq(6)').animate({width: 82, left: 401}, 'normal');*/
				$('.mainScrollImage img:eq(5)').animate({width: 41, left: 401}, 'normal');
				//$('.mainScrollImage img:eq(6)').animate({width: 41, left: 401}, 'normal');
				//$('.mainScrollImage img:eq(7)').animate({width: 41, left: 401}, 'normal');
				
	   	 }); 
		}
		
	};
	
 $('.subNavLeft h4 a:eq(3)').click(slide3);	
// $('.mainScrollImage img:eq(3)').mouseover(slide3);
 $('.mainScrollImage img:eq(3)').click(slide3);


 var slide4 = function() { 
		$('.mainScrollImage img:eq(4)').css('cursor', 'e-resize');
		$('.subNavLeft h4').removeClass('h4Active');	
		$('.subNavLeft h4:eq(4)').addClass('h4Active');	
;
		if (!animationInProgress) {
			animationInProgress = true;
			$('.subNavDescription').find('p').empty().fadeOut('fast');
			$('.mainScrollImage img:eq(0)').animate({width: 82, left: 237}, 'normal'); 		
			$('.mainScrollImage img:eq(2)').animate({width: 41, left: 164}, 'normal'); 
			$('.mainScrollImage img:eq(3)').animate({width: 41, left: 401}, 'normal');  
			$('.mainScrollImage img:eq(4)').animate({width: 442, left: -401}, 'normal', function() {
				
				$('.mainScrollImage img:eq(4)').css('cursor', 'default');
				$('.subNavDescriptionNr').css('left','222px');
				$('.subNavDescriptionNr').find('p').text('5');
				$('.subNavDescription').css('left','246px');
				/*$('.subNavDescription').find('p').text('barbara völk, dipl kommunikationswirt (baw)…').fadeIn('fast');
				$('.subNavDescription').find('p').text('barbara völk').append('<ul><li>studierte in canada business administration und marketing. nach längerem aufenthalt in frankreich erfolgt der abschluss als kommunikationswirt (baw).</li></ul>').fadeIn('fast');*/
				/*$('.subNavDescription').find('p').text('Barbara Völk, Kommunikationswirt (BAW)').append('<ul><ul><li>Studierte zudem Business Administration und Marketing</li><li>Verbrachte längere Zeit in Canada und Frankreich</li></ul></ul>').fadeIn('fast', function() { */
				$('.subNavDescription').find('p').text('Barbara Völk').append('<ul><ul><li>Kommunikationswirt (BAW)</li><li>Abschluss in Business Administration und Marketing</li><li>Studienaufenthalt in Kanada und Frankreich</li></ul></ul>').fadeIn('fast', function() {																																																																	   																																																																		   				
						$('.subNavLeft ul li').removeClass('subNavLeftActive');
						$('.subNavLeft ul li:eq(4)').addClass('subNavLeftActive');
						animationInProgress = false;																																															 			});
				/*$('.mainScrollImage img:eq(5)').animate({width: 41, left: 401}, 'normal');
				$('.mainScrollImage img:eq(6)').animate({width: 82, left: 401}, 'normal');*/
				$('.mainScrollImage img:eq(5)').animate({width: 41, left: 401}, 'normal');
				//$('.mainScrollImage img:eq(6)').animate({width: 41, left: 401}, 'normal');
				//$('.mainScrollImage img:eq(7)').animate({width: 41, left: 401}, 'normal');
				
	   	 }); 
		}
		
	};
	
 $('.subNavLeft h4 a:eq(4)').click(slide4);	
// $('.mainScrollImage img:eq(4)').mouseover(slide4);
 $('.mainScrollImage img:eq(4)').click(slide4);	
 
 
  var slide5 = function() { 
		$('.mainScrollImage img:eq(5)').css('cursor', 'e-resize');
		$('.subNavLeft h4').removeClass('h4Active');	
		$('.subNavLeft h4:eq(5)').addClass('h4Active');	
;
		if (!animationInProgress) {
			animationInProgress = true;
			$('.subNavDescription').find('p').empty().fadeOut('fast');
			$('.mainScrollImage img:eq(0)').animate({width: 41, left: 237}, 'normal'); 		
			$('.mainScrollImage img:eq(2)').animate({width: 41, left: 164}, 'normal'); 
			$('.mainScrollImage img:eq(3)').animate({width: 41, left: 401}, 'normal');  
			$('.mainScrollImage img:eq(4)').animate({width: 41, left: 401}, 'normal');
			$('.mainScrollImage img:eq(5)').animate({width: 442, left: -401}, 'normal', function() {
				
				$('.mainScrollImage img:eq(5)').css('cursor', 'default');
				$('.subNavDescriptionNr').css('left','222px');
				$('.subNavDescriptionNr').find('p').text('6');
				$('.subNavDescription').css('left','246px');
				/*$('.subNavDescription').find('p').text('barbara völk, dipl kommunikationswirt (baw)…').fadeIn('fast');
				$('.subNavDescription').find('p').text('barbara völk').append('<ul><li>studierte in canada business administration und marketing. nach längerem aufenthalt in frankreich erfolgt der abschluss als kommunikationswirt (baw).</li></ul>').fadeIn('fast');
				$('.subNavDescription').find('p').text('Julia Meier, Dipl.-Ing. (FH) Medientechnik').append('<ul><ul><li>Freie Mitarbeiterin</li></ul></ul>').fadeIn('fast', function() {*/
				$('.subNavDescription').find('p').text('Julia Meier').append('<ul><ul><li>Dipl.-Ing. (FH) Medientechnik</li><li>Freie Mitarbeiterin</li></ul></ul>').fadeIn('fast', function() {
					
						$('.subNavLeft ul li').removeClass('subNavLeftActive');
						$('.subNavLeft ul li:eq(5)').addClass('subNavLeftActive');
						animationInProgress = false;																																															 			});
				/*$('.mainScrollImage img:eq(6)').animate({width: 41, left: 401}, 'normal');
				$('.mainScrollImage img:eq(7)').animate({width: 82, left: 401}, 'normal');*/
				
				//$('.mainScrollImage img:eq(6)').animate({width: 41, left: 401}, 'normal');
				//$('.mainScrollImage img:eq(7)').animate({width: 41, left: 401}, 'normal');
				
	   	 }); 
		}
		
	};
	
 $('.subNavLeft h4 a:eq(5)').click(slide5);	
// $('.mainScrollImage img:eq(4)').mouseover(slide4);
 $('.mainScrollImage img:eq(5)').click(slide5);	
	
	


 $('.subNavLeft h3').mouseover(function() { 
 		if (!animationInProgress) {
			animationInProgress = true;
			$('.subNavDescription').find('p').empty().fadeOut('fast');
			$('.mainScrollImage img:eq(0)').animate({width: 205, left: -237}, 'normal', function() {
				$('.mainScrollImage img:eq(0)').css('cursor', 'default');
				$('.subNavDescription').css('left','123px');
				$('.subNavDescriptionNr').css('left','99px');
				$('.subNavDescriptionNr').find('p').text('');
				$('.subNavDescription').find('p').text('Arbeitsalltag…').fadeIn('fast', function() {
						//$('.subNavLeft ul li').removeClass('subNavLeftActive');
						$('.subNavLeft h4').removeClass('h4Active');	
		
						animationInProgress = false;																																																 			});
				$('.mainScrollImage img:eq(1)').animate({width: 41, left: 401}, 'normal'); 
				$('.mainScrollImage img:eq(2)').animate({width: 41, left: 164}, 'normal'); 
				$('.mainScrollImage img:eq(3)').animate({width: 41, left: 401}, 'normal'); 
				$('.mainScrollImage img:eq(4)').animate({width: 41, left: 401}, 'normal');
				//$('.mainScrollImage img:eq(5)').animate({width: 41, left: 401}, 'normal'); 
				$('.mainScrollImage img:eq(5)').animate({width: 324, left: 401}, 'normal');
				//$('.mainScrollImage img:eq(6)').animate({width: 41, left: 401}, 'normal');
				//$('.mainScrollImage img:eq(6)').animate({width: 242, left: 401}, 'normal');
				//$('.mainScrollImage img:eq(7)').animate({width: 41, left: 401}, 'normal');
	   	 }); 
		}
 });	
			
});