/* helper methods */
tools = {
	addEvent:function( obj, type, fn ) {
		if ( obj.attachEvent ) {
		 obj['e'+type+fn] = fn;
		 obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
		 obj.attachEvent( 'on'+type, obj[type+fn] );
		} else
		 obj.addEventListener( type, fn, false );
	},
	removeClass:function(o,c){
		var rep=o.className.match(' '+c)?' '+c:c;
		o.className=o.className.replace(rep,'');
	},
	addClass:function(o,c){
		var test = new RegExp("(^|\\s)" + c + "(\\s|$)").test(o.className);
		if(!test){o.className+=o.className?' '+c:c;}
	},
	cancelClick:function(e){
		if (window.event){
			window.event.cancelBubble = true;
			window.event.returnValue = false;
		}
		if (e && e.stopPropagation && e.preventDefault){
			e.stopPropagation();
			e.preventDefault();
		}
	},
	/* insert an element after a particular node */
	insertAfter: function (parent, node, referenceNode) {
		parent.insertBefore(node, referenceNode.nextSibling);
	}


}
/********************************************************
For more info & download: http://www.ibegin.com/blog/p_ibox.html
Created for iBegin.com - local search done right
MIT Licensed Style
*********************************************************/
var indicator_img_path = '/external/slide/images/indicator.gif';
var indicator_img_html = '<img name="ibox_indicator" src="'+indicator_img_path+'" alt="Loading..." style="width:128px;height:128px;"/>'; // don't remove the name

var opacity_level = 6; // how transparent our overlay bg is
var ibAttr = "rel"; 	// our attribute identifier for our iBox elements


var imgPreloader = new Image(); // create an preloader object
function init_ibox() {
	var elem_wrapper = "ibox";

	createIbox(document.getElementsByTagName("body")[0]); //create our ibox

	//	elements here start the look up from the start non <a> tags
	//var docRoot = (document.all) ? document.all : document.getElementsByTagName("*");

	// Or make sure we only check <a> tags
	var docRoot = document.getElementsByTagName("a");

	var e;
	for (var i = 0; i < docRoot.length - 1; i++) {
			e = docRoot[i];
			if(e.getAttribute(ibAttr)) {
				var t = e.getAttribute(ibAttr);
				if ((t.indexOf("ibox") != -1)  ||  t.toLowerCase() == "ibox") { // check if this element is an iBox element
						e.onclick = function() { // rather assign an onclick event
							var t = this.getAttribute(ibAttr);
							var params = parseQuery(t.substr(5,999));
							var url = this.href;
							if(this.target != "") {url = this.target}

							var title = this.title;

							if(showIbox(url,title,params)) {
								showBG();
								window.onscroll = maintPos;
								window.onresize = maintPos;
							}
							return false;
						};

				}
			}
     }
}

showBG = function() {
	var box_w = getElem('ibox_w');


	box_w.style.opacity = 0;
	box_w.style.filter = 'alpha(opacity=0)';
	setBGOpacity = setOpacity;
	for (var i=0;i<=opacity_level;i++) {setTimeout("setIboxOpacity('ibox_w',"+i+")",70*i);} // from quirksmode.org


	box_w.style.display = "";
	var pagesize = new getPageSize();
	var scrollPos = new getScrollPos();
	var ua = navigator.userAgent;

	if(ua.indexOf("MSIE ") != -1) {box_w.style.width = pagesize.width+'px';}
	/*else {box_w.style.width = pagesize.width-20+'px';}*/ // scrollbars removed! Hurray!
	box_w.style.height = pagesize.height+scrollPos.scrollY+'px';

}

hideBG = function() {
	var box_w = getElem('ibox_w');
	box_w.style.display = "none";

}

var loadCancelled = false;
showIndicator = function() {
	var ibox_p = getElem('ibox_progress');
	ibox_p.style.display = "";
	posToCenter(ibox_p);
	ibox_p.onclick = function() {hideIbox();hideIndicator();loadCancelled = true;}
}


hideIndicator = function() {
	var ibox_p = getElem('ibox_progress');
	ibox_p.style.display = "none";
	ibox_p.onclick = null;
}

