function slideSwitch() {

/*    $('#slideshowImageText').animate({opacity: 0}, $.mySlideshow.fadeTime);
    $('#slideshowImageTag').animate({opacity: 0}, $.mySlideshow.fadeTime, function() {
        setNewImage();
        fadeIn('#slideshowImageText', 1.0);
        
    });
    $('#slideshowImageTag').animate({opacity: 1.0}, $.mySlideshow.fadeTime);
    fadeIn('#slideshowImageTag', 1.0);*/
    
    //$('#slideshowImageText').animate({opacity: 0}, $.mySlideshow.fadeTime);
    $('#slideshowImageTag').animate({opacity: 0}, $.mySlideshow.fadeTime, function() {
        setNewImage();
    });
    //fadeIn('#slideshowImageText', 1.0);
    //$('#slideshowImageTag').animate({opacity: 1.0}, $.mySlideshow.fadeTime);
    //fadeIn('#slideshowImageTag', 1.0);

    

    
 }
 
  function fadeIn(item, opacity)
 {
     $(item).animate({opacity: opacity}, $.mySlideshow.fadeTime);
 }
 
function getImagesXML()
{

    $.get(window.slideshowXMLPath, {}, function(xml) 
    {
        $.mySlideshow.totalNumberOfPictures = $('image',xml).length;
        $.mySlideshow.currentImageIndex = window.startIndexFromServer;

        $.mySlideshow.XML = xml; 
    });
}


function setNewImage() 
{
            if($.mySlideshow.forwardClicked)
            {
                if ($.mySlideshow.currentImageIndex < $.mySlideshow.totalNumberOfPictures-1)
                {
                    $.mySlideshow.currentImageIndex++;
                }
                else
                {
                    $.mySlideshow.currentImageIndex = 0;                
                }         
            }
            else if(!$.mySlideshow.forwardClicked) 
            {
                if ($.mySlideshow.currentImageIndex > 0)
                {
                    $.mySlideshow.currentImageIndex--;
                }
                else
                {
                    $.mySlideshow.currentImageIndex = $.mySlideshow.totalNumberOfPictures-1;
                }
            }
            else
            {
                $.mySlideshow.currentImageIndex++;
            }
            
            var currentImage = $($.mySlideshow.XML).find("image").eq($.mySlideshow.currentImageIndex);
            
            
       
        var imageName = $(currentImage).find("imageSource").text();        
        var imageAltText = $(currentImage).find("imageAltText").text();
        var imageText = $(currentImage).find("imageText").text();
        var imageTextLink = $(currentImage).find("imageTextLink").text();
        
        if(imageTextLink == "")
        {
            if(doesLinkTagExist())
            {
                removeLinkTag();
                addImageTextTag();
            }
            $('#slideshowImageText').text(imageText);
        }
        else //länk finns
        {
            if(!doesLinkTagExist())
            {
                addImageLinkTag();
            }

            $('#slideshowImageTextLink').attr('href', imageTextLink);
              
        }

        $('#slideshowImageText').text(imageText);
                
        $('#slideshowImageTag').attr('src', imageName);
        $('#slideshowImageTag').attr('alt', imageAltText);
}

function addImageLinkTag()
{
    $('#slideshowImageText').wrap('<a href="" id="slideshowImageTextLink"></a>');
}

function addImageTextTag()
{
    $('#imageText').append('<span id="slideshowImageText"></span>');
}

function removeLinkTag()
{
    $('#slideshowImageTextLink').remove();
}



function doesLinkTagExist()
{
    if ($('#slideshowImageTextLink').length > 0)
    {
       return true;
    }
    else
    {
        return false;
    }
}



function hideButtons()
{
        $('#navigateForward').css("visibility", "hidden");
        $('#navigateBackward').css("visibility", "hidden");        
}

function showButtons()
{
        $('#navigateForward').css("visibility", "visible");
        $('#navigateBackward').css("visibility", "visible");   
}


/********** START ***********/
$(document).ready(function()
{

    $.mySlideshow = {
        totalNumberOfPictures : null,
        currentImageIndex: null,
        forwardClicked: false,
        XML: null,
        fadeTime: 800
    }
    $('#slideshowImageTag')
    // once the image has loaded, execute this code
            .load(function() {
                // fade our image in to create a nice effect
                $('#slideshowImageTag').animate({ opacity: 1.0 }, $.mySlideshow.fadeTime);
            }) 
    getImagesXML();

    $("#slideshow").mouseenter(
      function () 
      {
        showButtons();
      }).mouseleave( 
      function () 
      {
        hideButtons();
        
      }
    );    

    $('#navigateForward').click(
    function () {
        $.mySlideshow.forwardClicked = true;
        slideSwitch();
      }
    );
    
    $('#navigateBackward').click(
    function () {
        $.mySlideshow.forwardClicked = false;
        slideSwitch();
      }
    );    
    
    $('#navigateForward').hover(
      function () 
      {     
            $('#navigateForward').css("background-image", "url(/uppsala/images/slideshow/right.png)");
     }, 
      function () 
      {
            $('#navigateForward').css("background-image", "url(/uppsala/images/slideshow/right_transp.png)");
      }
    );
    
    $('#navigateBackward').hover(
      function () 
      {
        $('#navigateBackward').css("background-image", "url(/uppsala/images/slideshow/left.png)");
      }, 
      function () 
      {
        $('#navigateBackward').css("background-image", "url(/uppsala/images/slideshow/left_transp.png)");
      }
    );    
});