/* ----- sliding-drawers.js ----- */
var openingEl = 1;
var activeEl = 1;
var queuedEl = 1; 

var transition = false;
var fade = 0;
var slideshow;


window.onload = function() {

	//initial states
	setFirst(1);
	setOther(2);
	setOther(3);
	setOther(4);

	//attach onmouseover handlers
	if(document.getElementById('shuffler1')) document.getElementById('shuffler1').onmouseover = function () { queuedEl = 1; if(activeEl != 1 && openingEl != 1 && transition == false) setOpen(1); }
	if(document.getElementById('shuffler2')) document.getElementById('shuffler2').onmouseover = function () { queuedEl = 2; if(activeEl != 2 && openingEl != 2 && transition == false) setOpen(2); }
	if(document.getElementById('shuffler3')) document.getElementById('shuffler3').onmouseover = function () { queuedEl = 3; if(activeEl != 3 && openingEl != 3 && transition == false ) setOpen(3); }
	if(document.getElementById('shuffler4')) document.getElementById('shuffler4').onmouseover = function () { queuedEl = 4; if(activeEl != 4 && openingEl != 4 && transition == false) setOpen(4); }

        //start automatic slideshow
        queuedEl = 2;
        slideshow = setTimeout("setOpen('2')", 2000);
	
}


//set open state
function setFirst(el) {
	if(document.getElementById('shuffler' + el)) document.getElementById('shuffler' + el).style.height = '120px';
	if(document.getElementById('plus' + el)) document.getElementById('plus' + el).style.display = 'block';
}

//set closed state
function setOther(el) {
	if(document.getElementById('shuffler' + el)) document.getElementById('shuffler' + el).style.height = '60px';
	if(document.getElementById('more' + el)) document.getElementById('more' + el).style.display = 'none';
	if(document.getElementById('plus' + el)) document.getElementById('plus' + el).style.display = 'block';
}

//animate open / close
function setOpen(el) {

	clearTimeout(slideshow);
	openingEl = el;
	closingEl = activeEl;
	transition = true;

	if(document.getElementById('more' + closingEl)) document.getElementById('more' + closingEl).style.display = 'none';
	
	if(document.getElementById('shuffler' + openingEl)) oElHeight = parseInt(document.getElementById('shuffler' + openingEl).style.height);
	if(document.getElementById('shuffler' + closingEl)) cElHeight = parseInt(document.getElementById('shuffler' + closingEl).style.height);
	
	if(oElHeight < 120 && cElHeight > 60) {
		oElHeight = oElHeight + 20;
		cElHeight = cElHeight - 20;
		if(document.getElementById('shuffler' + openingEl)) document.getElementById('shuffler' + openingEl).style.height = oElHeight + 'px';
		if(document.getElementById('shuffler' + closingEl)) document.getElementById('shuffler' + closingEl).style.height = cElHeight + 'px';
		setTimeout("setOpen(" + openingEl + ")", 100);
	}
	else {
		activeEl = openingEl;
		fadeIn(openingEl);
	}
}

//fade in more link
function fadeIn() {

	//abort if another event queued
	if(queuedEl != activeEl) {
		setOpen(queuedEl);
	}
	else {
		el = activeEl;
		if(fade < 1 && transition == true && document.getElementById('more' + el)) {
		
			fade = fade + .1;
			iefade = fade * 100;
			document.getElementById('more' + el).style.filter = 'Alpha(opacity=' + iefade + ')';
			//document.getElementById('more' + el).style.-moz-opacity = fade;
			document.getElementById('more' + el).style.opacity = fade;
			if(el == openingEl) {		document.getElementById('more' + el).style.display = 'block';	}
			setTimeout("fadeIn()", 100);
		}
		else {
			fade = 0;
			transition = false;
			
			//process next if queued
			if(queuedEl != activeEl) {
				setOpen(queuedEl);
			} 
			//else carry on automatic slideshow
			else {
			        queuedEl = queuedEl + 1;
			        if(queuedEl == 5) queuedEl = 1;
				slideshow = setTimeout("setOpen(queuedEl)", 2000);
			}
			
		}
		
	}

}