var temp = 0;
var temp2 = 0;
var temp3 = 0;
var interval = 0;
var strana = 1;
var pocet_referenci = 0;
var pocet_stran = 0;
var reference;
var reference2;

function check() {

  if(strana == 1) {
    document.getElementById('posun_doleva').src = 'pics_system/reference/arrow_left_gray.png';
    document.getElementById('posun_doleva').style.cursor = "Default";
    document.getElementById('posun_doleva').onclick = "";
    document.getElementById('posun_doleva').onmouseover = function() {
      this.src = "pics_system/reference/arrow_left_gray.png";
    }
    document.getElementById('posun_doleva').onmouseout = function() {
      this.src = "pics_system/reference/arrow_left_gray.png";
    } 
  } else {
    if(temp3 == 1)
      document.getElementById('posun_doleva').src = 'pics_system/reference/arrow_left_blue.png';
    else 
      document.getElementById('posun_doleva').src = 'pics_system/reference/arrow_left_glass.png';
    document.getElementById('posun_doleva').style.cursor = "Pointer";
    document.getElementById('posun_doleva').onclick = moveLeft;
    document.getElementById('posun_doleva').onmouseover = function() {
      this.src = "pics_system/reference/arrow_left_blue.png";
    }
    document.getElementById('posun_doleva').onmouseout = function() {
      this.src = "pics_system/reference/arrow_left_glass.png";
    }      
  }

  if(strana == pocet_stran) {
    document.getElementById('posun_doprava').src = 'pics_system/reference/arrow_right_gray.png';
    document.getElementById('posun_doprava').style.cursor = "Default";
    document.getElementById('posun_doprava').onclick = "";
    document.getElementById('posun_doprava').onmouseover = function() {
      this.src = "pics_system/reference/arrow_right_gray.png";
    }
    document.getElementById('posun_doprava').onmouseout = function() {
      this.src = "pics_system/reference/arrow_right_gray.png";
    }   
  } else {
    if(temp2 == 1)
      document.getElementById('posun_doprava').src = 'pics_system/reference/arrow_right_blue.png';
    else 
      document.getElementById('posun_doprava').src = 'pics_system/reference/arrow_right_glass.png';
    temp2 = 0; 
    document.getElementById('posun_doprava').style.cursor = "Pointer";
    document.getElementById('posun_doprava').onclick = moveRight;
    document.getElementById('posun_doprava').onmouseover = function() {
      this.src = "pics_system/reference/arrow_right_blue.png";
    }
    document.getElementById('posun_doprava').onmouseout = function() {
      this.src = "pics_system/reference/arrow_right_glass.png";
    }    
  }        

} 

function moveLeft(e) {

  temp = 1; 
  temp3 = 1;
  temp2 = 0; 

  document.getElementById('posun_doleva').src = 'pics_system/reference/arrow_left_gray.png';
  document.getElementById('posun_doprava').src = 'pics_system/reference/arrow_right_gray.png';
  document.getElementById('posun_doleva').style.cursor = "Default";
  document.getElementById('posun_doprava').style.cursor = "Default";

  document.getElementById('posun_doleva').onclick = "";
  document.getElementById('posun_doleva').onmouseover = function() {
    temp3 = 1;
  }
  document.getElementById('posun_doleva').onmouseout = function() {
    temp3 = 0;
  }
  document.getElementById('posun_doprava').onclick = "";
  document.getElementById('posun_doprava').onmouseover = function() {
    temp2 = 1;
  }        
  document.getElementById('posun_doprava').onmouseout = function() {
    temp2 = 0;
  }       

  new Effect.Opacity('list_in', { from: 1.0, to: 0.5, duration: 0.5 });
  for(var i = 1; i <= document.getElementById('list_in').getElementsByTagName('img').length; i++)
    new Effect.Scale("reference_img"+i, 80, { duration: 0.5 } );
  new Effect.Move('list_in', {  duration: 0.5, x: 750, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal, queue: 'end' } );
  setTimeout("moveLeft2()", 1000);

}

