var gImgTitle = "Loading...";

// Check for browser support of event handling capability
if (window.addEventListener)
	window.addEventListener("load", afterPageLoaded, false);
else if (window.attachEvent)
	window.attachEvent("onload", afterPageLoaded);
else 
	window.onload = afterPageLoaded;

var imgDetails = "";
var bPauseSlideShow=false;

function afterPageLoaded() {
	initSlideShow();
	loadNewsImages();
	loadBackgroundImage();
	
	// load news thumbnail images
	//window.setTimeout('loadNewsImages()',  200);  // milliseconds
	
	//window.setTimeout('loadBackgroundImage()',  2100);  // 21000 milliseconds
}

// load news thumbnail images
function loadNewsImages() {
	var el = document.getElementById('news_img24');
	if (el)
		el.style.backgroundImage = "url(/images/news/SA-116.jpg)";
	el = document.getElementById('news_img23');
	if (el)
		el.style.backgroundImage = "url(/images/news/AA-115.jpg)";
	el = document.getElementById('news_img22');
	if (el)
		el.style.backgroundImage = "url(/images/news/RIDG-114.jpg)";
	el = document.getElementById('news_img21');
	if (el)
		el.style.backgroundImage = "url(/images/news/AGFA-113.jpg)";
	el = document.getElementById('news_img20');
	if (el)
		el.style.backgroundImage = "url(/images/news/AGF7-112.jpg)";
	el = document.getElementById('news_img19');
	if (el)
		el.style.backgroundImage = "url(/images/news/KID6-111.jpg)";
	el = document.getElementById('news_img18');
	if (el)
		el.style.backgroundImage = "url(/images/news/AID3-110.jpg)";
	el = document.getElementById('news_img17');
	if (el)
		el.style.backgroundImage = "url(/images/news/FID4-104.jpg)";
	el = document.getElementById('news_img16');
	if (el)
		el.style.backgroundImage = "url(/images/news/FGDT-101.jpg)";
	el = document.getElementById('news_img15');
	if (el)
		el.style.backgroundImage = "url(/images/news/AIDQ-100.jpg)";
	el = document.getElementById('news_img14');
	if (el)
		el.style.backgroundImage = "url(/images/news/RJD5-99.jpg)";
	el = document.getElementById('news_img13');
	if (el)
		el.style.backgroundImage = "url(/images/news/AKDY-98.jpg)";
	el = document.getElementById('news_img12');
	if (el)
		el.style.backgroundImage = "url(/images/news/RKD4-97.jpg)";
	el = document.getElementById('news_img11');
	if (el)
		el.style.backgroundImage = "url(/images/news/AIDT-95.jpg)";
	el = document.getElementById('news_img10');
	if (el)
		el.style.backgroundImage = "url(/images/news/SIDX-94.jpg)";
	el = document.getElementById('news_img9');
	if (el)
		el.style.backgroundImage = "url(/images/news/AIDR-93.jpg)";
/*		
	el = document.getElementById('news_img8');
	if (el)
		el.style.backgroundImage = "url(/images/news/KIDR-92.jpg)";
	el = document.getElementById('news_img7');
	if (el)
		el.style.backgroundImage = "url(/images/news/SIDU-91.jpg)";
	el = document.getElementById('news_img6');
	if (el)
		el.style.backgroundImage = "url(/images/news/SIDT-90.jpg)";
	el = document.getElementById('news_img5');
	if (el)
		el.style.backgroundImage = "url(/images/news/AGDC-81.jpg)";
	el = document.getElementById('news_img4');
	if (el)
		el.style.backgroundImage = "url(/images/news/AIBB-80.jpg)";
	el = document.getElementById('news_img3');
	if (el)
		el.style.backgroundImage = "url(/images/news/ADD5-79.jpg)";
	el = document.getElementById('news_img2');
	if (el)
		el.style.backgroundImage = "url(/images/news/RFB7-77.jpg)";
	el = document.getElementById('news_img1');
	if (el)
		el.style.backgroundImage = "url(/images/news/KGDG-76.jpg)";
*/		
}

function initSlideShow() {	
	var el = document.getElementById('imgABL');
	if (!el)
		return;
	addEvent(el, 'load', imgLoaded);
	
	// Start the image slideshow
	getNewImageNameTitle();
}

