ics.mediaGallery={};

ics.mediaGallery.newGallery=function(galleryId,thumbWidth,fullWidth,mediaList){
	var gallery_thumbs=document.getElementById('gallery_thumbs');
	gallery_thumbs.innerHTML='test';
	newHTML='<table><tr>\n';
	for(a=0;a<mediaList.length;a++){
		newHTML+='<td><img src="index.php?com=esl_media&esl_media_task=view';
		newHTML+='&id='+mediaList[a].id+'&width='+thumbWidth;
		newHTML+='" onclick="ics.mediaGallery.setImage('+mediaList[a].id+','+fullWidth+',\''+mediaList[a].title+'\',\''+mediaList[a].description+'\')" /></td>\n';
		
	}
	ics.mediaGallery.setImage(mediaList[0].id,fullWidth,mediaList[0].title,mediaList[0].description);
	newHTML+='</tr></table>';
	//alert(newHTML);
	gallery_thumbs.innerHTML=newHTML;
	document.getElementById('gallery').style.top=document.documentElement.scrollTop+'px';
	document.getElementById('gallery').style.display='';
}

ics.mediaGallery.setImage=function(newID,fullWidth,newTitle,newDescription){
	var galleryImg=document.getElementById('gallery_img');
	galleryImg.src='index.php?com=esl_media&esl_media_task=view&id='+newID+'&width='+fullWidth;
	descArea=thumbs=document.getElementById('gallery_description');
	descArea.innerHTML='<span class="gallery_title">'+newTitle+'</span><br />'+newDescription;
}

ics.mediaGallery.close=function(){
	document.getElementById('gallery').style.display='none';
}