function moveLeft2() {

  for(var i = 1; i <= document.getElementById('list_in').getElementsByTagName('img').length; i++)
    new Effect.Scale("reference_img"+i, 100, { duration: 0.5, scaleFrom: 80, scaleMode: { originalHeight: 181, originalWidth: 218 } } );
  new Effect.Opacity('list_in', { from: 0.5, to: 1.0, duration: 0.5 });
  setTimeout("moveLeft3()", 600);  

}

function moveLeft3() {

  temp = 0;

  strana--;
  check();
  
  var div = document.getElementById(id).getElementsByTagName('div')[0];
  div.style.display = "block";  
  div.style.left = document.getElementById(id).offsetLeft + "px";
  div.style.top = document.getElementById(id).offsetTop + 42 + "px";      
}  

function moveRight(e) {

  temp = 1; 
  temp2 = 1;
  temp3 = 0;

  document.getElementById('posun_doleva').src = 'pics_system/reference/arrow_left_gray.png';
  document.getElementById('posun_doprava').src = 'pics_system/reference/arrow_right_gray.png';
  document.getElementById('posun_doleva').style.cursor = "Default";
  document.getElementById('posun_doprava').style.cursor = "Default";

  document.getElementById('posun_doleva').onclick = "";
  document.getElementById('posun_doleva').onmouseover = function() {
    temp3 = 1;
  }
  document.getElementById('posun_doleva').onmouseout = function() {
    temp3 = 0;
  }
  document.getElementById('posun_doprava').onclick = "";
  document.getElementById('posun_doprava').onmouseover = function() {
    temp2 = 1;
  }        
  document.getElementById('posun_doprava').onmouseout = function() {
    temp2 = 0;
  }        
  
  new Effect.Opacity('list_in', { from: 1.0, to: 0.5, duration: 0.5 });
  for(var i = 1; i <= document.getElementById('list_in').getElementsByTagName('img').length; i++)
    new Effect.Scale("reference_img"+i, 80, { duration: 0.5 } );
  new Effect.Move('list_in', {  duration: 0.5, x: -750, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal, queue: 'end' } );
  setTimeout("moveRight2()", 1000);

}

function moveRight2() {

  for(var i = 1; i <= document.getElementById('list_in').getElementsByTagName('img').length; i++)
    new Effect.Scale("reference_img"+i, 100, { duration: 0.5, scaleFrom: 80, scaleMode: { originalHeight: 181, originalWidth: 218 } } );
  new Effect.Opacity('list_in', { from: 0.5, to: 1.0, duration: 0.5 });
  setTimeout("moveRight3()", 600);   

}

function moveRight3() {
  
  temp = 0;

  strana++;
  check();   

  var div = document.getElementById(id).getElementsByTagName('div')[0];
  div.style.display = "block";  
  div.style.left = document.getElementById(id).offsetLeft + "px";
  div.style.top = document.getElementById(id).offsetTop + 42 + "px";   
     
}  

function showText(e) {
  if(temp == 1)
    id = this.id;
  else {
    var div = this.getElementsByTagName('div')[0];
    div.style.display = "block";  
    div.style.left = this.offsetLeft + "px";
    div.style.top = this.offsetTop + 42 + "px";
  }
}

function hideText(e) {
  id = '';
  this.getElementsByTagName('div')[0].style.display = "none";
}

function showReference(e) { 
  new Effect.Opacity(reference.id, { from: 1, to: 0, duration: 0.5 });
  var x = this.id.replace(/reference_div/, '');
  reference2 = document.getElementById('reference_content'+x);
  setTimeout("hideReference()", 500);
}

function hideReference() {
  if(reference != reference2) {
    reference.style.display = "none";
    reference2.style.opacity = "0";
    reference2.style.filter = "alpha(opacity=0)";
    reference2.style.display = "block";
  }
  new Effect.Opacity(reference2, { from: 0, to: 1, duration: 0.5} );
  reference = reference2;
}