// PRAXIS DR. EINHELLIG www. dr-einhellig.de 2009 Basic JavaScript Document in combination with jQuery



$(document).ready(function() {
						   
	$('#mainImageLg').css('display','none');
	$('#mainImageMap').css('display','none');
	$('.navRight').css('display','none');

	
	$('.imgNext').css('display','none');
	$('#1').css('display','inline');

	
	$('#praxisImage').hover(
      function () {
        $(this).css('border', 'solid 3px #e66019'); 
		$(this).css('cursor', 'pointer');

      }, 
      function () {
        $(this).css('border', 'solid 3px #676767'); 
		$(this).css('cursor', 'default');
	
      }
    );
	
	$('#mainImageLg').hover(
      function () {
		$(this).css('cursor', 'pointer');
		
      }, 
      function () {
		$(this).css('cursor', 'default');
      }
    ); 

 
	 	 // Using multiple unit types within one animation.
    $('#praxisImage').click(function(){
		$("#mainImageLg").fadeIn('slow');
		$(this).fadeOut('slow');

    });
	
	 
	 $('#mainImageLg').click(function() {
		$('#praxisImage').fadeIn('slow');
		$(this).fadeOut('slow');
 	 });
	 
// PRAXIS RUNDGANG	
	// nextButton
	
	$('.imgNext').hover(
      function () {
		$(this).css('background-image', 'url("../images/nextImg-o.gif")'); 
		$(this).css('cursor', 'pointer');
		
      }, 
      function () {
        $(this).css('background-image', 'url("../images/nextImg.gif")')
		$(this).css('cursor', 'default');	
      }
    ); 


  $('#1').click(function() {
	$('#image0').css('display','none');
	$('#image1').css('display','inline');
	$('#1').css('display','none');
	$('#2').css('display','inline');
	
  });
  
    $('#2').click(function() {
	$('#image0').css('display','none');
	$('#image1').css('display','none');
	$('#image2').css('display','inline');
	$('#2').css('display','none');
	$('#3').css('display','inline');
	
  });
	
	$('#3').click(function() {
	$('#image1').css('display','none');
	$('#image2').css('display','none');
	$('#image3').css('display','inline');
	$('#3').css('display','none');
	$('#4').css('display','inline');
	
  });
	
	$('#4').click(function() {
	$('#image1').css('display','none');
	$('#image2').css('display','none');
	$('#image3').css('display','none');
	$('#image4').css('display','inline');
	$('#4').css('display','none');
	$('#5').css('display','inline');
	
  });
	
	$('#5').click(function() {
	$('#image1').css('display','none');
	$('#image2').css('display','none');
	$('#image3').css('display','none');
	$('#image4').css('display','none');
	$('#image5').css('display','inline');
	$('#5').css('display','none');
	$('#6').css('display','inline');
	
  });
	
	$('#6').click(function() {
	$('#image1').css('display','none');
	$('#image2').css('display','none');
	$('#image3').css('display','none');
	$('#image4').css('display','none');
	$('#image5').css('display','none');
	$('#image6').css('display','inline');
	$('#6').css('display','none');
	$('#7').css('display','inline');
	
  });
		$('#6').click(function() {
	$('#image1').css('display','none');
	$('#image2').css('display','none');
	$('#image3').css('display','none');
	$('#image4').css('display','none');
	$('#image5').css('display','none');
	$('#image6').css('display','none');
	$('#image7').css('display','inline');
	$('#7').css('display','none');
	$('#0').css('display','inline');
	
  });
	$('#8').click(function() {
	$('#image0').css('display','inline');
	$('#image1').css('display','none');
	$('#image2').css('display','none');
	$('#image3').css('display','none');
	$('#image4').css('display','none');
	$('#image5').css('display','none');
	$('#image6').css('display','none');
	$('#image7').css('display','none');
	$('#7').css('display','none');
	$('#0').css('display','inline');
	
  });
	$('#0').click(function() {
	$('#image0').css('display','inline');
	$('#image1').css('display','inline');
	$('#image2').css('display','inline');
	$('#image3').css('display','inline');
	$('#image4').css('display','inline');
	$('#image5').css('display','inline');
	$('#image6').css('display','inline');
	$('#image7').css('display','inline');
	$('#0').css('display','none');
	$('#2').css('display','inline');
  });
  
  	$('#image1').click(function() {
		$('#image1').fadeOut('slow');
 	 });
  

	
	$('#image1').click(function() {
		$('#image2').fadeIn('slow');
 	 }); 
	


// ANFAHRT MAPS

	
	$('#mapImage').hover(
      function () {
        $(this).css('border', 'solid 3px #e66019'); 
		$(this).css('cursor', 'pointer');
	
      }, 
      function () {
        $(this).css('border', 'solid 3px #676767'); 
		$(this).css('cursor', 'default');
	
      }
    );
	
		
	$('#mainImageMap').hover(
      function () {
        $(this).css('border', 'solid 3px #e66019'); 
		$(this).css('cursor', 'pointer');
		$('.navRight').css('display','inline');
		
      }, 
      function () {
        $(this).css('border', 'solid 3px #676767'); 
		$(this).css('cursor', 'default');
		$('.navRight').css('display','none');
		
      }
    );
	
		
	$('#mainImageMap1').hover(
      function () {
        $(this).css('border', 'solid 3px #e66019'); 
		$(this).css('cursor', 'pointer');
		$('.navRight').css('display','inline');
		
      }, 
      function () {
        $(this).css('border', 'solid 3px #676767'); 
		$(this).css('cursor', 'default');
		$('.navRight').css('display','none');
		
      }
    );

	$('#mapImage').click(function() {
		$(this).fadeOut('slow');
		$('#mainImageMap').fadeIn('slow');
		
 	 });

	$('#mainImageMap').click(function() {
		$(this).fadeOut('slow');
		$('#mainImageMap1').fadeIn('slow');
 	 });
	
	$('#mainImageMap1').click(function() {
		$(this).fadeOut('slow');
		$('#mapImage').fadeIn('slow');
		
 	 });


// INLINE WINDOWS

  /* assignment: inline window navigantion dr-einhellig #popupWrap #popUpWindow2 buttons show .inlineNav on hovering */	
	$('.inlineNav ul li').hover(function() {	
		$(this).addClass('inlineHover').css('cursor', 'pointer');;
	}, function() {
		$(this).removeClass('inlineHover').css('cursor', 'default');
  });
 
 
 	
	$('#popSub1, #popSub2, #popSub3, #popSub4, #popSub5, #popSub6, #popSub7, #popSub8').css('display','none');
	$('#popSub8').slideDown('fast').addClass('popSubActive');
	$('.inlineNav ul li:eq(0)').addClass('inlineActive');
	
/* assignment: inline window navigantion dr-einhellig #popupWrap #popUpWindow2 buttons show .inlineNav on hovering */					   
 	 $('.inlineNav ul li:eq(0)').click(function() {
	$('.inlineNav').find('.inlineActive').removeClass('inlineActive');
	$('.popSubActive').css('display','none').removeClass('popSubActive');;	
    $('#popSub8').slideDown('fast').addClass('popSubActive');
	$(this).addClass('inlineActive');
  });

 $('.inlineNav ul li:eq(1)').click(function() {
	$('.inlineNav').find('.inlineActive').removeClass('inlineActive');
	$('.popSubActive').css('display','none').removeClass('popSubActive');;	
    $('#popSub7').slideDown('fast').addClass('popSubActive');
	$(this).addClass('inlineActive');
  });

 $('.inlineNav ul li:eq(2)').click(function() {
	$('.inlineNav').find('.inlineActive').removeClass('inlineActive');
	$('.popSubActive').css('display','none').removeClass('popSubActive');;	
    $('#popSub6').slideDown('fast').addClass('popSubActive');
	$(this).addClass('inlineActive');
  });

 $('.inlineNav ul li:eq(3)').click(function() {
	$('.inlineNav').find('.inlineActive').removeClass('inlineActive');
	$('.popSubActive').css('display','none').removeClass('popSubActive');;	
    $('#popSub5').slideDown('fast').addClass('popSubActive');
	$(this).addClass('inlineActive');
  });					   
						   
   $('.inlineNav ul li:eq(4)').click(function() {
	$('.inlineNav').find('.inlineActive').removeClass('inlineActive');
	$('.popSubActive').css('display','none').removeClass('popSubActive');;	
    $('#popSub4').slideDown('fast').addClass('popSubActive');
	$(this).addClass('inlineActive');
  });						   
						   
    $('.inlineNav ul li:eq(5)').click(function() {
	$('.inlineNav').find('.inlineActive').removeClass('inlineActive');
	$('.popSubActive').css('display','none').removeClass('popSubActive');;	
    $('#popSub3').slideDown('fast').addClass('popSubActive');
	$(this).addClass('inlineActive');
  });
   
    $('.inlineNav ul li:eq(6)').click(function() {
	$('.inlineNav').find('.inlineActive').removeClass('inlineActive');
	$('.popSubActive').css('display','none').removeClass('popSubActive');;	
    $('#popSub2').slideDown('fast').addClass('popSubActive');
	$(this).addClass('inlineActive');
  });

 $('.inlineNav ul li:eq(7)').click(function() {
	$('.inlineNav').find('.inlineActive').removeClass('inlineActive');
	$('.popSubActive').css('display','none').removeClass('popSubActive');
    $('#popSub1').slideDown('fast').addClass('popSubActive');
	$(this).addClass('inlineActive');
  });
 
	
});