function loadimages(){
	var preload_image =new Array();
    if (document.images)
    {
		for(i=0; i < pictures.length; i++){
      		preload_image[i] = new Image(pictures[i][2], pictures[i][3]); 
      		preload_image[i].src = pictures[i][0]; 
		}
    }
}
function changeimage(cntr){
	var id = 0;
	piccntr += cntr;
	if(piccntr < pictures.length && piccntr > 0){
		id = piccntr;
	}else if(piccntr > pictures.length){
		id = 1;
	}else if(piccntr < 0){
		id = pictures.length - 1;
	}
	piccntr = id;
	
	for(i=0; i < pictures.length; i++){
		document.getElementById("galdot" + i).src = "images/imgdotoff.gif";
	}
	document.getElementById("galdot" + id).src = "images/imgdoton.gif";
	LoadGallery(id);
}
function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 
//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
} 
function LoadGallery(id){
	var powimg = document.getElementById("galleryimg");
  	powimg.src = pictures[id][0];
    powimg.style.opacity = (0); 
    powimg.style.MozOpacity = (0); 
    powimg.style.KhtmlOpacity = (0); 
    powimg.style.filter = "alpha(opacity=0)"; 
    powimg.alt = pictures[id][1]; 
	opacity("galleryimg", 0, 100, 500)
  	document.getElementById("gallerycaption").innerHTML = pictures[id][1];
	  
}