function changeImage(image) {
	if ('../img/collections/PE07/'+image == $('galleryImage').getAttribute('src')) {
		return false;
	}
	fadeImage.fadeout();
	var startTime = new Date().getTime();
	endTime = startTime + 600;
	newImage = new Image;
	newImage.src = '../img/collections/'+image;
	newImage.onload = wait(image);
	newImageHeight = newImage.height / 10;
	newImageWidth = newImage.width / 10;
}

function wait(image) {
	now = new Date().getTime();
	if (now < endTime) {
		var diff = (endTime - now) + 50;
		setTimeout(function() { placeNewImage(image) }, diff);
	} else {
		placeNewImage(image);
	}
}

function placeNewImage(image) {
	$('galleryImage').setAttribute('src','../img/collections/'+image);
	var newTxt = image.split('/');
	newTxt = newTxt[1];
	newTxt = newTxt.split('.');
	newTxt = newTxt[0];
	newTxt = newTxt.substring(4);
	$('text_collection').innerHTML = texte[newTxt];
	fadeImage.fadein();
	
}

function initImageReplacement() {
	fadeImage = new fx.Opacity('galleryImage',{duration: 600});
	var galleryList = $('thumbs').getElementsByTagName('a');
	images = new Array();
	for (var i=0; i<galleryList.length; i++) {
		nodeLink = galleryList[i];
		photoRef = nodeLink.href.substr(nodeLink.href.indexOf('photo=') + 6);
		nodeLink.setAttribute('onclick',"changeImage('"+photoRef+"'); return false;");
		nodeLink.setAttribute('href',"javascript: changeImage('"+photoRef+"');");
//		image = new Image;
		images[i] = '../img/collections/'+photoRef;
	}
	imageObj = new Image();
	for (i=0; i<images.length; i++) {
		imageObj.src=images[i];
	}
}

function openZoom(){
	$('popinCollection').onclick = function(){
		$('masque').className='displayBlock';
		$('popinColl').className='displayBlock';
		var imgPath = this.firstChild.src;
		imgPath = imgPath.split('/');
		var imgFolder = imgPath[5];
		
		var imgName = imgPath[6];
		imgName = imgName.split('.');
		imgName =imgName[0];
	
		$('zoomImage').setAttribute('src','../img/collections/' + imgFolder + '/big_' + imgName + '.jpg');
		
		return false;
	}
	initClosePopin();
}

function initClosePopin(){
	$('closePop').onclick = function(){
		closePopin();
	}
	
	$('masque').onclick = function(){
		closePopin();
	}
}

function closePopin(){
	$('masque').className='displayNone';
	$('popinColl').className='displayNone';
	$('zoomImage').setAttribute('src','');
}

addEvent(window, 'load', initImageReplacement);
addEvent(window, 'load', openZoom);