createIbox = function(elem) {
	// a trick on just creating an ibox wrapper then doing an innerHTML on our root ibox element
	var strHTML = "<div id=\"ibox_w\" style=\"display:none;\"></div>";
	strHTML +=	"<div id=\"ibox_progress\" style=\"display:none;\">";
	strHTML +=  indicator_img_html;
	strHTML +=  "</div>";
	strHTML +=	"<div id=\"ibox_wrapper\" style=\"display:none\">";
	strHTML +=	"<div id=\"ibox_content\"></div>";
	strHTML +=	"<div id=\"ibox_footer_wrapper\"><div id=\"ibox_close\" style=\"float:right;\">";
	strHTML +=	"<a id=\"ibox_close_a\" href=\"javascript:void(null);\" >Click anywhere to close</a></div>";
	strHTML +=  "<div id=\"ibox_footer\">&nbsp;</div></div></div></div>";

	var docBody = document.getElementsByTagName("body")[0];
	var ibox = document.createElement("div");
	ibox.setAttribute("id","ibox");
	ibox.style.display = '';
	ibox.innerHTML = strHTML;
	elem.appendChild(ibox);
}

var ibox_w_height = 0;
showIbox = function(url,title,params) {

	var ibox = getElem('ibox_wrapper');
	var ibox_type = 0;

	// set title here
	var ibox_footer = getElem('ibox_footer');
	if(title != "") {ibox_footer.innerHTML = title;} else {ibox_footer.innerHTML = "&nbsp;";}

	// file checking code borrowed from thickbox
	var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.html|\.htm|\.php|\.cfm|\.asp|\.aspx|\.jsp|\.jst|\.rb|\.rhtml|\.txt/g;

	var urlType = url.match(urlString);

	if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif'){
		ibox_type = 1;
	} else if(url.indexOf("#") != -1) {
		ibox_type = 2;
	} else if(urlType=='.htm'||urlType=='.html'||urlType=='.php'||
			 urlType=='.asp'||urlType=='.aspx'||urlType=='.jsp'||
			 urlType=='.jst'||urlType=='.rb'||urlType=='.txt'||urlType=='.rhtml'||
			 urlType=='.cfm') {
		ibox_type = 3;
	} else {
		// override our ibox type if forced param exist
		if(params['type']) {ibox_type = parseInt(params['type']);}
		else{hideIbox();return false;}
	}

	ibox_type = parseInt(ibox_type);


	switch(ibox_type) {

		case 1:

			showIndicator();

			imgPreloader = new Image();

			imgPreloader.onload = function(){

				imgPreloader = resizeImageToScreen(imgPreloader);
				hideIndicator();

				var strHTML = "<img name=\"ibox_img\" src=\""+url+"\" style=\"width:"+imgPreloader.width+"px;height:"+imgPreloader.height+"px;border:0;cursor:hand;margin:0;padding:0;position:absolute;\"/>";

				if(loadCancelled == false) {

					// set width and height
					ibox.style.height = imgPreloader.height+'px';
					ibox.style.width = imgPreloader.width+'px';

					ibox.style.display = "";
					ibox.style.visibility = "hidden";
					posToCenter(ibox);
					ibox.style.visibility = "visible";

					setIBoxContent(strHTML);
				}

			}

			loadCancelled = false;
			imgPreloader.src = url;

			break;

		case 2:

			var strHTML = "";


			if(params['height']) {ibox.style.height = params['height']+'px';}
			else {ibox.style.height = '280px';}

			if(params['width']) {ibox.style.width = params['width']+'px';}
			else {ibox.style.width = '450px';}


			ibox.style.display = "";
			ibox.style.visibility = "hidden";
			posToCenter(ibox);
			ibox.style.visibility = "visible";

			getElem('ibox_content').style.overflow = "auto";

			var elemSrcId = url.substr(url.indexOf("#") + 1,1000);

			var elemSrc = getElem(elemSrcId);

			if(elemSrc) {strHTML = elemSrc.innerHTML;}

			setIBoxContent(strHTML);

			break;

		case 3:
			showIndicator();
			http.open('get',url,true);

			http.onreadystatechange = function() {
				if(http.readyState == 4){
					hideIndicator();

					if(params['height']) {ibox.style.height = params['height']+'px';}
					else {ibox.style.height = '280px';}

					if(params['width']) {ibox.style.width = params['width']+'px';}
					else {ibox.style.width = '450px';}

					ibox.style.display = "";
					ibox.style.visibility = "hidden";
					posToCenter(ibox);
					ibox.style.visibility = "visible";
					getElem('ibox_content').style.overflow = "auto";

					var response = http.responseText;
					setIBoxContent(response);

				}
			}

			http.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
			http.send(null);
			break;

		default:

	 }


	ibox.style.opacity = 0;
	ibox.style.filter = 'alpha(opacity=0)';
	var ibox_op_level = 10;

	setIboxOpacity = setOpacity;
	for (var i=0;i<=ibox_op_level;i++) {setTimeout("setIboxOpacity('ibox_wrapper',"+i+")",30*i);}

	if(ibox_type == 2 || ibox_type == 3) {
		ibox.onclick = null;getElem("ibox_close_a").onclick = function() {hideIbox();}
	} else {ibox.onclick = hideIbox;getElem("ibox_close_a").onclick = null;}

	return true;
}

