//-- custom "lightbox" popup --//
// © Copyright 2008 - Bryan Taggart/Axxess Africa

// need utility library

//--------------

// set global vars
var fadeId;
var boxOpacity = 0;
var boxDir;

var resizeWidthId;
var resizeHeightId;
var popupSize; // array
var tempWidth;
var tempHeight;

var statusId;
statusHeight = 0;

var visLoadId;

var popUrl;

//--
 
var frameIndex = 0;

//--


function createDynPop() {

if (document.getElementById('popupdiv') == null) {

	var din0 = document.createElement("div");
	din0.id = "popupdiv";
	din0.style.display = "none";

	// set w/h of popup back to previous size
	if (tempWidth == undefined) {
	din0.style.width = "200px";
	} else {
	din0.style.width = parseInt(tempWidth)+"px";
	}

	if (tempHeight == undefined) {
	din0.style.height = "200px";
	} else {
	din0.style.height = parseInt(tempHeight)+"px";
	}

	var newiframe = document.createElement("iframe");
	newiframe.id = "popupiframe";
	newiframe.name = "popupiframe";
	newiframe.src = "pics/membersblank.php";
	newiframe.frameBorder = "no";
	din0.appendChild(newiframe,null);

	var din1 = document.createElement("div");
	din1.id = "popupstatus";
	din1.style.height = "0px";
	din0.appendChild(din1,null);

	var din2 = document.createElement("div");
	din2.id = "popupcaption";
	din1.appendChild(din2,null);

	var din3 = document.createElement("div");
	din3.id = "popupclose";
	din1.appendChild(din3,null);

	var img1 = document.createElement("img");
	img1.id = "popupcloser";
	img1.src = "pics/pop_close.png";
	img1.width = "67";
	img1.height = "17";
	img1.alt = "";
	img1.onclick = removePop;
	din3.appendChild(img1,null);

	var img2 = document.createElement("img");
	img2.id = "visimage";
	img2.src = "pics/pop_loading.gif";
	img2.width = "32";
	img2.height = "32";
	img2.alt = "";
	img2.style.display = "none";
	din0.appendChild(img2,null);

	document.getElementById('popholder').appendChild(din0,null);


}

}



function removeDynPop() {

if (document.getElementById('popupdiv')) {

if ( !document.getElementById('votefrm') ) {

var pHolder = document.getElementById('popholder');
var oldDiv = document.getElementById('popupdiv');
pHolder.removeChild(oldDiv);

}

//alert(document.getElementById('popholder').innerHTML);
}

}









var mainImgPath;
var mainImgArr;


function showImgPop(imgPath,imgArr,imgIndex,w,h,caption) {

if (!document.getElementById('popupdiv')) {

	// dynamically creates popup | obviously
	createDynPop();

	document.getElementById('coverdiv').style.display = "block";
	document.getElementById('coverdiv').style.height = getBodyHeight()+"px";


	if (vIE() != -1) {document.getElementById('coverdiv').style.height=document.documentElement.scrollHeight+"px";
	}

}

//if (getWidth(document.getElementById('popupdiv')) == 200) {
//alert('first');
//}






	mainImgPath = imgPath;
	mainImgArr = imgArr;

	var url = "imgcontainer.php?index="+imgIndex;

/*
	// get width/height from img
	var newImg = new Image();
	newImg.onload = function() {
		imgComplete(newImg,url);
	}
	newImg.src = imgPath+imgArr[imgIndex];
	//newImg.onerror = imgErr;
*/

	popupSize = new Array(w, h);
	setTxt('popupcaption',caption);

	if (vIE() != -1) {
//alert(url);
}





	openPop(url,w,h);
	startFade('in');


}

	





function imgComplete(newImg,url) {

	var w = newImg.width;
	var h = newImg.height;

	popupSize = new Array(w, h);
	//setTxt('popupcaption','');

	sizePop(url,w,h);
	//startFade('in');
}








function sizePop(url, w, h) {
	var popObj = document.getElementById('popupdiv');

	var objWidth = getWidth(popObj);
	var objHeight = getHeight(popObj);

	var screenWidth = getScreenSizeArr()[0];
	var screenHeight = getScreenSizeArr()[1];

	var newX = (screenWidth-objWidth)/2;
	var newY = ((screenHeight-objHeight)/2) - 11;

	startVisLoad();

	if (objWidth == w && objHeight == h) {

		// same dimensions / no need to resize
		popObj.style.left = newX+"px";
		popObj.style.top = (newY+ getScrollTop())+"px";
		popObj.style.display = "";

		startStatus();
		if (typeof window.frames[frameIndex].showNavigation == "function") {
		window.frames[frameIndex].showNavigation();
		}

	} else {

		popObj.style.left = newX+"px";
		popObj.style.top = (newY+ getScrollTop())+"px";

		popObj.style.display = "";

		popUrl = url;

		clearInterval(resizeHeightId);
		popupSize = new Array(w, h);
		startResizeHeight2();
	}

}







