/*
BESKRIVNING:
Hanterar bildspelet
*/

var arrImages = new Array();

var curr_img = 0;
var prev_img = 0;
var total_img = 0;
var timer;
var timer2;
var imgNumberTimer;
var fadeTime = 1000;
var menuPos = "in";
var changeTime = 8000;

function initImage(url, img_id){
  
  var id = img_id.toString();
  arrImages.push(id);
  total_img++;
  if(total_img == 1){
    //$('#img_numbers').append('<a class="active" id="number_'+ id +'" href="javascript:void(0);" onclick="gotoImg(\''+ id +'\');" onfocus="blur(this);" onmousedown="return false;"><div class="imgNumberHolder" class="first"><div class="imgNumberLeft"></div><div class="imgNumberBg">'+ total_img +'</div><div class="imgNumberRight"></div><br style="clear:both;" /></div></div></a>');
    document.getElementById('img_numbers').innerHTML += '<a class="active" id="number_'+ id +'" href="javascript:void(0);" onclick="gotoImg(\''+ id +'\');" onfocus="blur(this);" onmousedown="return false;"><div class="imgNumberHolder" class="first"><div class="imgNumberLeft"></div><div class="imgNumberBg">'+ total_img +'</div><div class="imgNumberRight"></div><br style="clear:both;" /></div></div></a>'
  } else {
    //$('#img_numbers').append('<a id="number_'+ id +'" href="javascript:void(0);" onclick="gotoImg(\''+ id +'\');" onfocus="blur(this);" onmousedown="return false;"><div class="imgNumberHolder"><div class="imgNumberLeft"></div><div class="imgNumberBg">'+ total_img +'</div><div class="imgNumberRight"></div><br style="clear:both;" /></div></div></a>');
    document.getElementById('img_numbers').innerHTML += '<a id="number_'+ id +'" href="javascript:void(0);" onclick="gotoImg(\''+ id +'\');" onfocus="blur(this);" onmousedown="return false;"><div class="imgNumberHolder"><div class="imgNumberLeft"></div><div class="imgNumberBg">'+ total_img +'</div><div class="imgNumberRight"></div><br style="clear:both;" /></div></div></a>'
  }
  
}

function slideshow_loaded(){
  $('#img_numbers').append('<br style="clear:both;" />');
  
  if(arrImages.length > 1){
    for(var i=1; i<arrImages.length; i++){
      var newPos = $('#'+ arrImages[i-1]).offset();
      var oldPos = $('#'+ arrImages[i]).offset();
      $('#'+ arrImages[i]).css('z-index', '1');
      $('#'+ arrImages[i]).fadeTo(0, 0);
    }
    $('#'+ arrImages[0]).css('z-index', '2');
    setInter();
  } else {
    $('#img_numbers').fadeTo(0, 0);
  }
}

function setInter(){
  timer = setInterval(changeImg, changeTime);
}



function changeImg(){
  if(curr_img != total_img-1){
    prev_img = curr_img;
    curr_img++;
    $('#number_'+ arrImages[prev_img]).removeClass('active');
    $('#number_'+ arrImages[curr_img]).addClass('active');
    $('#'+ arrImages[prev_img]).fadeTo(fadeTime, 0);
    $('#'+ arrImages[curr_img]).fadeTo(fadeTime, 1);
    $('#'+ arrImages[prev_img]).css('z-index', '1');
    $('#'+ arrImages[curr_img]).css('z-index', '2');
  } else {
    prev_img = curr_img;
    curr_img = 0;
    $('#number_'+ arrImages[prev_img]).removeClass('active');
    $('#number_'+ arrImages[curr_img]).addClass('active');
    $('#'+ arrImages[prev_img]).fadeTo(fadeTime, 0);
    $('#'+ arrImages[curr_img]).fadeTo(fadeTime, 1);
    $('#'+ arrImages[prev_img]).css('z-index', '1');
    $('#'+ arrImages[curr_img]).css('z-index', '2');
  }
}

function gotoImg(id){
  clearInterval(timer);
  clearTimeout(timer2);
  timer2 = setTimeout(setInter, changeTime);
  prev_img = curr_img;
  if(!Array.indexOf){
    for(var i=0; i<arrImages.length; i++){
      if(arrImages[i]==id){
        curr_img = i;
      }
    }
  } else {
    curr_img = arrImages.indexOf(id);
  }
  
  if(curr_img != prev_img){
    $('#number_'+ arrImages[prev_img]).removeClass('active');
    $('#number_'+ arrImages[curr_img]).addClass('active');
    $('#'+ arrImages[prev_img]).fadeTo(fadeTime, 0);
    $('#'+ arrImages[curr_img]).fadeTo(fadeTime, 1);
    $('#'+ arrImages[prev_img]).css('z-index', '1');
    $('#'+ arrImages[curr_img]).css('z-index', '2');
  }
}

function closeMenu(){
  if(menuPos != "out"){
      menuPos = "out";
    $("#img_numbers").animate({top: '+=53'});
    }
}