setOpacity = function (elemid,value)	{
		var e = getElem(elemid);
		e.style.opacity = value/10;
		e.style.filter = 'alpha(opacity=' + value*10 + ')';
}

resizeImageToScreen = function(objImg) {

	var pagesize = new getPageSize();

	var x = pagesize.width - 100;
	var y = pagesize.height - 100;

	if(objImg.width > x) {
		objImg.height = objImg.height * (x/objImg.width);
		objImg.width = x;
		if(objImg.height > y) {
			objImg.width = objImg.width * (y/objImg.height);
			objImg.height = y;
		}
	}

	else if(objImg.height > y) {
		objImg.width = objImg.width * (y/objImg.height);
		objImg.height = y;
		if(objImg.width > x) {
			objImg.height = objImg.height * (x/objImg.width);
			objImg.width = x;
		}
	}

	return objImg;
}

maintPos = function() {

	var ibox = getElem('ibox_wrapper');
	var box_w = getElem('ibox_w');
	var pagesize = new getPageSize();
	var scrollPos = new getScrollPos();
	var ua = navigator.userAgent;

	if(ua.indexOf("MSIE ") != -1) {box_w.style.width = pagesize.width+'px';}
	/*else {box_w.style.width = pagesize.width-20+'px';}*/

	if(ua.indexOf("Opera/9") != -1) {box_w.style.height = document.body.scrollHeight+'px';}
	else {box_w.style.height = pagesize.height+scrollPos.scrollY+'px';}

	// alternative 1
	//box_w.style.height = document.body.scrollHeight+50+'px';

	posToCenter(ibox);

}

hideIbox = function() {
	hideBG();
	var ibox = getElem('ibox_wrapper');
	ibox.style.display = "none";

	clearIboxContent();
	window.onscroll = null;
}

posToCenter = function(elem) {
	var scrollPos = new getScrollPos();
	var pageSize = new getPageSize();
	var emSize = new getElementSize(elem);
	var x = Math.round(pageSize.width/2) - (emSize.width /2) + scrollPos.scrollX;
	var y = Math.round(pageSize.height/2) - (emSize.height /2) + scrollPos.scrollY;
	elem.style.left = x+'px';
	elem.style.top = y+'px';
}

getScrollPos = function() {
	var docElem = document.documentElement;
	this.scrollX = self.pageXOffset || (docElem&&docElem.scrollLeft) || document.body.scrollLeft;
	this.scrollY = self.pageYOffset || (docElem&&docElem.scrollTop) || document.body.scrollTop;
}

getPageSize = function() {
	var docElem = document.documentElement
	this.width = self.innerWidth || (docElem&&docElem.clientWidth) || document.body.clientWidth;
	this.height = self.innerHeight || (docElem&&docElem.clientHeight) || document.body.clientHeight;
}

getElementSize = function(elem) {
	this.width = elem.offsetWidth ||  elem.style.pixelWidth;
	this.height = elem.offsetHeight || elem.style.pixelHeight;
}

setIBoxContent = function(str) {
	clearIboxContent();
	var e = getElem('ibox_content');
	e.style.overflow = "auto";
	e.innerHTML = str;

}
clearIboxContent = function() {
	var e = getElem('ibox_content');
	e.innerHTML = "";

}


getElem = function(elemId) {
	return document.getElementById(elemId);
}

