/* Brigitte Naisar fusspflege-landshut.de JS*/


/* assignment: #dropdown buttons show .droplist on hovering */
$(document).ready(function() {
						   
						   
	$('#mainWrap').hide(); 
	
	$('.menue').css('display', 'inline'); 
	$('.menue2').css('display', 'none'); 
	$('.droplistWrap').css( {backgroundPosition: "0 0"} );	
	

	var hideDroplist = function () {
	 $('#droplist1').hide(); 
	 $('#droplist2').hide();
	 $('#droplist3').hide();
	 $('#droplist4').hide();
	 $('#droplist5').hide();
	 $('#droplist6').hide();
	 $('#droplist7').hide();
	 $('#droplist8').show();
	 $('.menue ul li').css('text-decoration', 'none');
	 $('.menue ul li').css({'background': 'none', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
	 $('#back').css('visibility', 'visible'); 
	 //$('#intro').css('visibility', 'hidden');
	 $('.droplistWrap').css( {backgroundPosition: "0 -250px"} );
	};
	 
	//$('#intro').css('visibility', 'visible');
	 $('#droplist1').hide(); 
	 $('#droplist2').hide();
	 $('#droplist3').hide();
	 $('#droplist4').hide();
	 $('#droplist5').hide();
	 $('#droplist6').hide();
	 $('#droplist7').hide();
	// $('#droplist4').css({'margin-top': '200px', 'background-color' : '#ddd'});
	 $('#droplist8').css({'position': 'absolute', 'top' : '200px'});
	 $('#droplist9').hide();
	 //$('#menue1').css({'background': 'url(images/squareWhite.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
	 
	 $('#mainWrap').fadeIn('slow'); 
	 //$('body').css('background', 'url(images/bg2.gif)');
	//$('body').css({'background': 'url(images/bg2.gif)', backgroundPosition: 'top center', backgroundRepeat: 'no-repeat', backgroundColor: '#f7f5e8'});
	$('body').css({'background': 'url(images/bgNaisar.gif)', backgroundPosition: 'top center', backgroundRepeat: 'no-repeat', backgroundColor: '#f7f5e8'});
	$('#mainWrap').css({'background': 'url(images/fusspflegeLandshut.jpg)', backgroundPosition: '80px 130px', backgroundRepeat: 'no-repeat', backgroundColor: 'transparent'});
	 
	   /* menue hover and click effects; now only needed for back button */
  $('.menue ul li').hover(function () {
	   $(this).css({'color': '#af3317','cursor': 'pointer'});
   }, function() {
	  $(this).css('color', '#656764');
	  // $(this).css({'color': '#656764', 'background': 'none'});
  }); 
  


// js menue navigation/click effects
   $('.menue ul li').click(hideDroplist);
   $('.menue ul li').click(function () {

	  if (this.id == 'menue1'|| this.id == 'intro'){
		 //$('#menue1').css('color', '#b7b6b6');
		 // $(this).hide(); // works!
		// $(this).css('text-decoration', 'underline');
		//   $(this).css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
		 $('#menue1').css('text-decoration', 'underline');
		 $('#menue1').css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
		  $('#droplist1').show();
	  } else if (this.id == 'menue2'){
		   $(this).css('text-decoration', 'underline');
		   $(this).css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
		  $('#droplist2').show();
	  } else if (this.id == 'menue3'){
		  $(this).css('text-decoration', 'underline');
		  $(this).css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
		  $('#droplist3').show();
	  } else if (this.id == 'menue4'){
		  $(this).css('text-decoration', 'underline');
		  $(this).css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
		  $('#droplist4').show();
	  } else if (this.id == 'menue5'){
		  $(this).css('text-decoration', 'underline');
		  $(this).css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
		  $('#droplist5').show();
	  } else if (this.id == 'menue6'){
		  $(this).css('text-decoration', 'underline');
		  $(this).css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
		  $('#droplist6').show();
	  } else if (this.id == 'menue7'){
		  $(this).css('text-decoration', 'underline');
		  $(this).css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
		  $('#droplist7').show();
		  $('#droplist8').hide();
	  }
	
  }); 
   

// classes for navigation/click effects for menue2 and cloudTags
    $('.fusspflege').click(hideDroplist);
    $('.fusspflege').click(function () {
	   $('#droplist1').show();
	   $('#menue1').css('text-decoration', 'underline');
	   $('#menue1').css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
  });
	
	$('.handpflege').click(hideDroplist);
    $('.handpflege').click(function () {
	   $('#droplist3').show();
	   $('#menue3').css('text-decoration', 'underline');	
	   $('#menue3').css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
  });
	
	$('.fuss_wellness').click(hideDroplist);
    $('.fuss_wellness').click(function () {
	   $('#droplist2').show();
	   $('#menue2').css('text-decoration', 'underline');	
	   $('#menue2').css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
  });
	
	$('.hand_wellness').click(hideDroplist);
    $('.hand_wellness').click(function () {
	   $('#droplist4').show();
	   $('#menue4').css('text-decoration', 'underline');	
	   $('#menue4').css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
  });
	

/*	$('.adresse').click(hideDroplist);
	$('.adresse').click(function () {
	   $('.droplistWrap').css( {backgroundPosition: "0 0"} );
	   $('#back').css('visibility', 'hidden'); 
  });*/
	
	$('.wellness').click(hideDroplist);
	$('.wellness').click(function () {
	   $('.droplistWrap').css( {backgroundPosition: "0 0"} );
	   //$('#back').css('visibility', 'hidden'); 
		   
	   $('#back').css('visibility', 'hidden'); 
	   $('#intro').css('visibility', 'visible');
  });


	$('.geschenke').click(hideDroplist);
    $('.geschenke').click(function () {
	   $('#droplist5').show();
	   $('#menue5').css('text-decoration', 'underline');	
	   $('#menue5').css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
  });
	
	$('.oeffnungszeiten').click(hideDroplist);
    $('.oeffnungszeiten').click(function () {
	   $('#droplist6').show();
	   $('#menue6').css('text-decoration', 'underline');	
	   $('#menue6').css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
  });
   
	
	$('.adresse').click(hideDroplist);
	$('.adresse').click(function () {
	   $('#droplist7').show();
	   $('#menue7').css('text-decoration', 'underline');
	   $('#menue7').css({'background': 'url(images/square.gif)', backgroundPosition: 'top left', backgroundRepeat: 'no-repeat'});
	   $('#droplist8').hide();
  });
	

	$('#back').click(hideDroplist);
    $('#back').click(function () {
	   $('.droplistWrap').css( {backgroundPosition: "0 0"} );

	   $('#back').css('visibility', 'hidden'); 
	   $('#intro').css('visibility', 'visible');
  });
	
});