function startResizeWidth2() {
	clearInterval(resizeWidthId);
	tempWidth = getWidth(document.getElementById('popupdiv'));
	resizeWidthId = setInterval(doResizeWidth2,100);
}


function startResizeHeight2() {
	clearInterval(resizeHeightId);
	tempHeight = getHeight(document.getElementById('popupdiv'));
	resizeHeightId = setInterval(doResizeHeight2,100);
}


function doResizeWidth2() {
	var popObj = document.getElementById('popupdiv');
	if (getWidth(popObj) != popupSize[0]) {
		var objWidth = getWidth(popObj);

		tempWidth += ((popupSize[0]-objWidth)/1.5);
		popObj.style.width = tempWidth+"px";

		// ie6 only | width 100% doesnt work / have to set width it as well
		document.getElementById('popupstatus').style.width = (tempWidth+20) +"px";

		var screenWidth = getScreenSizeArr()[0];
		var newX = (screenWidth-getWidth(popObj))/2;
		popObj.style.left = newX+"px";
	} else {
		startStatus();
		clearInterval(resizeWidthId);

		if (typeof window.frames[frameIndex].showNavigation == "function") {
		window.frames[frameIndex].showNavigation();
		}
	}
}


function doResizeHeight2() {
	var popObj = document.getElementById('popupdiv');
	if (getHeight(popObj) != popupSize[1]) {
		var objHeight = getHeight(popObj);

		tempHeight += ((popupSize[1]-objHeight)/1.5);
		popObj.style.height = tempHeight+"px";

		var screenHeight = getScreenSizeArr()[1];

		var newY = ((screenHeight-getHeight(popObj))/2) - 11;
		popObj.style.top = (newY+ getScrollTop())+"px";


		if ((popupSize[1] - getHeight(popObj)) < 1) {
			//startResizeWidth();
		}

	} else {
		startResizeWidth2();
		clearInterval(resizeHeightId);
	}
}






//----------------------



























function showPop(url,w,h,caption) {

	// dynamically creates popup | obviously
	createDynPop();

	document.getElementById('coverdiv').style.display = "block";
	document.getElementById('coverdiv').style.height = getBodyHeight()+"px";



	//if (isIE7()) {
	//document.getElementById('coverdiv').style.height=document.documentElement.scrollHeight+"px";
	//}

	if (vIE() != -1) {
	document.getElementById('coverdiv').style.height=document.documentElement.scrollHeight+"px";
	}


	popupSize = new Array(w, h);
	setTxt('popupcaption',caption);

	openPop(url,w,h);
	startFade('in');
}


function adjustPop(url,w,h,caption) {

	if (window.frames[frameIndex].location == null) {
		// firefox
		window.frames[frameIndex].location = "pics/membersblank.php";
	} else {
		window.frames[frameIndex].location = "pics/membersblank.php";
	}


	popupSize = new Array(w, h);
	setTxt('popupcaption',caption);

	openPop(url,w,h);
}


function removePop() {
	closePop();
	startFade('out');
}



function startVisLoad() {
	document.getElementById('visimage').style.display = "";
	clearInterval(visLoadId);
	visLoadId = setInterval(doVisLoad,1000);
}


function doVisLoad() {
	var popupVisObj = document.getElementById('visimage');

	try {
		var popIframe = window.frames[0];
		var iframePage = popIframe.location.href.substr(popIframe.location.href.lastIndexOf("/")+1);


		if (iframePage != "membersblank") {
			clearInterval(visLoadId);
			popupVisObj.style.display = "none";
		}

	} catch (err) {

		clearInterval(visLoadId);
		popupVisObj.style.display = "none";
	}
}



function startStatus() {

	// only use padding in ie
	var agt = navigator.userAgent.toLowerCase();
	if (agt.indexOf("msie") != -1) {
		//document.getElementById('popupstatus').style.padding = "0px 10px 0px 10px";
	}

	clearInterval(statusId);
	statusId = setInterval(doStatusOpen,100);
}


function doStatusOpen() {

	var statusObj = document.getElementById('popupstatus');

	if (getHeight(statusObj)<32) {
		statusHeight += (32-getHeight(statusObj))/3;
		statusObj.style.height = statusHeight+"px";
	} else {
		clearInterval(statusId);
	}


}



function startResizeWidth() {
	clearInterval(resizeWidthId);
	tempWidth = getWidth(document.getElementById('popupdiv'));
	resizeWidthId = setInterval(doResizeWidth,100);
}


function startResizeHeight() {
	clearInterval(resizeHeightId);
	tempHeight = getHeight(document.getElementById('popupdiv'));
	resizeHeightId = setInterval(doResizeHeight,100);
}



