// JavaScript Document
window.artwork = "not selected";

function fadeIn(department)

{
	
if (artwork == department)
{ 
}
else 
{	

if (artwork == "not selected")
{
}
else
{
	
	fadeOut();
}

//alert("1. artwork " +artwork);
//alert("2. department " +department);
artwork = department;
//alert("3. artwork " +artwork);

var number = 0;
var mSecond = 200;
for ( number == 1; number <= 34; number++) {
	
setTimeout("loopCSS("+number+")", mSecond); //+ are needed in setTimeout fucntions... for some reason
mSecond += 150;

}

window.albumRunTime = "fadeInAlbums";

}
	
}

function loopCSS(number) 

{
	
//alert(number);
//alert(artwork + number);
document.getElementById(artwork + number).style.webkitAnimation = 'fadeInAlbum 10s 1';
document.getElementById(artwork + number).style.opacity = "1";

}


function fadeOut()
{
//alert(artwork);
var number = 0;
var mSecond = 0;
var another = artwork;
for ( number == 1; number <= 34; number++) {
setTimeout('loopOutCSS("'+another+'",'+number+')',mSecond); 
mSecond += 75;
//+ are needed in setTimeout fucntions... for some reason
//alert(window.number);
}
}

function loopOutCSS(another, number) {

//alert(another + number);
document.getElementById(another + number).style.webkitAnimation = 'fadeOutAlbum 1s 1';
document.getElementById(another + number).style.opacity = "0";

}

//alerts for debugging