var fade;
var show;



function changeImage(pageiconnum){
	
	image = document.getElementById('gallery-image');
	
	if(fade)
	clearTimeout(fade);
	
	if(show)
	clearTimeout(show);
	
	
	var i=0;
	pageicon = document.getElementById("pageicon_"+i);
	
	while(pageicon){
		pageicon.className = "pageicon";
		pageicon = document.getElementById("pageicon_"+i);
		
		i++;
	}
	
	pageicon = document.getElementById("pageicon_"+pageiconnum);
	pageicon.className = "pageicon selected";
	var newimage = pageicon.getAttribute('srccache');
	
	prev_arrow = document.getElementById("pagearrow_left");
	next_arrow = document.getElementById("pagearrow_right");
	
	var prev_page = pageiconnum - 1;
	
	if(pageiconnum == 0){
		prev_page = gallerycount-1;
	}
	
	var next_page = parseInt(pageiconnum) + 1;
	
	if(next_page == gallerycount){
		next_page = 0;	
	}
		
	
	prev_arrow.setAttribute('onClick',"changeImage('"+prev_page+"')");
	next_arrow.setAttribute('onClick',"changeImage('"+next_page+"')");
	
	fadeImage(newimage);

}

function fadeImage(newimage){
	
	image = document.getElementById('gallery-image');
	
	if(image.style.opacity > 0){
		
		image.style.opacity = (image.style.opacity - 0.1);
		
		fade = setTimeout("fadeImage('"+newimage+"')",10);
	}
	else{
		clearTimeout(fade);
		
		loader = document.getElementById('loader');
		loader.style.display = 'block';
		
		image.src= "images/"+newimage;
		image.setAttribute('onload','showImage()');
	}
	
}

function showImage(){
	
	image = document.getElementById('gallery-image');
	image.setAttribute('onload','');
	
	loader = document.getElementById('loader');
	loader.style.display = 'none';
	
	if(image.style.opacity < 1){
		image.style.opacity = ((image.style.opacity*1) + 0.1);
		show = setTimeout("showImage()",90);
	}
	else{
		clearTimeout(show);
	}
	
}