// init onload
jQuery( document ).ready( slideshow );

function slideshow() {
    (function($){
        var $slideItems = $("div.slide-large"),
        	$thumbs = $("#slide-thumbs li"),
            animateInSpeed = 800,
            animateOutSpeed = 400,
            autoSlideSpeed = 5000,
            autoSlideActive = false,
            setTimeout = window.setTimeout,
         
            animate = function(index) {
        		$slideItems.stop(false, true);
        		$slideItems.filter(".active").fadeOut(animateOutSpeed, function() {
        			$slideItems.removeClass("active");
        			$slideItems.eq(index).fadeIn(animateInSpeed, function() {
        				$slideItems.eq(index).addClass("active");
        			});
        		});
            },
            
            setActive = function($active) {
                var index = $thumbs.index($active);
                $thumbs.removeClass("active");
                $active.addClass("active");
                animate(index);
            },
            
            autoSlideStart = function(active) {
                var $active = active || $thumbs.filter(".active").first();
                (function recurse() {
                    if (autoSlideActive) {
                        $active = $active.next();
                        if ($active.length === 0) {
                            $active = $thumbs.first();
                        }
                        setActive($active);
                        setTimeout(recurse, autoSlideSpeed);
                    }
                })();
            };

        $thumbs.click(function(e) {
            e.preventDefault();
            autoSlideActive = false;
            if(!$(this).hasClass("active")) {
                setActive($(this));
            }
        });
        
        autoSlideActive = true;
        setTimeout(autoSlideStart, autoSlideSpeed);
            
    })(jQuery); 
}

var ua = jQuery.browser;
if(ua.msie == true && Number(ua.version.slice(0,1)) <= 7)
{
	jQuery( window ).resize( resizeIE7 );
	jQuery( document ).ready( resizeIE7 );
}
function resizeIE7() {
    (function($){
		var avaliablewidth = $('div.Header').width(),
			userwidth = $('div.teaser-container').width(),
			teaserwidth = avaliablewidth - userwidth;
		$('div.teaser-welcome').width(teaserwidth-10);
    })(jQuery); 
}

