var inLeftPicDiv=0;
		var inRightPicDiv=4;
		
		var chosenPicture=0;
		var highlightedBox=0;
		
		leftActivated=false;
		rightActivated=true;

		debug = false;


 		function DB () {
			if (debug){
				var debugdiv = MM_findObj("debug");
				if (debugdiv) {
					debugdiv.innerHTML="chosenPicture "+chosenPicture+" highlight "+highlightedBox+" inLeft "+inLeftPicDiv;
				}
			}
		}


		function clickPixLeft() {
			var firstPic = 0;
			var lastPic = picDivs.length-1; 
			if (chosenPicture==firstPic) {
				//nothing
			} else {
				chosenPicture--;
				updateMainPic();
				if (inLeftPicDiv == firstPic || highlightedBox > 2 ) {
					//nowhere to go on shuffle. or in right of centre so move towards centre!
					highlightedBox --;
					setHighlight();
				} else { 
					pushPixLeft();
				}
			}
			arrows();
			DB();
		}
		
		
		function clickPixRight() {
			var lastPic = picDivs.length-1;
			if (chosenPicture==lastPic) {
				//nothing
			} else {
				chosenPicture++;
				updateMainPic();
				if (inRightPicDiv == lastPic || lastPic < 4 || (highlightedBox < 2 && lastPic > highlightedBox)) {
					//nowhere to go on shuffle.........    or in left of centre so move towards centre!
					highlightedBox ++;
					setHighlight();
				} else { 
					pushPixRight();
				}
			}
			arrows();
			DB();
		}

 
		function clickPic(divid, url)  {
			//alert(divid);
			number = divid.substring(3);
			number = parseInt(number);
			firstPic = 0;
			lastPic = picDivs.length-1;
			
			highlightedBox = number; setHighlight();
			chosenPicture = inLeftPicDiv+number;
			swap(url);
			arrows();
			DB();
		}

		function arrows() {
			if (chosenPicture==0){
				leftOff(); 
			} else {
				leftOn();
			}
			
			if (chosenPicture == picDivs.length -1) {
				rightOff();
			} else {
				rightOn();
			}

		}
		
		function updateMainPic () {
			var picAsText = images[chosenPicture].src;
			swap(picAsText);	
		}
		
		function leftOn() {
			MM_findObj("pixleft").src = '/nav/leftOn.gif';

		}
		function leftOff() {
			MM_findObj("pixleft").src = '/nav/leftOff.gif';
		}
	
		function rightOn() {
			MM_findObj("pixright").src = '/nav/rightOn.gif';

		}
		function rightOff() {
			MM_findObj("pixright").src = '/nav/rightOff.gif';
		}
		
		function setHighlight () {
			for (var i = 0; i < 5; i++) {
				var aDiv= MM_findObj("pic"+i);
				//alert (aDiv);
				if (i == highlightedBox) {
					aDiv.className='thumbContainerHL';
				} else {
					aDiv.className= 'thumbContainer';
				}
			}
		}

		
		function pushPixRight(){
			if (inRightPicDiv<picDivs.length-1) {
				inLeftPicDiv=inLeftPicDiv+1;
				inRightPicDiv=inRightPicDiv+1;
				setPix();
			}
		}

		function pushPixLeft() {
			if (inLeftPicDiv>0) {
				inLeftPicDiv=inLeftPicDiv-1;
				inRightPicDiv=inRightPicDiv-1;  
				setPix();
			}
		}

		function setPix() {
			for (var i = 0; i < 5 && i<images.length; i++) {
				var aDiv = MM_findObj("pic"+i);
				aDiv.innerHTML=picDivs[i+inLeftPicDiv];
			}
		}


		function swap(urlOfImg) {

			var thePic = MM_findObj('mainPic');
			
			var goInvisible = new Fx.Style($('mainPic'),'opacity', {duration: 100})
						.addEvent('onComplete',
							function() {
								thePic.src=urlOfImg;
								var expandDiv = new Fx.Style($('mainPic'),
								'opacity', {duration: 100});
								expandDiv.start(1);
						});
			goInvisible.start(0);
		}


		function load() {
			updateDivs(inLeft);
		}


		function clickRight() {
			if (inLeft<months.length-2){
				inLeft++;
				updateDivs();
			}
		}

		function clickLeft() {
			if (inLeft>0){
				inLeft--;
				updateDivs();
			}
		}
		
		function setCalendar(toGoInLeft) {
			if (toGoInLeft>0) {
				toGoInLeft=toGoInLeft-1;
			}
			inLeft =toGoInLeft;	
			updateDivs();
		}

		function updateDivs() {
			var left_av_div=MM_findObj('avleft');
			var right_av_div=MM_findObj('avright');
			left_av_div.innerHTML="<table cellspacing='1'>"+months[inLeft]+"</table>";
			right_av_div.innerHTML="<table cellspacing='1'>"+months[inLeft+1]+"</table>";
		}