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



 function expandCollapse() {
	for (var i=0; i<expandCollapse.arguments.length; i++) {
		var element = document.getElementById(expandCollapse.arguments[i]);
		element.style.display = (element.style.display == "none") ? "block" : "none";
	
	}
}



$(document).ready(function() {
						   
	$('#mainImageLg').css('display','none');
	$('#mainImageMap').css('display','none');
	//$('#mainImageMap1').css('display','none');
	$('.navRight').css('display','none');
	//$('#mainImageRundgang').css('display','none');
//	$('#mainImageRundgang span').css('display','none');
//	$('#mainImageRundgang').fadeIn('slow');
	//$('#image1').fadeIn('slow');
	
	
	$('.imgNext').css('display','none');
	$('#1').css('display','inline');

	
	$('#praxisImage').hover(
      function () {
        $(this).css('border', 'solid 3px #e66019'); 
		$(this).css('cursor', 'pointer');
		//$('#mainImageLg').css('display','inline');
		
      }, 
      function () {
        $(this).css('border', 'solid 3px #676767'); 
		$(this).css('cursor', 'default');
		//$('#mainImageLg').css('display','none');
		
      }
    );
	
	$('#mainImageLg').hover(
      function () {
       // $(this).css('border', 'solid 3px #e66019'); 
		$(this).css('cursor', 'pointer');
		//$('#mainImageLg').css('display','inline');
		
      }, 
      function () {
        //$(this).css('border', 'solid 3px #676767'); 
		$(this).css('cursor', 'default');
		//$('#mainImageLg').css('display','none');
		
      }
    ); 

// PRAXIS IMAGES
	/* $('#praxisImage').click(function() {
		//$('#mainImageLg').css('display','inline');
		$('#mainImageLg').fadeIn('slow');
 	 }); */
	 
	 	 // Using multiple unit types within one animation.
    $('#praxisImage').click(function(){
		$("#mainImageLg").fadeIn('slow');
		$(this).fadeOut('slow');
     /* $("#mainImageLg").animate({ 
		marginRight: "20px",
      }, 1500 ); */
    });
	
	 
	 $('#mainImageLg').click(function() {
		//$(this).css('display','none');
		$('#praxisImage').fadeIn('slow');
		$(this).fadeOut('slow');
 	 });
	 
// PRAXIS RUNDGANG	
	// nextButton
	
	$('.imgNext').hover(
      function () {
        	//$(this).css('background-color', '#eee', 'color', '#2b2b2b'); // this works!
		$(this).css('background-image', 'url("../images/nextImg-o.gif")'); // this is not working
		$(this).css('cursor', 'pointer');
		//$('#mainImageLg').css('display','inline');
		
      }, 
      function () {
        $(this).css('background-image', 'url("../images/nextImg.gif")')
		$(this).css('cursor', 'default');
		//$('#mainImageLg').css('display','none');
		
      }
    ); 

	
/*	$('#mainImageRundgang').click(function() {
		$('#mainImageRundgang img').attr({ src: "../images/praxis/rundgang2-lg.jpg", alt: "Praxis Eingang" }); 
		
 	 }); */


// for testing: changes toe new pic
/*  $('.imgNext').hover(function() {
	$('#mainImageRundgang img').attr({ src: "../images/praxis/rundgang2-lg.jpg", alt: "Praxis Eingang" });
   
   }, function() {
	//$('#mainImageRundgang').css('display','none');
	$('#mainImageRundgang img').attr({ src: "../images/praxis/rundgang2-lg.jpg", alt: "Praxis Eingang" }); 
  }); */
  
  $('#1').click(function() {
	//$('#mainImageRundgang').css('display','inline');
	//$('#image1').fadeOut('slow');
	$('#image0').css('display','none');
	$('#image1').css('display','inline');
	//$('#image2').fadeIn('slow');
	$('#1').css('display','none');
	$('#2').css('display','inline');
	
  });
  
    $('#2').click(function() {
	//$('#image2').fadeOut('slow');
	$('#image0').css('display','none');
	$('#image1').css('display','none');
	$('#image2').css('display','inline');
	//$('#image2').css('display','none');
	//$('#image3').fadeIn('slow');
	$('#2').css('display','none');
	$('#3').css('display','inline');
	
  });
	
	$('#3').click(function() {
	//$('#image2').fadeOut('slow');
	$('#image1').css('display','none');
	$('#image2').css('display','none');
	$('#image3').css('display','inline');
	//$('#image3').fadeIn('slow');
	$('#3').css('display','none');
	$('#4').css('display','inline');
	
  });
	
	$('#4').click(function() {
	//$('#image2').fadeOut('slow');
	$('#image1').css('display','none');
	$('#image2').css('display','none');
	$('#image3').css('display','none');
	$('#image4').css('display','inline');
	//$('#image3').fadeIn('slow');
	$('#4').css('display','none');
	$('#5').css('display','inline');
	
  });
	
	$('#5').click(function() {
	//$('#image2').fadeOut('slow');
	$('#image1').css('display','none');
	$('#image2').css('display','none');
	$('#image3').css('display','none');
	$('#image4').css('display','none');
	$('#image5').css('display','inline');
	//$('#image3').fadeIn('slow');
	$('#5').css('display','none');
	$('#6').css('display','inline');
	
  });
	
	$('#6').click(function() {
	//$('#image2').fadeOut('slow');
	$('#image1').css('display','none');
	$('#image2').css('display','none');
	$('#image3').css('display','none');
	$('#image4').css('display','none');
	$('#image5').css('display','none');
	$('#image6').css('display','inline');
	//$('#image3').fadeIn('slow');
	$('#6').css('display','none');
	$('#7').css('display','inline');
	
  });
		$('#6').click(function() {
	//$('#image2').fadeOut('slow');
	$('#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');
	
	//$('#image3').fadeIn('slow');
	$('#7').css('display','none');
	$('#0').css('display','inline');
	
  });
	$('#8').click(function() {
	//$('#image2').fadeOut('slow');
	$('#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');
	//$('#image3').fadeIn('slow');
	$('#7').css('display','none');
	$('#0').css('display','inline');
	
  });
	$('#0').click(function() {
	//$('#image2').fadeOut('slow');
	$('#image0').css('display','inline');
	//$('#image0').css('display','none');
	$('#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');
	//$('#image3').fadeIn('slow');
	$('#0').css('display','none');
	$('#2').css('display','inline');
	//$('#3').css('display','inline');

  });
  
  	$('#image1').click(function() {
		//$('#mainImageLg').css('display','inline');
		$('#image1').fadeOut('slow');
 	 });
  
/*	$('.imgNext').click(function() {
								 
		if ($('#1') ==  1) {
			  $('#image1').fadeOut('slow');
			  $('#image2').fadeIn('slow');	  
	   	 } 
 	 }); */
	
	
	//$('.imgNext').click( function() { alert("Hello"); } );
	//$('.imgNext').click( function() { $('#mainImageRundgang img').attr({ src: "../images/praxis/rundgang2-lg.jpg", alt: "Praxis Eingang" }); } );
	
	
	$('#image1').click(function() {
	
		$('#image2').fadeIn('slow');
 	 }); 
	


// ANFAHRT MAPS

	
	$('#mapImage').hover(
      function () {
        $(this).css('border', 'solid 3px #e66019'); 
		$(this).css('cursor', 'pointer');
		//$('#mainImageLg').css('display','inline');
		
      }, 
      function () {
        $(this).css('border', 'solid 3px #676767'); 
		$(this).css('cursor', 'default');
		//$('#mainImageLg').css('display','none');
		
      }
    );
	
		
	$('#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() {
		//$('#mainImageLg').css('display','inline');
		$(this).fadeOut('slow');
		$('#mainImageMap').fadeIn('slow');
		
 	 });

	$('#mainImageMap').click(function() {
		$(this).fadeOut('slow');
		
		$('#mainImageMap1').fadeIn('slow');
		//$('#mainImageMap img').attr({ src: "../images/anfahrt/anfahrt1-lg.jpg", alt: "Anfahrt München Regensburg" }); 
		//$('#mainImageMap img').attr({ src: "../images/anfahrt/anfahrt-lg.jpg", alt: "Anfahrt Landshut" }); 
		//$('#mainImageMap').fadeIn('slow');
 	 });
	
	$('#mainImageMap1').click(function() {
		$(this).fadeOut('slow');
		$('#mapImage').fadeIn('slow');
		
		//$('#mainImageMap img').attr({ src: "../images/anfahrt/anfahrt1-lg.jpg", alt: "Anfahrt München Regensburg" }); 
		//$('#mainImageMap img').attr({ src: "../images/anfahrt/anfahrt-lg.jpg", alt: "Anfahrt Landshut" }); 
		//$('#mainImageMap').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');
  });
 
 
 /* works only without scrollPane!!!
 $('.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');
  }); */
	
});