var galNumber = 0;
var galNumber = 0;
var buttonsExist = false;
var afterFadeIn_moving;
var afterFaceFadeIn_moving;
var moveBeforeAfterMouth_moving;
var animation;
var movement;
var moveBefore;
var moveAfter;

/*function hideCases() {
	styleText = "ul.gallery { display: none; }";
	styleTextNode = document.createTextNode(styleText);
	styleTag = document.createElement("style");
	styleTag.setAttribute("type","text/css");
	styleTag.appendChild(styleTextNode);
	headTag = document.getElementsByTagName("head");
	headTag[0].appendChild(styleTag);
}
hideCases();*/

function init(){
	prepareGallery(galNumber);
}

function prepareGallery(galNumber) {
	if (moveBefore) {
		clearTimeout(moveBefore);
		}
	if (moveAfter) {
		clearTimeout(moveAfter);
		}
	if (animation) {
		clearTimeout(animation);
		}
	if (movement) {
		clearTimeout(movement);
		}
	if (afterFadeIn_moving) {
		clearTimeout(afterFadeIn_moving);
		}
	if (afterFaceFadeIn_moving) {
		clearTimeout(afterFaceFadeIn_moving);
		}
	if (moveBeforeAfterMouth_moving) {
		clearTimeout(moveBeforeAfterMouth_moving);
		}
	
	// Find all lists labled "gallery"
	var allULs = document.getElementsByTagName("ul");
	var allGals = new Array();
	for (x = 0; x < allULs.length; x++) {
		if (allULs[x].className == "gallery") {
			allGals.push(allULs[x]);
			}// end if
		}// end for	
	
	// Hide all galleries except the active one
	for (x = 0; x < allGals.length; x++) {
		allGals[x].style.display = "none";
		}
	allGals[galNumber].style.display = "block";
	
	if(allGals.length > 1) {
	// Check to see if the buttons exist and if not....
	var allDIVs = document.getElementsByTagName("div");
	for (x = 0; x < allDIVs.length; x++) {
		if (allDIVs[x].getAttribute("id") == "buttonWrap") {
			buttonsExist = true;
			}// end if
		}// end for
	
	if (buttonsExist == false) {
		
		// Create and insert buttons before cases
		var buttonWrap = document.createElement("div");
		buttonWrap.setAttribute("id","buttonWrap");
		
		// Create case number
		var caseNum = document.createElement("div");
		caseNum.setAttribute("id","caseNum");
		buttonWrap.appendChild(caseNum);
		
		var caseSpan = document.createElement("span");
		caseNum.appendChild(caseSpan);
		
		var caseSpanText = document.createTextNode(galNumber + 1);
		caseSpan.appendChild(caseSpanText);
		
		var caseText = document.createTextNode(" / " + allGals.length);
		caseNum.appendChild(caseText);
		
		var prevButton = document.createElement("a");
		prevButton.setAttribute("id","prevButton");
		prevGal = galNumber - 1;
		prevButton.setAttribute("href","#");
		prevButton.onclick = function(){
								prepareGallery(prevGal);
								return false;
								}
		/*prevButton.setAttribute("onClick","prepareGallery(" + prevGal + "); return false");*/
		buttonWrap.appendChild(prevButton);
		
		var prevButton_txt = document.createTextNode("Previous");
		prevButton.appendChild(prevButton_txt);
		
		var divider = document.createTextNode(" | ");
		buttonWrap.appendChild(divider);
		
		var nextButton = document.createElement("a");
		nextButton.setAttribute("id","nextButton");
		nextGal = galNumber + 1;
		nextButton.setAttribute("href","#");
		nextButton.onclick = function(){
								prepareGallery(nextGal);
								return false;
								}
		/*nextButton.setAttribute("onClick","prepareGallery(" + nextGal + "); return false");*/
		buttonWrap.appendChild(nextButton);
		
		var nextButton_txt = document.createTextNode("Next");
		nextButton.appendChild(nextButton_txt);
		
		allGals[0].parentNode.insertBefore(buttonWrap,allGals[0]);
	} else {
		
		caseNum = document.getElementById("caseNum");
		caseSpan = caseNum.getElementsByTagName("span");
		caseSpanText = caseSpan[0].childNodes;
		newCaseSpanText = document.createTextNode(galNumber + 1);
		caseSpan[0].replaceChild(newCaseSpanText,caseSpanText[0]);
		
		prevGal = galNumber - 1;
		prevButton = document.getElementById("prevButton");
		prevButton.setAttribute("href","#");
		prevButton.onclick = function(){
								prepareGallery(prevGal);
								return false;
								}
		/*prevButton.setAttribute("onClick","prepareGallery(" + prevGal + ");");*/
		
		nextGal = galNumber + 1;
		nextButton = document.getElementById("nextButton");
		nextButton.setAttribute("href","#");
		nextButton.onclick = function(){
								prepareGallery(nextGal);
								return false;
								}
		/*nextButton.setAttribute("onClick","prepareGallery(" + nextGal + "); return false");*/
	}// end if
	
	if (galNumber == 0) {
		prevButton.className = "disabled";
		prevButton.onclick = "";
	} else if (galNumber == (allGals.length - 1)) {
		nextButton.className = "disabled";
		nextButton.onclick = "";
	} else {
		prevButton.className = "";
		nextButton.className = "";
		}
	}
	/* Find cases and caption */
	var allLIs = allGals[galNumber].getElementsByTagName("li");
	
	var beforeMouth = new Array();
	var afterMouth = new Array();
	var afterFace = new Array();
	var caption = new Array();
	for (x = 0; x < allLIs.length; x++) {
		
		// Find before mouth
		if (allLIs[x].className == "before") {
			beforeMouth = allLIs[x];
			}// end if
			
		// Find after mouth
		if (allLIs[x].className == "after") {
			afterMouth = allLIs[x];
			}// end if
			
		// Find after face
		if (allLIs[x].className == "afterface") {
			afterFace = allLIs[x];
			}// end if
			
		// Find caption
		if (allLIs[x].className == "caption") {
			caption.push(allLIs[x]);
			}// end if
		}// end for
	// BA
	if (beforeMouth.nodeType && afterMouth.nodeType && !afterFace.nodeType) {
		casesBA(galNumber,beforeMouth,afterMouth,caption);
		}
		
	// BAF
	if (beforeMouth.nodeType && afterMouth.nodeType && afterFace.nodeType) {
		allGals[galNumber].style.height = "415px";
		casesBAF(galNumber,beforeMouth,afterMouth,afterFace,caption);
		}
	
	}// end function

