var currentOpacity;
var fadeAmount = 5;
var fInAmount = 10;
var contin = 1;

function transitionr(url)
{
 document.getElementById("transition").style.visibility = "visible";
 contin = 1;
 fadeInImage("transition", url);
 
}


function doFadeIn(image)
{
  setCurrentOpacity(image);    
  if (currentOpacity < 100)
  {      
    contin = 1;
    var newOpacity = parseInt(currentOpacity) + parseInt(fInAmount);
    if (document.getElementById(image).style.MozOpacity)
    {
     document.getElementById(image).style.MozOpacity = (newOpacity / 100);
    }
    else document.getElementById(image).style.filter = "alpha(opacity=" + newOpacity + ")";
  }
}

function doFadeOut(image)
{
  setCurrentOpacity(image);   
  if (currentOpacity > 0)
  {
    contin = 1;
    var newOpacity = parseInt(currentOpacity) - parseInt(fadeAmount);
    if (document.getElementById(image).style.MozOpacity) document.getElementById(image).style.MozOpacity = (newOpacity / 100);
    else document.getElementById(image).style.filter = "alpha(opacity=" + newOpacity + ")";
  }
}

function fadeOutImage(image)
{
    contin = 0;
    doFadeOut(image);
    if (contin == 1) setTimeout("fadeOutImage('" + image + "')", 0);
    else document.getElementById(image).style.visibility = "hidden";
}

function fadeInImage(image, nurl)
{
  contin = 0;
  doFadeIn(image);
  if (contin == 1) setTimeout("fadeInImage('" + image + "', '" + nurl + "')", 1);
  else
  {
   document.getElementById("content").src = nurl;
  }
}

function setCurrentOpacity(image)
{
  if (document.getElementById(image).style.MozOpacity) currentOpacity = document.getElementById(image).style.MozOpacity * 100;
  else if (document.getElementById(image).style.filter)
  {
   var filter = document.getElementById(image).style.filter;

   var begin = filter.indexOf("=") + 1;
   currentOpacity = filter.substring(begin, filter.length - 1);
  }
  else currentOpacity = document.getElementById(image).style.opacity;
}

function audioRoll(rtype)
{
  document.getElementById("stoproll").style.visibility = "hidden";
  document.getElementById("playroll").style.visibility = "hidden";
  document.getElementById("nextroll").style.visibility = "hidden";

  document.getElementById(rtype + "roll").style.visibility = "visible";
}

function changeAudio(naudio)
{
  document.getElementById("player").filename = naudio;
}

function audioOff()
{
  document.getElementById("stoproll").style.visibility = "hidden";
  document.getElementById("playroll").style.visibility = "hidden";
  document.getElementById("nextroll").style.visibility = "hidden";
}

function buttonRoll(artist)
{
 document.getElementById(artist + "-roll").style.visibility = "visible";
 document.getElementById(artist + "-header").style.visibility = "visible";
}

function buttonOff()
{
 document.getElementById("hakim-roll").style.visibility = "hidden";
 document.getElementById("hakim-header").style.visibility = "hidden";
 document.getElementById("locc-roll").style.visibility = "hidden";
 document.getElementById("locc-header").style.visibility = "hidden";
 document.getElementById("streets-roll").style.visibility = "hidden";
 document.getElementById("streets-header").style.visibility = "hidden";
 document.getElementById("jah-roll").style.visibility = "hidden";
 document.getElementById("jah-header").style.visibility = "hidden";
 document.getElementById("scott-roll").style.visibility = "hidden";
 document.getElementById("scott-header").style.visibility = "hidden";
 document.getElementById("byrd-roll").style.visibility = "hidden";
 document.getElementById("byrd-header").style.visibility = "hidden";
 document.getElementById("kenny-roll").style.visibility = "hidden";
 document.getElementById("kenny-header").style.visibility = "hidden";
 document.getElementById("treecy-roll").style.visibility = "hidden";
 document.getElementById("treecy-header").style.visibility = "hidden";
 document.getElementById("june-roll").style.visibility = "hidden";
 document.getElementById("june-header").style.visibility = "hidden";
 document.getElementById("bubba-roll").style.visibility = "hidden";
 document.getElementById("bubba-header").style.visibility = "hidden";
 document.getElementById("prophecy-roll").style.visibility = "hidden";
 document.getElementById("prophecy-header").style.visibility = "hidden";
}

function artistClick(artist)
{
 if (document.getElementById("transition").style.MozOpacity || document.getElementById("transition").style.filter)
 {
  transitionr(("artists.php?artist=" + artist));
 }
 else document.getElementById("content").src = "artists.php?artist=" + artist;

}

function navClick(nav)
{
 if (document.getElementById("transition").style.MozOpacity || document.getElementById("transition").style.filter)
 {
  transitionr(nav);
 }
 else document.getElementById("content").src = nav;
}

function modelClick(model)
{
 if (document.getElementById("transition").style.MozOpacity || document.getElementById("transition").style.filter)
 {
  transitionr(("models.php?model=" + model));
 }
 else document.getElementById("content").src = "models.php?model=" + model;
}

var glideDirection = 0;
//add 40 to thumbs height for every image
var thumbsHeight = -120;

function beginGlide(dir)
{
 glideDirection = dir; 
 glide();
}

function glide()
{
 if (glideDirection == 1) moveUp();
 else if (glideDirection == 2) moveDown();

 if (glideDirection != 0) setTimeout("glide()", 5);
}
 
function stopGlide()
{
 glideDirection = 0;
}

function moveDown()
{
 var curTop = document.getElementById("artistButtons").style.top.substring(0, document.getElementById("artistButtons").style.top.indexOf('p'));
 curTop = curTop * 1;
 if (curTop > thumbsHeight) document.getElementById("artistButtons").style.top = curTop - 1;
}

function moveUp()
{
 var curTop = document.getElementById("artistButtons").style.top.substring(0, document.getElementById("artistButtons").style.top.indexOf('p'));
 curTop = curTop * 1;
 if (curTop < 0) document.getElementById("artistButtons").style.top = curTop + 1;
}