//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Description: This javaScript is to generate sequence/random picture & altTag.
//  Programmer: hat
// Function(s): getRandomNum();, genRotPic();, startFade();, gotoPicURL(); & getRotPicEH().
//   Tested on: IE6.0, Netscape7.1
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* Sample calls
	<script language="JavaScript" type="text/javascript" src="/includes/scripts/genRotPicV2.js"></script>
	<script language="JavaScript" type="text/javascript">
		document.write('<a href="javascript:void(0);" onClick="gotoPicURL(this);"><img name="mainPhoto" src="images/main.gif" border="0" alt="" align="center"></a>');
		var maxPic = 1 + 7;	//start from ZERO, 1 plus last images number
		var maxTag = 1;	//1 or equal to total maxPic
		var imgPrefix = "images/main";
		var imgSuffix = "gif";
		var imgTagAttb = "";	//image tag attribute, ex: align=right
		var urlTagAttb = "";	//link tag attribute, ex: target=_blank
		var imgName = "mainPhoto";
		var fadeType = "";	//default as sequence, r for random.
		//--DO NOT Change below line--------
		var altTag = new Array(maxTag);
		var urlTag = new Array(maxTag);
		//--add more altTags here-----------
		altTag[0]="";urlTag[0]="";
		//[more altTags here...]
//		genRotPic(maxPic, maxTag, imgPrefix, imgSuffix, imgName, imgTagAttb, urlTagAttb);
		startFade(maxPic, maxTag, imgPrefix, imgSuffix, imgName, fadeType);
	</script>
	<noscript>
		<a href=""><img name="mainPhoto" src="images/main.gif" border="0" alt="" align="center"></a>
	</noscript>
*/
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// config - global variables
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	var debug = false;
	var getPNum = 0;	//default picture number
	var getTNum = 0;	//default tag number
	var fadeSpeed = 60*60*2;
	var fadeDuration = 3;
	var timerID;
	var i = 0;
	var tobjImg, cobjImg;
	var tObjUrl, cObjUrl;
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Call getRandomNum() function to generate random number by passing max picture number (for rotate)
// and max alt tag.
// Ex:  getRandomNum(maxPic, maxTag);
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	function getRandomNum(maxPic, maxTag) {
if(!debug) window.onerror = getRotPicEH;
		var num;
//		var dateNow = new Date();
//		var num= Math.abs(Math.sin(dateNow.getTime()/1000));
		if( !(num = Math.random()) ) return 0;
		num = num * maxPic;
		if(num > maxPic){
			num = 0;	//reset
		}
		var tmp = ""+num;
		tmp = tmp.substr(0, tmp.indexOf('.'));
		getPNum = tmp;	//get picture number
		if(maxTag == maxPic){
			getTNum = getPNum;
		}
	}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Call genRotPic() function to generate rotate picture image code by passing max picture
// number, max alt tag, image prefix, image suffix (extension), image attribute.
// Ex:  genRotPic(maxPic, maxTag, '../images/family', 'gif', 'aligh=right');
// Note: you would name your pictures as family0, family1, family2 and follow. (maxPic=1+2)
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	function genRotPic(maxPic, maxTag, imgP, imgS, imgName, imgTagAttb, urlTagAttb) {
if(!debug) window.onerror = getRotPicEH;
		getRandomNum(maxPic, maxTag);
		document.write("<a href='"+ urlTag[getTNum] +"' title='"+ altTag[getTNum] +"'"+ urlTagAttb +"><img name='"+ imgName +"' src='"+ imgP + getPNum +"."+ imgS +"' "+ imgTagAttb +" border=0 alt='"+ altTag[getTNum] +"'"+ ">");
	}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Call startFade() function to generate fade pictures (transition) by passing max picture
// number, max alt tag, image prefix, image suffix (extension), image object, fade type
// (sequence or random).
// Ex:  <img id="mainPhoto" src="images/main.gif" border="0" alt="Photo: Children & Family">
//		startFade(maxPic, maxTag, 'images/main', 'gif', 'document.images.mainPhoto', fadeType)
// Note: you would name your pictures as main0, main1, main2..10. (maxPic=1+10)
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	function startFade(maxPic, maxTag, imgP, imgS, imgName, fadeType) {
if(!debug) window.onerror = getRotPicEH;
		var tmpRun;
		var j = 0;
		tobjImg = imgName;
		cobjImg = eval("document.images."+ imgName);
		if(i >= maxPic){ i = 0; }
		if(fadeType == "r"){
			getRandomNum(maxPic, maxTag);	//random number
			i = getPNum;
		} else {
			i++;	//sequence number
			if(maxTag == maxPic){
				getTNum = i;
			}
		}
		if (document.all){
			cobjImg.style.filter="blendTrans(duration=2)";
			cobjImg.style.filter="blendTrans(duration="+fadeDuration+")";
			cobjImg.filters.blendTrans.Apply();
			cobjImg.src = ""+ imgP + i +"."+ imgS;
			cobjImg.alt = ""+ altTag[getTNum];
			cobjImg.filters.blendTrans.Play();
		}
		tmpRun = "startFade("+maxPic+", "+maxTag+", '"+imgP+"', '"+imgS+"', '"+tobjImg+"', '"+fadeType+"')";
		timerID = setTimeout(tmpRun, fadeSpeed);
	}
	function gotoPicURL(objThis){
if(!debug) window.onerror = getRotPicEH;
		if(urlTagAttb.length > 0 && urlTagAttb.indexOf("_blank") > 0){
			window.open(urlTag[getTNum]);			
		} else {
			objThis.href = ''+ urlTag[getTNum];
		}
	}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Call getRotPicEH function for error handler
// Ex:  window.onerror = getRotPicEH;
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	function getRotPicEH() {
		if (debug) { alert("Error: genRotPic Javascript"); }
		return true;
	}