// parseQuery code borrowed from thickbox, Thanks Cody!
parseQuery = function(query) {
   var Params = new Object ();
   if (!query) return Params;
   var Pairs = query.split(/[;&]/);
   for ( var i = 0; i < Pairs.length; i++ ) {
      var KeyVal = Pairs[i].split('=');
      if ( ! KeyVal || KeyVal.length != 2 ) continue;
      var key = unescape( KeyVal[0] );
      var val = unescape( KeyVal[1] );
      val = val.replace(/\+/g, ' ');
      Params[key] = val;

   }

   return Params;
}

/********************************************************
 Make this IE7 Compatible ;)
 http://ajaxian.com/archives/ajax-on-ie-7-check-native-first
*********************************************************/
createRequestObject = function() {
	var xmlhttp;
		/*@cc_on
	@if (@_jscript_version>= 5)
			try {xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
					try {xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
					catch (E) {xmlhttp = false;}
			}
	@else
		xmlhttp = false;
	@end @*/
	if (!xmlhttp && typeof XMLHttpRequest != "undefined") {
			try {xmlhttp = new XMLHttpRequest();} catch (e) {xmlhttp = false;}
	}
	return xmlhttp;
}

var http = createRequestObject();

tools.addEvent(window, 'load', init_ibox);


slideshow = {
	current:0,
	init:function(){
		if(document.getElementById && document.createTextNode){
			var list = document.getElementById(slideshow.css.showID);
			if(list){
				slideshow.items = list.getElementsByTagName('li');
				slideshow.all = slideshow.items.length;
				if(slideshow.all > 1){ // display navigation only if there is more than one picture
					tools.addClass(list, slideshow.css.dynamicClass);
					slideshow.createNav(list);
				}
				slideshow.show();
			}
		}
	},
	createNav:function(o){
		var p = document.createElement('p');
		tools.addClass(p, slideshow.css.slideNavigationClass);
		slideshow.prev = document.createElement('a');
		slideshow.prev.setAttribute('href', '#');
		var templabel = document.createTextNode(slideshow.labels.previous);
		slideshow.prev.appendChild(templabel);
		tools.addEvent(slideshow.prev, 'click', slideshow.show);
		tools.addClass(slideshow.prev,slideshow.css.previousClass);
		p.appendChild(slideshow.prev);
		slideshow.count = document.createElement('span');
		templabel = document.createTextNode( (slideshow.current+1) + slideshow.labels.counterDivider + slideshow.all);
		slideshow.count.appendChild(templabel);
		p.appendChild(slideshow.count);
		slideshow.next = document.createElement('a');
		slideshow.next.setAttribute('href', '#');
		var templabel = document.createTextNode(slideshow.labels.next);
		slideshow.next.appendChild(templabel);
		tools.addEvent(slideshow.next, 'click', slideshow.show);
		tools.addClass(slideshow.next,slideshow.css.nextClass);
		p.appendChild(slideshow.next);
		//o.parentNode.insertBefore(p, o);
		tools.insertAfter(o.parentNode,p,o);
	},
	show:function(e){
		if(this === slideshow.next || this === slideshow.prev){
			tools.removeClass(slideshow.items[slideshow.current], slideshow.css.currentClass);
			var addto = this === slideshow.next ? 1 : -1;
			slideshow.current = slideshow.current + addto;
			if(slideshow.current < 0){
				slideshow.current = (slideshow.all-1);
			}
			if(slideshow.current > slideshow.all-1){
				slideshow.current = 0;
			}
		}
		if (slideshow.all > 1) { // display navigation only if there is more than one picture
			var templabel = document.createTextNode( (slideshow.current+1) + slideshow.labels.counterDivider + slideshow.all);
			slideshow.count.replaceChild(templabel, slideshow.count.firstChild);
		}
		tools.addClass(slideshow.items[slideshow.current], slideshow.css.currentClass);
		tools.cancelClick(e);
	}
}

slideshow.labels = {

  /*
    These are the text labels used in the slideshow.
    You can change any of them here. Please make sure
    to use quotation marks around the values and end
    all but the last one with a comma.
  */

	previous       : 'back',
	next           : 'next',
	counterDivider : ' of '

}

slideshow.css = {

	/*
		These are the classes and IDs used in the slideshow function.
		You can change any of them here. Please make sure to use
		quotation marks around the names and end all but the last
		one with a comma.
	*/

  showID               :'slideshow',
  dynamicClass         :'js',
  slideNavigationClass :'slidenav',
  currentClass         :'current',
  previousClass	:'previous',
  nextClass	:'next'

}

//tools.addEvent(window,'load',slideshow.init);