function init(){
	pdx = 0;
	pics = document.getElementById("galleryWrapper").getElementsByTagName("img");
	updateSet();
}

function updateSet(direction){
	document.getElementById("bb").style.display = "none";
	document.getElementById("nb").style.display = "none";
	Effect.Fade(pics[pdx]);
	if(pics[pdx].className != "single") { Effect.Fade(pics[pdx+1]);}
	if (direction == "back"){
		(pdx < 1) ? pdx = pics.length - 1 : pdx--;
		if(pics[pdx].className == "single"){
			Effect.Appear(pics[pdx].id, { delay: 1.2, duration: 0.8 });	
		}else{
			pdx--;
			Effect.Appear(pics[pdx].id, { delay: 1.2, duration: 0.8 });	
			Effect.Appear(pics[pdx+1].id, { delay: 1.7, duration: 0.8 });	
		}

	}else if (direction == "next") {
		(pdx == (pics.length - 1)) ? pdx = 0 : pdx++;
		if(pics[pdx].className == "single"){
			Effect.Appear(pics[pdx].id, { delay: 1.2, duration: 0.8 });	
		}else if(pics[pdx].className == "cover"){
			Effect.Appear(pics[pdx].id, { delay: 1.2, duration: 0.8 });	
			Effect.Appear(pics[pdx+1].id, { delay: 1.7, duration: 0.8 });	
		}else{
			updateSet('next');
		}
	}else {
			Effect.Appear(pics[pdx].id, { delay: 1.2, duration: 0.8 });	
			Effect.Appear(pics[pdx+1].id, { delay: 1.7, duration: 0.8 });	
	}
	
	Effect.Appear("bb", { delay: 2, duration: 0.8 });	
	Effect.Appear("nb", { delay: 2, duration: 0.8 });	

	
}