function loadBackgroundImage() {
	var biArray = new Array();
	biArray[0] = "url(images/bg9.jpg) no-repeat fixed left top #000";
	biArray[1] = "url(images/bg11.jpg) no-repeat fixed left top #000";
	biArray[2] = "url(images/bg12.jpg) no-repeat fixed left top #000";
	biArray[3] = "url(images/rainbowSpiroOutline.jpg) no-repeat scroll 150px 80px #000";
	biArray[4] = "url(freeWallpaper/800x600/RJDQ-88.jpg) no-repeat scroll 450px -50px #000";
	biArray[5] = "url(freeWallpaper/800x600/RJDQ-88.jpg) no-repeat scroll -120px -20px #000";
	biArray[6] = "url(freeWallpaper/800x600/AIDQ-100.jpg) no-repeat scroll 250px -20px #000";
	biArray[7] = "url(images/octonaryc.png) no-repeat scroll 250px -20px #000";
	biArray[8] = "url(images/spiralBack.jpg) no-repeat scroll left top #000";
	biArray[9] = "url(images/spiralBackr.jpg) no-repeat scroll right top #000";
	biArray[10] = "url(images/radiaLayers3d.jpg) no-repeat scroll right top #000";
	biArray[11] = "url(images/twirly6b.jpg) no-repeat scroll 250px -50px #000";
	biArray[12] = "url(images/twirly6b.jpg) no-repeat scroll -180px -150px #000";
	biArray[13] = "url(images/tri5sm.JPG) no-repeat scroll 450px -150px #000";
	biArray[14]="url(images/scoops.png) no-repeat scroll 50px 10px #000";
	biArray[15]="url(images/redbird2.png) no-repeat scroll 50px 10px #000";
	biArray[16]="url(images/wormhole.png) no-repeat scroll 150px 110px #000";
	biArray[17]="url(images/starburst.png) no-repeat scroll 150px 110px #000";
	
	var idx = randRange(0, biArray.length-1);
	var imgBkgnd = biArray[idx];

	document.body.style.background = imgBkgnd; // set the background image
	//alert(document.body.style.background);
}

function getNewImageNameTitle() {
	if (bPauseSlideShow == true)
		return;
	
	var postVars='';	
	// Get the image name and title first.  Then use the image name to get the image
	ajaxPOST("retImageNameTitle.php", postVars, '', imageNameTitleResponse);		
} 

function imageNameTitleResponse(url, id, response) {
	// parse the image name and the title.  Format: ZIDA-105.jpg,Sudoku Painless 1
	var imgName="", imgTitle="";
	var imgInfoArr = response.split(",");
	if (imgInfoArr && (imgInfoArr.length >= 2)) {
		imgName = imgInfoArr[0];
		imgTitle = imgInfoArr[1];
	}
	gImgTitle = imgTitle; // global gImgTitle
		
	// Show the title
	var tel = document.getElementById('imgTitle');
	if (tel) {
		//tel.innerHTML = imgTitle;  // don't show new title till image loads
	}

		
	var el = document.getElementById('imgABL');
	if (!el)
		return;
		
	document.getElementById('loading').style.visibility = "hidden";
		
	//imgDetails = "ABL_BigImage.php?photo=gallery/"+ imgName +"&title="+ imgTitle;
	imgDetails = "ABL_BigImage.php?photo="+ imgName + "&title="+ imgTitle;
	//el.src = "http://www.artbylogic.com/slideShow/" + imgName;
	el.src = "http://www.artbylogic.com/common/getart.php?imgMode=0&imgName=" + imgName;
	
	// imgLoaded() will be called when the image has been loaded
}


// do something when the image is loaded
function imgLoaded(e) {
	// Show the title
	var tel = document.getElementById('imgTitle');
	if (tel) {
		tel.innerHTML = gImgTitle;
	}

	if (!e) var e = window.event;
	// moz reports e.target as being the document and e.currentTarget as the image
	// opera says both e.target and e.currentTarget are the img - which is what I would've expected...
	// IE doesn't have the concept of a currentTarget, but srcElement (it's version of target) points at the img element
	var target = e.currentTarget || e.srcElement;

	//alert(target.src + ' is loaded');
	
	// Keep the image slideshow going after a delay of 2.1 seconds
	window.setTimeout('getNewImageNameTitle()',  2100);  // 21000 milliseconds
}


function randRange(min, max) {
	var range = max - min + 1;
	var rnd = Math.floor(Math.random()*range) + min;
	return rnd;
}

function addEvent(obj, ev, fn) {
	if (obj.addEventListener)
		obj.addEventListener(ev, fn, false);
	else if (obj.attachEvent)
		obj.attachEvent('on' + ev, fn);
}

function switchHRef(){
	if(imgDetails.length>0)
		popUp(imgDetails,'375','300','s');
}

