// 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() {
						$('.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() {
						$('.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() {
						$('.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');
				
	   	 }); 
		}
		
	};
	
 $('.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() {
						$('.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');
				
	   	 }); 
		}
		
	};
	
 $('.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() {
						$('.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');
				
	   	 }); 
		}
		
	};
	
 $('.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: 400, left: -200}, 'normal', function() {
				
				$('.mainScrollImage img:eq(5)').css('cursor', 'default');
				$('.subNavDescription').css('left','287px');
				$('.subNavDescriptionNr').css('left','263px');
				$('.subNavDescriptionNr').find('p').text('6');
			//	$('.subNavDescription').find('p').text('um auch zu ungewöhnlichen Lösungen zu gelangen…').fadeIn('fast', function() {
				$('.subNavDescription').find('p').text('und suchen nach ungewöhnlichen Lösungen…').fadeIn('fast', function() {
						$('.subNavLeft ul li').removeClass('subNavLeftActive');
						$('.subNavLeft ul li:eq(5)').addClass('subNavLeftActive');
						animationInProgress = false;																																																 			});
				//$('.mainScrollImage img:eq(6)').animate({width: 82, left: 401}, 'normal');
				
	   	 }); 
		}
		
	};
	
	
	
 $('.subNavLeft h4 a:eq(5)').click(slide5);	
// $('.mainScrollImage img:eq(5)').mouseover(slide5);
 $('.mainScrollImage img:eq(5)').click(slide5);		
	
	
 var slide6 = function() { 
		$('.mainScrollImage img:eq(6)').css('cursor', 'e-resize');
		$('.subNavLeft h4').removeClass('h4Active');	
		$('.subNavLeft h4:eq(6)').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: 41}, 'normal');
			$('.mainScrollImage img:eq(6)').animate({width: 442, right: -360}, 'normal', function() {
				$('.mainScrollImage img:eq(6)').css('cursor', 'default');
				$('.subNavDescriptionNr').css('left','304px');
				$('.subNavDescriptionNr').find('p').text('7');
				$('.subNavDescription').css('left','328px');
				$('.subNavDescription').find('p').text('…so realisieren wir Werbemaßnahmen seit fast 25 Jahren für kleine bis mittelständische Unternehmen von Bremen bis Garmisch-Partenkirchen.').fadeIn('fast', function() {
						$('.subNavLeft ul li').removeClass('subNavLeftActive');
						$('.subNavLeft ul li:eq(6)').addClass('subNavLeftActive');
						animationInProgress = false;																																															 			});
				
				
	   	 }); 
		}
		
	};
	

 $('.subNavLeft h4 a:eq(6)').click(slide6);	
// $('.mainScrollImage img:eq(6)').mouseover(slide6);
 $('.mainScrollImage img:eq(6)').click(slide6);		

 $('.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: 242, left: 401}, 'normal');
				$('.mainScrollImage img:eq(6)').animate({width: 82, left: 401}, 'normal');
	   	 }); 
		}
 });	
			
});