function style() {
    // welcher Div ist Aktiv
    var left = jQuery(".items").css("left");
             var style = left.split("-");

             switch (style[1]) {
              case "500px":
				jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon2').show(speed);
				jQuery('div#texticon2').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon2').css({width: "110%"});
				jQuery('#icon2').addClass('big')
                break;
              case "1000px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon3').show(speed);
				jQuery('div#texticon3').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon3').css({width: "110%"});
				jQuery('#icon3').addClass('big')
                break;
                case "999px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon3').show(speed);
				jQuery('div#texticon3').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon3').css({width: "110%"});
				jQuery('#icon3').addClass('big')
                break;
                case "1500px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon4').show(speed);
				jQuery('div#texticon4').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon4').css({width: "110%"});
				jQuery('#icon4').addClass('big')
                break;
                case "1499px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon4').show(speed);
				jQuery('div#texticon4').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon4').css({width: "110%"});
				jQuery('#icon4').addClass('big')
                break;
                case "2000px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
                jQuery('div#texticon5').show(speed);
				jQuery('div#texticon5').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon5').css({width: "110%"});
				jQuery('#icon5').addClass('big')
                break;
                case "1999px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
                jQuery('div#texticon5').show(speed);
				jQuery('div#texticon5').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon5').css({width: "110%"});
				jQuery('#icon5').addClass('big')
                break;
                case "2500px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon6').show(speed);
				jQuery('div#texticon6').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon6').css({width: "110%"});
				jQuery('#icon6').addClass('big')
                break;
                case "2499px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon6').show(speed);
				jQuery('div#texticon6').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon6').css({width: "110%"});
				jQuery('#icon6').addClass('big')
                break;
                case "3000px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon7').show(speed);
				jQuery('div#texticon7').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon7').css({width: "110%"});
				jQuery('#icon7').addClass('big')
                break;
                case "2999px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon7').show(speed);
				jQuery('div#texticon7').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon7').css({width: "110%"});
				jQuery('#icon7').addClass('big')
                break;
                case "3500px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon8').show(speed);
				jQuery('div#texticon8').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon8').css({width: "110%"});
				jQuery('#icon8').addClass('big')
                break;
                case "3499px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon8').show(speed);
				jQuery('div#texticon8').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon8').css({width: "110%"});
				jQuery('#icon8').addClass('big')
                break;
                case "4000px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon9').show(speed);
				jQuery('div#texticon9').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon9').css({width: "110%"});
				jQuery('#icon9').addClass('big')
                break;
                case "3999px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon9').show(speed);
				jQuery('div#texticon9').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon9').css({width: "110%"});
				jQuery('#icon9').addClass('big')
                break;
                case "4500px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon10').show(speed);
				jQuery('div#texticon10').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon10').css({width: "110%"});
				jQuery('#icon10').addClass('big')
                break;
                 case "4499px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon10').show(speed);
				jQuery('div#texticon10').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon10').css({width: "110%"});
				jQuery('#icon10').addClass('big')
                break;
                case "5000px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon11').show(speed);
				jQuery('div#texticon11').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon11').css({width: "110%"});
				jQuery('#icon11').addClass('big')
                break;
                case "4999px":
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon11').show(speed);
				jQuery('div#texticon11').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon11').css({width: "110%"});
				jQuery('#icon11').addClass('big')
                break;
              default:
                jQuery('div.textactive').hide(speed);
				jQuery('div.textactive').removeClass('textactive');
				jQuery('div#texticon1').show(speed);
				jQuery('div#texticon1').addClass('textactive');
                jQuery('img.icon').removeClass('big');
                jQuery('img.icon').css({width: "75%"});
				jQuery('#icon1').css({width: "110%"});
				jQuery('#icon1').addClass('big')
                break;
            }
        }

        // wait until document is fully scriptable
        jQuery(document).ready(function() {

        	// select #flowplanes and make it scrollable. use circular and navigator plugins
        	jQuery("#flowpanes").scrollable({size: 1}).navigator({

        		// select #flowtabs to be used as navigator
        		navi: "#flowtabs",

        		// select A tags inside the navigator to work as items (not direct children)
        		naviItem: 'a',

        		// assign "current" class name for the active A tag inside navigator
        		activeClass: 'current'

        	});

                jQuery('#gallery a').lightBox({fixedNavigation:true});
                
                // die Position DIV feststellen und Jongleur-Navi einstellen
                jQuery("body").click(function () {
                   setTimeout("style()", 500);
                });
            
                    setTimeout("style()", 500);

        });
 
 
 // Speed
	var speed = 0;
       
 // Icons animieren

	jQuery(document).ready(
		function() {
				jQuery('img.icon').animate({width: "75%"}, 600, function(){
                jQuery('img.#'+location.href.split('#')[1]).animate({width: "110%"}, 600),
                jQuery('img.#'+location.href.split('#')[1]).addClass('big'),
				jQuery('div#text'+location.href.split('#')[1]).show(speed),
				jQuery('div#text'+location.href.split('#')[1]).addClass('textactive')
				} ),
				jQuery('div.texticon').hide(1)

		});

	jQuery('img.icon').mouseover(
		function(){
				jQuery(this).animate({width: "110%"}, 300 )
		});

	jQuery('img.icon').mouseout(
		function(){
			if(!jQuery(this).hasClass('big')){
				jQuery(this).animate({width: '75%'}, 300)
				}
		});

	jQuery('img.icon').click(
		function(){
				jQuery('img.big').animate({width: '75%'}),
				jQuery('img').removeClass('big'),
				jQuery(this).css({width: "110%"}),
				jQuery(this).addClass('big')
		});

	// Text fuer das jeweilig ICON