// Article Image Gallery - vars and functions - Yael

var TotalImg;
var arrPics = new Array();
var currentPic=0;
function initImgVars(total) {
	TotalImg = total;
}


function bigGalleryReplaceImg(obj,itemNum) {
				
	imgItem = document.getElementById(obj)	
	if(imgItem.getAttribute("class")=="chosen" || imgItem.getAttribute("className")=="chosen") {
	 	return;
	}
	else {
		for(i=0; i<TotalImg; i++) {
			document.getElementById("img"+i).setAttribute("class","notChosen");
			document.getElementById("img"+i).setAttribute("className","notChosen");
		}
		imgItem.setAttribute("class","chosen");
		imgItem.setAttribute("className","chosen");
  	document.getElementById("ArticleImageBigGalleryPicImg").src = arrPics[itemNum]['src'];
		document.getElementById("ArticleImageBigGalleryPicImg").alt = arrPics[itemNum]['text'];
		document.getElementById("ArticleImageBigGalleryTitle").innerHTML = arrPics[itemNum]['text'];		 
		document.getElementById("ArticleImageBigGalleryPicsNum").innerHTML = (itemNum+1)+"/"+TotalImg;
		document.getElementById("ArticleImageBigGalleryCredit").innerHTML = arrPics[itemNum]['credit'];
		document.getElementById("ArticleImageBigGalleryText").innerHTML = arrPics[itemNum]['thumb'];
		currentPic = itemNum;
	}
}

function bigGalleryGetPrev() {
	
	//e=document.getElementById("arrow_right");
	//startSlide(e);
	
	currentPic--;
	if(currentPic < 0 ) {
		currentPic=TotalImg-1;
	}
	document.getElementById("ArticleImageBigGalleryPicImg").src = arrPics[currentPic]['src'];
	document.getElementById("ArticleImageBigGalleryPicsNum").innerHTML = (currentPic+1)+"/"+TotalImg;
	document.getElementById("ArticleImageBigGalleryCredit").innerHTML = arrPics[currentPic]['credit'];
	document.getElementById("ArticleImageBigGalleryText").innerHTML = arrPics[currentPic]['text'];
	bigGalleryReplaceImg("img"+currentPic,currentPic);
}

function bigGalleryGetNext() {
	//e=document.getElementById("arrow_left");
	//startSlide(e);
	
	currentPic++;
	if(currentPic == TotalImg) {
		currentPic=0;
	}
	document.getElementById("ArticleImageBigGalleryPicImg").src = arrPics[currentPic]['src'];
	document.getElementById("ArticleImageBigGalleryPicsNum").innerHTML = (currentPic+1)+"/"+TotalImg;
	document.getElementById("ArticleImageBigGalleryCredit").innerHTML = arrPics[currentPic]['credit'];
	document.getElementById("ArticleImageBigGalleryText").innerHTML = arrPics[currentPic]['text'];
	bigGalleryReplaceImg("img"+currentPic,currentPic);
}



/***********************************************************************************************
	
	Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com
	
	UPDATE LOG:
	
	March, 10th, 2006 : Added support for a message while large image is loading
	
	Get this and other scripts at www.dhtmlgoodies.com
	
	You can use this script freely as long as this copyright message is kept intact.
	
	***********************************************************************************************/ 
   	
	var displayWaitMessage=false;	// Display a please wait message while images are loading?
  	
   		
	var activeImage = false;
	var imageGalleryLeftPos = false;
	var imageGalleryWidth = false;
	var imageGalleryObj = false;
	var maxGalleryXPos = false;
	var slideSpeed = 0;
	var StartPos= 0;
	var one_slide = 0;
	var SlideLocation;
	var move;
	var stopPoint=0;
	var stopNow=false;
	
	//var imageGalleryCaptions = new Array();
	function startSlide(e)
	{
		stopNow=false;
		document.getElementById("pic_arrow_right").style.visibility="visible";
		
		if(document.all)e = event;
		var id = this.id;
		//this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '_over.gif';	
		//this.getElementsByTagName('IMG')[0].src = this.id + '_over.gif';	
		if(this.id=='arrow_right'){
			SlideLocation='prev';
			slideSpeedMultiply = Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeed = -1*slideSpeedMultiply;
			slideSpeed = Math.max(-10,slideSpeed);
		}else{
			SlideLocation='next';
			slideSpeedMultiply = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeed = 1*slideSpeedMultiply;
			slideSpeed = Math.min(10,slideSpeed);
			if(slideSpeed<0)slideSpeed=10;
		}
	}
	
	
	function releaseSlide()
	{
		stopNow=true;
	}

	
	function gallerySlide()
	{
		var gap;
		if(slideSpeed!=0){
			var leftPos = imageGalleryObj.offsetLeft;
			leftPos = leftPos/1 + slideSpeed;
			gap=leftPos-minGalleryXPos;		
			
			if(stopNow&&((gap%104)<10))
			{
     	slideSpeed = 0;
			}
			if(leftPos>maxGalleryXPos){
				leftPos = maxGalleryXPos;
				slideSpeed = 0;
         document.getElementById('arrow_left').style.display="none";
			}
			else
			{
         document.getElementById('arrow_left').style.display="block";

			}
			if(leftPos<minGalleryXPos){
				leftPos = minGalleryXPos;
				slideSpeed=0;
         document.getElementById('arrow_right').style.display="none";
   		}
   		else
   		{
         document.getElementById('arrow_right').style.display="block";

   		}
			
			imageGalleryObj.style.left = leftPos + 'px';
		}
		setTimeout('gallerySlide()',20);
		
	}
	
 		
	function showImage()
	{
		if(activeImage) activeImage = this;	
	}
	
	
	function initSlideShow()
	{
	 try{
	 	//document.getElementById('arrow_right').style.display="none";	
	 	if(arrPics[4]==undefined){
	 	 document.getElementById('arrow_left').style.display="none";
	 	}
	 	
	 	 	
		document.getElementById('arrow_left').onmousedown = startSlide;
		document.getElementById('arrow_left').onmouseup = releaseSlide;
		document.getElementById('arrow_right').onmousedown = startSlide;
		document.getElementById('arrow_right').onmouseup = releaseSlide;
		
		imageGalleryObj = document.getElementById('theImages');
		imageGalleryLeftPos = imageGalleryObj.offsetLeft;
		imageGalleryWidth = document.getElementById('galleryContainer').offsetWidth - (412+27);
		minGalleryXPos = imageGalleryObj.offsetLeft; 
		maxGalleryXPos = imageGalleryWidth - document.getElementById('slideEnd').offsetLeft;
		var slideshowImages = imageGalleryObj.getElementsByTagName('IMG');
		for(var no=0;no<slideshowImages.length;no++){
			slideshowImages[no].onmouseover = showImage;
		}
		
		var divs = imageGalleryObj.getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){
			if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
		}
		gallerySlide();
	}
	catch(e)
	{
	/*alert(e);*/
	}
	}
	
function addGalEvent(elm,evType,fn,useCapture) {
        if(elm.addEventListener) {elm.addEventListener(evType,fn,useCapture); return true;}
        else if (elm.attachEvent) {var r=elm.attachEvent('on' + evType,fn);  return r;}
        else {elm['on' + evType] = fn;}
} //usage = addEvent(window,'load',funcName,false);
 addGalEvent(window,'load',initSlideShow,false);
	//window.onload = initSlideShow;