/*/////////////////////////////////////////////////////////////////////////////////////
// Script for alextroeschphotography.com
// Author, Michael Barbano
// Author's website: http://www.grouchypants.com
// Date October 25, 2007
//////////////////////////////////////////////////////////////////////////////////////*/


/* Thumbnails Interface stuff
--------------------------------------------------------------------------------------*/

/*initiate variables */
var track_active_thumb = null; // for in mouseClick()
var preload_thumbs = []; // for thumbPreloader()


function initializeGallery(page, width){	
	gallery = {
		image : document.getElementById('images-container').getElementsByTagName('div'),
		all_images : document.getElementById('images-container').getElementsByTagName('img'),
		container : document.getElementById('images-container'),
		step : 100 + document.getElementById('content').offsetLeft,
		move_to : 0,
		veiw_img: 0,
		stuff : 0,
		current_selection : 0, 
		move : function (num) {
			gotoImage(this.image[num]);
		}		
	}
	//set gallery width 
	gallery.container.style.width = width + "px";	
	populateThumbs(page);
}



function populateThumbs(page){	
	folder = ""
  	buttons = document.getElementById('lvl2').getElementsByTagName('a');
	folder = "url(images/thumbs/" + document.getElementsByTagName("body")[0].id +"/";
	for(var i = 0, button; button=buttons[i]; i++){ 
		button.normal = folder + 'normal' + i + ".jpg)";
		button.hover = folder + 'hover' + i + ".jpg)";
		button.active = folder + 'active' + i + ".jpg)";
  	button.style.backgroundImage = button.normal;
		button.folder = folder;
		button.num = i;
		button.img = gallery.image[i];
		button.active_state = false;
		button.onmouseover = mouseOver;
		button.onmouseout = mouseOut;
		button.onclick = mouseClick;
		preload_thumbs[i]= new Image(); 
		preload_thumbs[i].src = "images/thumbs/" + document.getElementsByTagName("body")[0].id +"/thumb"+i+".jpg";
	}   
	loadImages();
}  

function gotoImage(img) {
  var image_position = document.getElementById('content').scrollWidth - img.offsetLeft;
  document.getElementById('content').scrollLeft = img.offsetLeft - document.getElementById('content').offsetLeft;
}




//  functions for mouseover and mouseout 

function mouseOver(){
	this.style.backgroundImage = this.hover;
}

function mouseOut(){
	if (!this.active_status){ 
		this.style.backgroundImage = this.normal;
	}else{
		this.style.backgroundImage = this.active;
	}
}	     

function mouseClick(){
	if(track_active_thumb){
		track_active_thumb.style.backgroundImage = track_active_thumb.normal;
		track_active_thumb.active_status = false;
	}
	track_active_thumb = this;
	this.style.backgroundImage = this.active;
	this.active_status = true;
	gallery.move(this.num);	
}	 
    

function loadImages(folder){
	gallery_images = document.getElementById('images-container').getElementsByTagName('img'); 
	for(var i = 0, image; image = gallery_images[i]; i++){ 
		image.file = new Image();
		image.updatePage = function(img) {
			captions =document.getElementById('images-container').getElementsByTagName('p');
			captions[i].style.display = "block";
			image.src = "images/" + document.getElementsByTagName("body")[0].id + "/" + i + ".jpg"
		}		
		image.file.onLoad = image.updatePage();
	}
}