$j(document).ready(function(){
	/* This code is executed after the DOM has been completely loaded */
	
	var totWidth=0;
	var positions = new Array();

        initialSlider();

        //Wird das Fenster in der Größe geändert muss alles angepasst werden
        $j(window).resize(function() {
            initialSlider();
            current = current+1;
            autoAdvance();
        });
	
	
	/*****
	 *
	 *	Enabling auto-advance.
	 *
	 ****/
	 
	var current=1;
	function autoAdvance()
	{
		if(current==-1) return false;
		
		$j('#thumb-nav ul li a').eq(current%$j('#thumb-nav ul li a').length).trigger('click',[true]);	// [true] will be passed as the keepScroll parameter of the click function on line 28
		current++;
	}

	// The number of seconds that the slider will auto-advance in:
	
	var changeEvery = 10;

	var itvl = setInterval(function(){autoAdvance()},changeEvery*1000);

	/* End of customizations */

        // Weiter
        $j('.next').click(function() {
                current = this.id;
                autoAdvance();
        });


        function initialSlider(){
            totWidth=0;
            positions = new Array();

            $j('.slide').width($j(window).width());

            $j('#slides .slide').each(function(i){

                    /* Traverse through all the slides and store their accumulative widths in totWidth */

                    positions[i]= totWidth;
                    totWidth += $j(this).width();

                    /* The positions array contains each slide's commulutative offset from the left part of the container */

                    if(!$j(this).width())
                    {
                            alert("Please, fill in width & height for all your images!");
                            return false;
                    }

            });

            $j('#slides').width(totWidth);

            /* Change the cotnainer div's width to the exact width of all the slides combined */

            $j('#thumb-nav ul li a').click(function(e,keepScroll){

                            /* On a thumbnail click */

                            $j('li.menuItem').removeClass('act').addClass('inact');
                            $j(this).parent().addClass('act');

                            var pos = $j(this).parent().prevAll('.menuItem').length;

                            /*zwei unterschiedliche Geschwindigkeiten*/
                            /*var first = positions[pos-1] + ((positions[pos]-positions[pos-1])/2);
                            var second = positions[pos];
                            $j('#slides').stop().animate({marginLeft:-first+'px'},600).animate({marginLeft:-second+'px'},200);*/
                            $j('#slides').stop().animate({marginLeft:-positions[pos]+'px'},450);

                            
                            /* Start the sliding animation */

                            e.preventDefault();
                            /* Prevent the default action of the link */


                            // Stopping the auto-advance if an icon has been clicked:
                            if(!keepScroll) clearInterval(itvl);
            });

            $j('#thumb-nav ul li.menuItem:first').addClass('act').siblings().addClass('inact');
            /* On page load, mark the first thumbnail as active */
        }
});