var x=0;


function nextImg()
{

  
  if (x<imageArray.length-4) x++; 
    else document.getElementById("nn").style.display = "none";

  var headerImage1 = imageArray[x].description;
  var headerImage2 = imageArray[x+1].description;
  var headerImage3 = imageArray[x+2].description;
  var headerImage4 = imageArray[x+3].description;
  
  //alert(x);
  document.getElementById("pp").style.display = "block";
  
  document.getElementById("imm1").src = "../image/albums/"+album_id+"/thumbs/t_"+imageArray[x].filename;
  if (headerImage1!=='')
  document.getElementById("aa1").onmouseover= function () {ddrivetip(headerImage1,"#776648", 200)};
  else
  document.getElementById("aa1").onmouseover='';
  document.getElementById("aa1").href = "javascript:show('"+imageArray[x].filename+"')";

  document.getElementById("imm2").src = "../image/albums/"+album_id+"/thumbs/t_"+imageArray[x+1].filename;
  if (headerImage2!=='')
  document.getElementById("aa2").onmouseover= function () {ddrivetip(headerImage2,"#776648", 200)};
  else
  document.getElementById("aa2").onmouseover='';
  document.getElementById("aa2").href = "javascript:show('"+imageArray[x+1].filename+"')";
  
  document.getElementById("imm3").src = "../image/albums/"+album_id+"/thumbs/t_"+imageArray[x+2].filename;
  if (headerImage3!=='')
  document.getElementById("aa3").onmouseover= function () {ddrivetip(headerImage3,"#776648", 200)};
  else
  document.getElementById("aa3").onmouseover='';
  document.getElementById("aa3").href = "javascript:show('"+imageArray[x+2].filename+"')";
  
  document.getElementById("imm4").src = "../image/albums/"+album_id+"/thumbs/t_"+imageArray[x+3].filename;
  if (headerImage4!=='')
  document.getElementById("aa4").onmouseover= function () {ddrivetip(headerImage4,"#776648", 200)};
  else
  document.getElementById("aa4").onmouseover='';
  document.getElementById("aa4").href = "javascript:show('"+imageArray[x+3].filename+"')";
  
//alert(x);
}

function prevImg()
{
if (x>0) x--;
if (x==0) document.getElementById("pp").style.display = "none";

  var headerImage1 = imageArray[x].description;
  var headerImage2 = imageArray[x+1].description;
  var headerImage3 = imageArray[x+2].description;
  var headerImage4 = imageArray[x+3].description;
  
  document.getElementById("imm1").src = "../image/albums/"+album_id+"/thumbs/t_"+imageArray[x].filename;
  if (headerImage1!=='')
  document.getElementById("aa1").onmouseover= function () {ddrivetip(headerImage1,"#776648", 200)};
  else
  document.getElementById("aa1").onmouseover='';
  document.getElementById("aa1").href = "javascript:show('"+imageArray[x].filename+"')";

  document.getElementById("imm2").src = "../image/albums/"+album_id+"/thumbs/t_"+imageArray[x+1].filename;
  if (headerImage2!=='')
  document.getElementById("aa2").onmouseover= function () {ddrivetip(headerImage2,"#776648", 200)};
  else
  document.getElementById("aa2").onmouseover='';
  document.getElementById("aa2").href = "javascript:show('"+imageArray[x+1].filename+"')";
  
  document.getElementById("imm3").src = "../image/albums/"+album_id+"/thumbs/t_"+imageArray[x+2].filename;
  if (headerImage3!=='')
  document.getElementById("aa3").onmouseover= function () {ddrivetip(headerImage3,"#776648", 200)};
  else
  document.getElementById("aa3").onmouseover='';
  document.getElementById("aa3").href = "javascript:show('"+imageArray[x+2].filename+"')";
  
  document.getElementById("imm4").src = "../image/albums/"+album_id+"/thumbs/t_"+imageArray[x+3].filename;
  if (headerImage4!=='')
  document.getElementById("aa4").onmouseover= function () {ddrivetip(headerImage4,"#776648", 200)};
  else
  document.getElementById("aa4").onmouseover='';
  document.getElementById("aa4").href = "javascript:show('"+imageArray[x+3].filename+"')";
//alert(x);
}

var desc;
function show(file) {

id = document.getElementById("imm");

	document.getElementById("imm").src = "../image/albums/"+ album_id +"/"+file;
	
	
	for(var i = 0; i < imageArray.length; i++)
    {
    if(imageArray[i].filename==file)
      {      
      document.getElementById("imm").width = imageArray[i].width;
      
      desc=imageArray[i].description;
      if (desc!=='') 
      document.getElementById("imm").onmouseover= function () {ddrivetip(desc,"#776648", 200)};
      else
      document.getElementById("imm").onmouseover= '';
      }
    }
    
  fadeIn(id, 0);  
}