/********************************************************
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 = "images/layout/indicator.gif";
var indicator_img_html = "<img name=\"ibox_indicator\" src=\""+indicator_img_path+"\" alt=\"Laddar...\" style=\"width:128px;height:128px;\"/>"; // don't remove the name
var opacity_level = 8; // how transparent our overlay bg is
var ibAttr = "rel"; 	// our attribute identifier for our iBox elements
var addr = "";
var curpos = -1;
var picdesc = new Array();
var picid = new Array();

var imgPreloader = new Image(); // create an preloader object

function fetchAlbumIndex(thepicid){
	var ai = document.getElementById('albumindex');
	var tempArray = new Array();
	var curimgid = thepicid;

	if(ai) {

		if(picid.length < 1) {	// Om albumindex inte redan finns i cache

			tempArray = ai.innerHTML.split("#");

			// Lägger in alla bild id i en egen array
			for(var i=0; i<tempArray.length;i++) {
				picid[i] = tempArray[i].substring(0,tempArray[i].indexOf('['));
				if(picid[i] == curimgid)
					curpos = i;
			}

			// Lägger in alla bildbeskrivningar i en egen array
			for(var i=0; i<tempArray.length;i++) {
				picdesc[i] = tempArray[i].substring(tempArray[i].indexOf('[')+1,tempArray[i].lastIndexOf(']'));
			}
		}
	}
}

function updateCurPos(thepicid){
	if(picid.length > 0) {
		for(var i=0; i<picid.length;i++) {
			if(picid[i] == thepicid)
				curpos = i;
		}
	}
}

function getCurrentImageId(){
	var curimg = document.getElementById('currentimage');
	var start = curimg.src.lastIndexOf("/");
	var end = curimg.src.lastIndexOf(".");
	var thestr = curimg.src.substring(start+1,end);

	return thestr;
}

function setCloseAreaText(){
	var closeAreaText = "";
	var currentpicid = picid[curpos];
	var last = curpos==picid.length-1;
	var first = curpos == 0;

	if(last && first) { // Om det varken finns någon bild före eller efter
		closeAreaText = "<a id=\"ibox_close_a\" href=\"javascript:void(null);\" style=\"display:none;\"></a>";
	}
	else if(last) { // Om det inte finns någon bild efter den aktuella
		closeAreaText = "<a id=\"ibox_close_a\" href=\"javascript:void(null);\" style=\"display:none;\"></a><a id=\"prev_image\" href=\"javascript:void(null);\" onclick=\"javascript:switchImage('prev');\">Föregående</a> | Nästa";
	}
	else if(first) { // Om det inte finns någon bild före den aktuella
		closeAreaText = "<a id=\"ibox_close_a\" href=\"javascript:void(null);\" style=\"display:none;\"></a>Föregående | <a id=\"next_image\" href=\"javascript:void(null);\" onclick=\"javascript:switchImage('next');\">Nästa</a>";
	}
	else { // Om det finns bild före och efter
		closeAreaText = "<a id=\"ibox_close_a\" href=\"javascript:void(null);\" style=\"display:none;\"></a><a id=\"prev_image\" href=\"javascript:void(null);\" onclick=\"javascript:switchImage('prev');\">Föregående</a> | <a id=\"next_image\" href=\"javascript:void(null);\" onclick=\"javascript:switchImage('next');\">Nästa</a>";
	}

//	getElem('ibox_close').innerHTML = closeAreaText;
	closeAreaText = '<a href="index.php?page=gallery&action=viewcomments&id='+currentpicid+'">Kommentera</a><br /><br />'+closeAreaText;
	getElem('flowcontrol').innerHTML = closeAreaText;
}

function switchImage(direction) {

	var closeAreaText = "";
	var newsrc = "";
	var newdesc = "";

	var curimg = document.getElementById('currentimage');
	if(curimg) {

		if(direction == 'next') {
			if(curpos<picid.length) {
				curpos++;
			}
		} else if (direction == 'prev') {
			if(curpos>0)
				curpos--;
		}

		var imgpath = curimg.src.substring(0,curimg.src.lastIndexOf("/")+1);
		newsrc = imgpath+picid[curpos]+".jpg";
		newdesc = picdesc[curpos];

		hideIbox2();

		if(showIbox(newsrc,newdesc,'')) {
			window.onscroll = maintPos;
			window.onresize = maintPos;
		}

		setCloseAreaText();
	}

	return false;
}

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);

							addr = this.href;
							var start = this.href.lastIndexOf("/");
							var end = this.href.lastIndexOf(".");
							var thepicid = this.href.substring(start+1,end);
							t = t + '&picid='+thepicid;

							fetchAlbumIndex(thepicid);
							updateCurPos(thepicid);

							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;
							}

							setCloseAreaText();

							return false;
						};

				}
				else if ((t.indexOf("ilogin") != -1)  ||  t.toLowerCase() == "ilogin") { // check if this element is an iLogin element
						e.onclick = function() { // rather assign an onclick event
							var t = this.getAttribute(ibAttr);
							var settings = "height=100&width=250";

							var params = parseQuery(settings);

							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);
	posFlowControl();
	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=\"flowcontrol\" style=\"display:none\">Kommentarer (0)<br /><br />Föregående | Nästa</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);\" >Stäng</a> | <a id=\"prev_image\" href=\"javascript:void(null);\" onclick=\"javascript:prevImage();\">Föregående</a> | <a id=\"next_image\" href=\"javascript:void(null);\" onclick=\"javascript:nextImage();\">Nästa</a></div>";
	//strHTML +=	"<a id=\"ibox_close_a\" href=\"javascript:void(null);\" style=\"display:none;\"></a><a id=\"prev_image\" href=\"javascript:void(null);\" onclick=\"javascript:switchImage('prev');\">Föregående</a> | <a id=\"next_image\" href=\"javascript:void(null);\" onclick=\"javascript:switchImage('next');\">Nästa</a></div>";
	strHTML +=	"<a id=\"ibox_close_a\" href=\"javascript:void(null);\" style=\"display:none;\"></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 flowcontrol = getElem('flowcontrol');

	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 id=\"currentimage\" 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";

					var ai = document.getElementById('albumindex');
					if(ai) {
						flowcontrol.style.display = "";
						flowcontrol.style.visibility = "hidden";
						posFlowControl();
						flowcontrol.style.visibility = "visible";
					}

					setIBoxContent(strHTML);
					ibox.style.paddingBottom = ibox_footer.offsetHeight+20+'px';
				}

			}

			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;
		if(getElem("ibox_close_a"))
		getElem("ibox_close_a").onclick = function() {hideIbox();}
	} else if (ibox_type == 1) {
		getElem("ibox_content").onclick = function() {hideIbox();};
		if(getElem("ibox_close_a"))
			getElem("ibox_close_a").onclick = function() {hideIbox();};
		getElem("ibox_w").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);
	posFlowControl();

}

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

	clearIboxContent();
	window.onscroll = null;
}

hideIbox2 = function() {
	var ibox = getElem('ibox_wrapper');
//	var flowcontrol = getElem('flowcontrol');
	ibox.style.display = "none";
//	flowcontrol.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';
}

posFlowControl = function() {
	var flowcontrol = getElem('flowcontrol');
	var scrollPos = new getScrollPos();
	var pageSize = new getPageSize();
	var emFlowSize = new getElementSize(flowcontrol);
	var flow_x = Math.round(pageSize.width) - (emFlowSize.width) + scrollPos.scrollX - 40;
	var flow_y = Math.round(pageSize.height) - (emFlowSize.height) + scrollPos.scrollY - 20;

	flowcontrol.style.left = flow_x+'px';
	flowcontrol.style.top = flow_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();

function addEvent(obj, evType, fn){
 if (obj.addEventListener){
   obj.addEventListener(evType, fn, false);
   return true;
 } else if (obj.attachEvent){
   var r = obj.attachEvent("on"+evType, fn);
   return r;
 } else {
   return false;
 }
}
addEvent(window, 'load', init_ibox);