function fadeOut() {
	i--;
	if (i>=0) {
		whichElem.style.opacity = i/100;
		whichElem.style.filter = "alpha(opacity=" + i + ")";
		animation = setTimeout("fadeOut()",speed);
	} else {
		clearTimeout(animation);
		}	
}
function fadeIn() {
	i++;
	if (i<=100) {
		whichElem.style.opacity = i/100;
		whichElem.style.filter = "alpha(opacity=" + i + ")";
		animation = setTimeout("fadeIn()",speed);
	} else {
		clearTimeout(animation);
		}	
}

function moveElement(elem,final_x,final_y,interval) {
	//alert(interval);
	var xpos = parseInt(elem.style.marginLeft);
	var ypos = parseInt(elem.style.marginTop);
	if (xpos == final_x && ypos == final_y) {return true;}
	if (xpos < final_x) {
		var dist = Math.ceil((final_x - xpos)/10);
		xpos = xpos + dist;
		}
	if (xpos > final_x) {
		var dist = Math.ceil((xpos - final_x)/10);
		xpos = xpos - dist;
		}
	if (ypos < final_y) {
		var dist = Math.ceil((final_y - ypos)/10);
		ypos = ypos + dist;
		}
	if (ypos > final_y) {
		var dist = Math.ceil((ypos - final_y)/10);
		ypos = ypos - dist;
		}
	//alert("xpos = "+xpos+", ypos = "+ypos+", elem = "+elem);
	elem.style.marginLeft = xpos + "px";
	elem.style.marginTop = ypos + "px";
	var repeat = function() {moveElement(elem,final_x,final_y,interval);};
	/*var repeat = "moveElement('" + elem + "'," + final_x + "," + final_y + "," + interval + ")";*/
	movement = setTimeout(repeat,interval);
	}

function insertAfter(newElement,targetElement) {
	var parent = targetElement.parentNode;
	if (parent.lastChild == targetElement) {
		parent.appendChild(newElement);
		} else {
		parent.insertBefore(newElement,targetElement.nextSibling);
		}
	}

function addLoadEvent(func) {
	var oldonload = window.onload;
	if(typeof window.onload != 'function') {
		window.onload = func;
		} else {
		window.onload = function() {
			oldonload();
			func();
			}
		}
	}
addLoadEvent(init);