// ------------------------ 10util.js starts here -----------------------------
/*              Utility functions                    */

function addEvent(obj, eventType, fn){
  /* adds an eventListener for browsers which support it
     Written by Scott Andrew: nice one, Scott */
     
  if( eventType === "load" ) {
  	//hack me
  	loadEventList.addLoadEvent(fn);
  	return true;
  }     
     
  if (obj.addEventListener){
    obj.addEventListener(eventType, fn, false);
    return true;
  } else if (obj.attachEvent){
	var r = obj.attachEvent("on"+eventType, fn);
    return r;
  } else {
	return false;
  }
}

var loadEventList = [];
loadEventList.addLoadEvent = function( fn ) {
	loadEventList[ loadEventList.length ] = fn;
}

loadEventList.fireLoadEvents = function() {
	for(var i=0; i<loadEventList.length; i++) {
		loadEventList[i]();
	}
}

/* the following is a hack to replicate DOMContentLoaded in browsers
   other than Firefox.  It is basically copied from
   http://dean.edwards.name/weblog/2006/06/again/
*/
if(/WebKit/i.test(navigator.userAgent)) { // Safari
	var _timer = setInterval(function() {
		if (/loaded|complete/.test(document.readyState)) {
			clearInterval(_timer);
			loadEventList.fireLoadEvents(); // call the onload handler
		}
	}, 100);
} else if (document.addEventListener) {
	document.addEventListener("DOMContentLoaded", loadEventList.fireLoadEvents, false);
} else {
  // IE HACK
/*@cc_on @*/
/*@if (@_win32)
document.write("<script id='__ie_onload' defer='defer' src='javascript:void(0)'><\/script>");
var script = document.getElementById("__ie_onload");
script.onreadystatechange = function() {
	if (this.readyState == "complete") {
		loadEventList.fireLoadEvents(); // call the onload handler
	}
};
/*@end @*/
}
// ------------------------ caption.js starts here ----------------------------
addEvent(window, "load", caption); 

function caption ()  {
	var imageList=document.getElementsByTagName('li');
	
	
	for(var i=0; i<imageList.length; i++){
	
		if(imageList[i].className.match(/\bpixie\b/))  {
			imageList[i].onmouseover= function () { changeState(this, 'over') };
			imageList[i].onmouseout=  function () { changeState(this,'off') };
			imageList[i].onfocus= function () { changeState(this, 'over') };
			imageList[i].onblur=  function () { changeState(this, 'off') };
			}
		}
}		
		
function changeState(element,state)  {
	var existingClassName=oldClassName(element,'static-state');
	
	if (element.className.match(/c-[0-9]+-c/)) {
		var timeOutHide=element.className.match(/[0-9]+/);
		timeOutHide=parseInt(timeOutHide);
		clearInterval(timeOutHide);
	}
	var elementRef=element.getElementsByTagName('div')[1];
	var timeOutRef=setInterval(function (){ show(elementRef, state) }, 10);
	element.className=existingClassName+"c-"+timeOutRef+"-c";
}

function show(element, state)  {

	var startPosition=-7;
	var endPosition=1.4;
	var rate=1;
	
	var captionPosition=parseInt(element.style.marginTop);
	if(isNaN(captionPosition)) {
		captionPosition=startPosition;
		
	}else if(state=='over'){	
		captionPosition=captionPosition+rate;
	}else{
		captionPosition=captionPosition-rate;
	}
	if (captionPosition<=endPosition && state=='over' || captionPosition>=startPosition && state=='off') {
		element.style.marginTop=captionPosition+'em';
	}else{
		var timeOut=element.parentNode.className.match(/[0-9]+/);
		var existingClassName=oldClassName(element.parentNode,'static-state');
		element.parentNode.className=existingClassName+"static-state";
		timeOut=parseInt(timeOut);		
		if(!isNaN(timeOut)) clearInterval(timeOut);
	}
}

function oldClassName (element, modificationClass)  {
	var oldClass='';
	
	if (element.className) {
		oldClass=element.className;
	}else{
		return oldClass;
	}
	if (oldClass.match(/(\bmodificationClass\b)|(c-[0-9]+-c)/))  {
		var newClass=oldClass.replace(/(\bmodificationClass\b)|(c-[0-9]+-c)/, "")
		 newClass=newClass.replace(modificationClass, "")
	} else {
		var newClass=oldClass+" ";
	}
	
	return newClass;
}
// ------------------------- caption.js ends here -----------------------------