function toggle(div) 
{
	var elem = document.getElementById(div);
    if (elem.style.display=='') {elem.style.display='none'; return;}
    elem.style.display='';
}

function pitch_switch(id, min, max) 
{
	//alert(id+" "+min+" "+max);
	for (i=min;i<=max;i++) {
		if(document.getElementById('image_' + i) != null)
			document.getElementById('image_' + i).style.display = 'none';		
	}
	
	document.getElementById('image_' + id).style.display = 'block';
	intro_current = id;
}

var intro_timer = 0;
var intro_current = 1;
var intro_last = 1;
var intro_min = 0;
var intro_max = 0;
function intro_animate_start()
{
	if(intro_timer) 
	{
		clearTimeout(intro_timer);
		intro_timer = 0;
	}
	
	intro_timer = setTimeout("intro_animate()", 3000);	
}

function intro_animate_stop()
{
	if(intro_timer) 
	{
		clearTimeout(intro_timer);
		intro_timer = 0;
	}
}

function intro_animate()
{
	gblImageRotations = gblDeckSize * (gblRotations+1);
	intro_current++;
	for(i=intro_min; i<intro_max; i++)
	{
		if(intro_current >intro_max)
			intro_current = intro_min;
		
		if(document.getElementById('image_'+intro_current))
		{
			//pitch_switch(intro_current, intro_min, intro_max);
			photoShufflerFade();
			//intro_animate_start();
			return;
		}
		intro_current++;
	}
}

var faderTime = 0;

var gblPauseSeconds = 3;
var gblFadeSeconds = .85;
var gblRotations = 1;

// End Customization section

var gblDeckSize;
var gblOpacity = 100;
var gblOnDeck = 0;
var gblStartImg;
var gblImageRotations;

function photoShufflerFade()
{
	document.getElementById('intro_pictures').style.backgroundImage = 'url(' + document.getElementById('image_'+intro_last).src + ')';
	
	var theimg = document.getElementById('image_'+intro_current);
	my_setOpacity(theimg, 0);
	pitch_switch(intro_current, intro_min, intro_max);
	
	// determine delta based on number of fade seconds
	// the slower the fade the more increments needed
	var fadeDelta = 100 / (30 * gblFadeSeconds);

	// fade top out to reveal bottom image
	if (gblOpacity < 2*fadeDelta ) 
	{
		gblOpacity = 100;
		// stop the rotation if we're done
		if (gblImageRotations < 1) return;
		//photoShufflerShuffle();
		// pause before next fade
		intro_last = intro_current;
		intro_animate_start();
	}
	else
	{
		gblOpacity -= fadeDelta;
		my_setOpacity(theimg,gblOpacity);
		setTimeout("photoShufflerFade()",30);  // 1/30th of a second
	}
}

function my_setOpacity(obj, opacity) 
{
  opacity = (opacity == 100)?99.999:opacity;
	opacity = 100 - opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;

  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;

  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}