jQuery().ready(function () {
    //Next/Prev button creation

    $('#slideshow-container').hover(
    function () {
        $('#nav-container').fadeIn();
    },
    function () {
        $('#nav-container').fadeOut();
    });

    $('#slideshow li.has-link').hover(
    function () {
        $(this).addClass('active');
        
    },
    function () {
        $(this).removeClass('active');
        
    });


    var $next = $('<span class="nav-button next" title="Nästa">&nbsp;</span>');
    var $previous = $('<span class="nav-button previous" title="Föregående">&nbsp;</span>');


    //If Slideshow exists
    $("#slideshow").after('<div id="nav-container"><div id="nav">').cycle({
        timeout: 8000,
        delay: -2000,
        next: $next,
        prev: $previous,
        pager: '#nav',
        pagerAnchorBuilder: function (index, DOMelement) {
            if (index == 0)
                return '<a href="#" class="first"></a>';
            return '<a href="#"></a>';
        }
    });
    if ($('#slideshow').children().size() > 1) {

        $next.appendTo("#nav");
        $previous.prependTo("#nav");

        $('#nav a:last').addClass('last');
    }



    //Add Next/Prev Button events
    var speed = 100;
    function overSlideShow() {
        if ($(this).hasClass("previous"))
            $(this).animate({ "left": "0px" }, speed);
        else
            $(this).animate({ "right": "0px" }, speed);

    }
    function outSlideShow() {
        if ($(this).hasClass("next"))
            $(this).animate({ "right": "-90px" }, speed);
        else
            $(this).animate({ "left": "-90px" }, speed);
    }
    var slideshowConfig = {
        sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)    
        interval: 50, // number = milliseconds for onMouseOver polling interval
        over: overSlideShow, // function = onMouseOver callback (REQUIRED)    
        timeout: 150, // number = milliseconds delay before onMouseOut
        out: outSlideShow // function = onMouseOut callback (REQUIRED)
    };
    $("#slideshow-holder .nav-button").hoverIntent(slideshowConfig);

    //Add hover effect to desc area for a slideshow slide.    
    //$("#SlideShow li .slideshow-decription").hover(function() { $(this).fadeTo(50, 1); }, function() { $(this).fadeTo(50, 0.5); });

});