$(document).ready(function() {
	    $('#stage').cycle({ });
	    $('#stage-txt').cycle({ cleartype:  1 });
					
	    $("#nav-store").hover(function() {
				     $("#subnav").html("› Das Geschäft - Heute & Damals");
					}, function() {
					     $("#subnav").html(" ");
					});

	    $("#nav-contact").hover(function() {
				     $("#subnav").html("› Anfragen & Anfahrt");
					}, function() {
					     $("#subnav").html(" ");
					});
					
	    $("#nav-brands").hover(function() {
				     $("#subnav").html("› Lieferanten & Hersteller");
					}, function() {
					     $("#subnav").html(" ");
					});
					
	    $("#nav-assortment").hover(function() {
				     $("#subnav").html("› Produkt und Entwurf");
					}, function() {
					     $("#subnav").html(" ");
					});
					
	});
	
	$(window).bind("load", function() {
    var activeOpacity   = 1.0,
        inactiveOpacity = 0.3,
        fadeTime = 450,
        clickedClass = "selected",
        thumbs = "#mosaik ul img";

    $(thumbs).hover(
        function(){
            $(this).fadeTo(fadeTime, activeOpacity);
        },
        function(){
            // Only fade out if the user hasn't clicked the thumb
            if(!$(this).hasClass(clickedClass)) {
                $(this).fadeTo(fadeTime, inactiveOpacity);
            }
        });
     $(thumbs).click(function() {
         // Remove selected class from any elements other than this
         var previous = $(thumbs + '.' + clickedClass).eq();
         var clicked = $(this);
         if(clicked !== previous) {
             previous.removeClass(clickedClass);
         }
         clicked.addClass(clickedClass).fadeTo(fadeTime, activeOpacity);
         var img = $(this).attr("code");
         var title = $(this).attr("txt");
         $("#float").html("<img src='img/showcase/"+img+".jpg'>");
         $("#sortimentheader").html(title);
         $("#float").slideDown();
     });
     
     
     	$('#float').click(function() { $("#float").slideUp(); $("#sortimentheader").html("Sortiment"); });
     
});