/* ########### erfordert JQuery (erstellt und getestet mit 1.2.1)  ############# */ 

$(document).ready(function() {
						   
	if ($(window).width() > 800) {
		$("#kursDetails").addClass("small");
	  	$("#kursinhalt").addClass("big");
		
		$("#klbut").attr({ 
			src: "img/but_expand.gif",
          	title: "Kursdetails breiter zeigen",
          	alt: "breiter"
        });
		
		$("#klbut").click(function () {
    	$("#kursDetails").toggleClass("small");
	  	$("#kursinhalt").toggleClass("big");
	   	});	
	
	  	$("#klbut").toggle(
      		function () {
	   			$(this).attr({ 
          			src: "img/but_collapse.gif",
          			title: "Kursdetails schmaler zeigen",
          			alt: "schmaler"
        		});
      		},
      		function () {
       			$(this).attr({ 
          			src: "img/but_expand.gif",
          			title: "Kursdetails breiter zeigen",
          			alt: "breiter"
       			});
      		}
    	);
				
	}
	else {
		
		
			$("#klbut").click(function () {
    	$("#kursDetails").toggleClass("small");
	  	$("#kursinhalt").toggleClass("big");
	   	});	
	
	  	$("#klbut").toggle(
      		function () {
	   			$(this).attr({ 
          			src: "img/but_expand.gif",
          			title: "Tabelle vergrößern",
          			alt: "größer"
        		});
      		},
      		function () {
       			$(this).attr({ 
          			src: "img/but_collapse.gif",
          			title: "Tabelle verkleinern",
          			alt: "kleiner"
       			});
      		}
    	);
	};


	/*	
	  	$(this).toggle(
      		function () {
	   			$(this).attr({ 
          			src: "img/but_expand.gif",
          			title: "Tabelle vergrößern",
          			alt: "größer"
        		});
      		},
      		function () {
       			$(this).attr({ 
          			src: "img/but_collapse.gif",
          			title: "Tabelle verkleinern",
          			alt: "kleiner"
       			});
      		}
    	);		
	*/	
		
// Loginformular
	$("#loginForm input").focus(function() {
	 if(($(this).attr("id") == "kennung" && $(this).attr("value") == "Nutzerkennung") || ($(this).attr("id") == "kennwort" && $(this).attr("value") == "Passwort")){
		  $(this).attr("value","");
		}
	});
	
// min-max-Width für Browser, die das nicht von Hause aus können, = IE6. 
/* sollte eigentlich andere nicht stören. Werte müssen mit vhb.css synchron gehalten werden
/* gesetzt werden body {max-width} und body.dreispalter.minWidth. Als Bezugspunkt dient
/* die (unsichtbare) Sprungnavigation, für die willkürlich  10em Breite definiert wird. 
/* Die gewünschten max-/minwidth Wertes bilden dann ein vielfaches davon.
/* Achtung Berechnung und Anpassung erfolgt nich volldynamisch bei jedem Wechsel der 
/* Schrift-/Fenstergröße sondern erst beim Neuladen der Seite. Das ist zwar einerseits 
/* nicht ganz so fix, sollte aber andererseits Flackern reduzieren 
*/
	$("#sprungNav").width('10em');
	var testWidth = $("#sprungNav").width();
	var maxPageWidth = testWidth * 11; // 10em -> 110em
	var pageWidth = $("body").width();
	if (pageWidth > maxPageWidth) {
		$("body").width('110em');
	}
	var minDreispalterWidth = testWidth * 8;
	if (pageWidth < minDreispalterWidth) {
		$("body.dreispalter").width('80em');
	}
});