function pauseSlideShow(){
	setTimeout("",0);
	bPauseSlideShow=true;
}

function unpauseSlideShow(){
	if(bPauseSlideShow==true){
		bPauseSlideShow=false;
		setTimeout("getNewImageNameTitle()", 10);
	}
}

function restartSlideShow(){
	unpauseSlideShow();
}

onUnload=function(){
	bPauseSlideShow=true;
	setTimeout("",0);
}


// Posts postVars
//============================================================================
//  ajaxPOST(url, postVars, id, fnIntegrateAJAXResponse, eventName)
//
//  This function makes an AJAX POST call passing URL 'url'.  The response text is
//  then passed to the function fnIntegrateAJAXResponse(id, x.responseText) along with
//  'id' which should be the ID of an HTML tag to take the response text.
//============================================================================
function ajaxPOST(url, postVars, id, fnIntegrateAJAXResponse, eventName) {
	var x, resp, lastModDT, recLastModDT;

	if (document.getElementById) {
		x = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
	}
	if (x) {
		x.onreadystatechange = function() {
			if (x.readyState == 4 && x.status == 200) {
				//resp = x.responseText;
				if (fnIntegrateAJAXResponse != null) {
					if (typeof(fnIntegrateAJAXResponse) == "function") {
						// If eventName was passed to this function then pass it along
						if (eventName)                                                                                                         
							fnIntegrateAJAXResponse(url, id, x.responseText, eventName);
						else
							fnIntegrateAJAXResponse(url, id, x.responseText);
					}
				}                                             				
			}
		}  // end function()

		try {
			x.open("POST", url, true);	 // 3rd param: asnynchronous=true

			// When POSTing data, need to set the MIME type or the server will discard the POST data. Do after x.open()
			x.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");

			x.send(postVars);
			//x.send(null);

		} catch (e) {
			//alert(e);
		}

	} // end if (x)
} // end ajaxPOST

/* Detect if we have a Win7 pinned site */
try {
    if (window.external.msIsSiteMode) {
        // Check if the website was launched from a Win7 pinned site.
        if (window.external.msIsSiteMode()) {
            // TRUE
        } else {
            // FALSE
        }
    }
} catch(e) {}

//---------------------------------
var newWin=null;
function popUp(strURL,strWidth,strHeight,src){
if(src.length>0){strURL=strURL+"&src="+src;}
strWidth=eval(strWidth)+240;strHeight=480;
strWidth = 910; // 480 + 340;  //  820    430;
strHeight = 560; // 450 + 80;  // 530    395;
var left=(screen.width-strWidth)/2;
var top=(screen.height-strHeight)/2;
if(newWin!=null&&!newWin.closed)newWin.close();
var strOptions="";
strOptions="resizable=no,menubar=no,height="+strHeight+",width="+strWidth+",screenx="+left+",screeny="+top+",left="+left+",top="+top;
newWin=window.open(strURL,'ImageDetail',strOptions);
newWin.focus();
}

/*
if(document.images){
var imgABL_Logo=new Image();imgABL_Logo.src="images/abl_Logo7b_194x163c8.gif";
}
var imgTrans=new Image();imgTrans.src="images/t.gif";

var imgMenuBG_B=new Image();imgMenuBG_B.src="images/menu_bg_b.gif";
var imgMenuBG_L=new Image();imgMenuBG_L.src="images/menu_bg_l.gif";
var imgMenuBG_R=new Image();imgMenuBG_R.src="images/menu_bg_r.gif";
var imgMenuBG_T=new Image();imgMenuBG_T.src="images/menu_bg_t.gif";
var imgMenuC_LB=new Image();imgMenuC_LB.src="images/menu_c_lb.gif";
var imgMenuC_LT=new Image();imgMenuC_LT.src="images/menu_c_lt.gif";
var imgMenuC_RB=new Image();imgMenuC_RB.src="images/menu_c_rb.gif";
var imgMenuC_RT=new Image();imgMenuC_RT.src="images/menu_c_rt.gif";

var imgPauseUp=new Image();imgPauseUp.src="images/pauset.gif";
var imgPauseDown=new Image();imgPauseDown.src="images/pauseClickt.gif";
var imgPauseOn=new Image();imgPauseOn.src="images/pauseOnt.gif";
var imgPlayUp=new Image();imgPlayUp.src="images/playt.gif";
var imgPlayDown=new Image();imgPlayDown.src="images/playClickt.gif";
var imgPlayOn=new Image();imgPlayOn.src="images/playOnt.gif";
*/