function doResizeWidth() {
	var popObj = document.getElementById('popupdiv');
	if (getWidth(popObj) != popupSize[0]) {
		var objWidth = getWidth(popObj);

		tempWidth += ((popupSize[0]-objWidth)/1.5);
		popObj.style.width = tempWidth+"px";

		// ie6 only | width 100% doesnt work / have to set width it as well
		document.getElementById('popupstatus').style.width = (tempWidth+20) +"px";

		var screenWidth = getScreenSizeArr()[0];
		var newX = (screenWidth-getWidth(popObj))/2;
		popObj.style.left = newX+"px";
	} else {

		//window.frames[frameIndex].location.replace(popUrl);



		//alert(typeof window.frames[frameIndex].location);


		// check if iframe location object exists first



		//if (typeof window.frames[frameIndex].location == "object") {
		//alert('o 1');
		if (window.frames[frameIndex].location == null) {
		//alert('innerfox');
			// firefox
				window.frames[frameIndex].location.replace(popUrl);
		} else {
		//alert('innerie');
				window.frames[frameIndex].location.replace(popUrl);
			//window.frames['popupiframe'].location.replace(popUrl);
		}

		//} else {

		//alert('location doesnt exist');
		
		//}





		startStatus();
		clearInterval(resizeWidthId);
	}
}




function doResizeHeight() {
	var popObj = document.getElementById('popupdiv');
	if (getHeight(popObj) != popupSize[1]) {
		var objHeight = getHeight(popObj);

		tempHeight += ((popupSize[1]-objHeight)/1.5);
		popObj.style.height = tempHeight+"px";

		var screenHeight = getScreenSizeArr()[1];

		var newY = ((screenHeight-getHeight(popObj))/2) - 11;
		popObj.style.top = (newY+ getScrollTop())+"px";



		if ((popupSize[1] - getHeight(popObj)) < 1) {
			//startResizeWidth();
		}

	} else {
		startResizeWidth();
		clearInterval(resizeHeightId);
	}
}




function openPop(url, w, h) {
	var popObj = document.getElementById('popupdiv');

	var objWidth = getWidth(popObj);
	var objHeight = getHeight(popObj);

	var screenWidth = getScreenSizeArr()[0];
	var screenHeight = getScreenSizeArr()[1];

	var newX = (screenWidth-objWidth)/2;
	var newY = ((screenHeight-objHeight)/2) - 11;

	startVisLoad();

	if (objWidth == w && objHeight == h) {

		// same dimensions / no need to resize
		popObj.style.left = newX+"px";
		popObj.style.top = (newY+ getScrollTop())+"px";
		popObj.style.display = "";


		// firefox breaks when using name of frame - instead of index
		//alert(typeof window.frames['popupiframe'].location);

		// check if iframe location object exists first

		//if (typeof window.frames[frameIndex].location == "object") {
		//alert('o 2');
		if ( window.frames[frameIndex].location == null) {
			// firefox
			window.frames[frameIndex].location.replace(url);
		} else {
			window.frames[frameIndex].location.replace(url);
		}

		//} else {

		//alert('location doesnt exist');
		
		//}




		startStatus();

	} else {

		popObj.style.left = newX+"px";
		popObj.style.top = (newY+ getScrollTop())+"px";

		popObj.style.display = "";

		//window.frames['popupiframe'].location = url;

		popUrl = url;

		startResizeHeight();
	}

}




function closePop() {

	var popObj = document.getElementById('popupdiv');
	var statusObj = document.getElementById('popupstatus');


	//window.frames['popupiframe'].location.replace("pics/membersblank.php");
	// opera breaks here if window.location is changed / breaks sandbox
	
	statusHeight = 0;
	clearInterval(statusId);
	statusObj.style.height = "0px";

	clearInterval(resizeWidthId);
	clearInterval(resizeHeightId);
	clearInterval(visLoadId);
	
	popObj.style.display = "none";
	setTxt('popupcaption','');
}



function startFade(dir) {
	boxDir = dir;
	clearInterval(fadeId);
	fadeId = setInterval(doFade,100);
}



function doFade() {

var fadeObj = document.getElementById('coverdiv');

	if (boxDir == 'in') {

		if (boxOpacity != 80) {
			boxOpacity += 20;
			fadeObj.style.filter = "alpha(opacity="+boxOpacity+")";

			
			if (boxOpacity != 80) {
				//fadeObj.style.MozOpacity = "."+boxOpacity;
				fadeObj.style.opacity = "."+boxOpacity;
			} else {
				//fadeObj.style.MozOpacity = "."+parseInt(boxOpacity-1);
				fadeObj.style.opacity = "."+parseInt(boxOpacity-1);
			}

		} else {

			clearInterval(fadeId);
		}
		
	} else if (boxDir == 'out') {

		if (boxOpacity != 0) {
				boxOpacity -= 20;
				fadeObj.style.filter = "alpha(opacity="+boxOpacity+")";
				//fadeObj.style.MozOpacity = "."+boxOpacity;
				fadeObj.style.opacity = "."+boxOpacity;
		} else {

			clearInterval(fadeId);
			fadeObj.style.display = "none";
			// remove popup
			removeDynPop();

		}
		
	}
}