﻿// Image document logic

var isAnimating = false;

var nDocIndex = 0;
var nDocWidth = 0;
var nAppCount = 0;

$(document).ready(function(){
    setupImageElements();
	$(".frontpage-gallery").cycle({
		fx: 'fade'
	});
});

function setupImageElements()
{
    nAppCount = $("#image-container>div").length;

    if(nAppCount > 1)
    {
        var elmFirst = $("#image-container div")[0];
        nDocWidth = $(elmFirst).width() + 6;
    }

}

function navigate(index){
	var distance = index - nDocIndex;

	nDocIndex = index;
	var newPos = parseInt(-nDocIndex * nDocWidth);
	var cont = $("#image-container");
	cont.animate({ 
		left: newPos + "px"
	  }, { duration: 500, easing: "swing", callback : endAnimate() } );
}

function endAnimate()
{
    isAnimating = false;
}

function nextImage()
{
	//Bugfix her... - Onload funket ikke i IE.
    nAppCount = $("#image-container>div").length;

    if(nAppCount > 1)
    {
		elmFirst = $("#image-container div")[0];
        nDocWidth = $(elmFirst).width() + 6;
    }

    if(!isAnimating)
    {

        if((nDocIndex + 6) < nAppCount)
        {
	        isAnimating = true;
            nDocIndex++;
            var newPos = parseInt(-nDocIndex * nDocWidth);
            var cont = $("#image-container");

            cont.animate({ 
                left: newPos + "px"
              }, { duration: 500, easing: "swing", callback : endAnimate() } );
			displayNaviButtons();
        }
    }
}

function prevImage()
{
    if(!isAnimating)
    {
        if(nDocIndex > 0)
        {
	        isAnimating = true;
            nDocIndex--;
            var newPos = parseInt(-nDocIndex * nDocWidth);
            var cont = $("#image-container");
            cont.animate({ 
                left: newPos + "px"
              }, { duration: 500, easing: "swing", callback : endAnimate() } );
			displayNaviButtons();
        }
    }
}

function displayNaviButtons()
{
    if(nDocIndex > 0)
    {
        $('#prev-button').show();
        $('#prev-button-off').hide();
    }
    else
    {
        $('#prev-button').hide();
        $('#prev-button-off').show();
    }
    if(nDocIndex + 6 >= (nAppCount))
    {
        $('#forward-button').hide();
        $('#forward-button-off').show();
    }
    else
    {
        $('#forward-button-off').hide();
        $('#forward-button').show();
    }
}

function gallery_swap(src, descr){
	document.getElementById('reference_image').src = src;
	document.getElementById('alttekst').innerHTML = descr;
	document.getElementById('reference_image').alt = descr;
	//$('reference_image').src = src;
}
