Event.observe(window, "load", attachBehaviourToThumbs);

function initCarousel(num){
	if (num>3){
		hCarousel = new UI.Carousel("box_gallery");
	}
}

function attachBehaviourToThumbs(){
	icons = $$('.thumbImage');
	for (var i=0;i<icons.length;i++){
		icons[i].observe('click' ,showBigImage);
		icons[i].href = "javascript:void(0)"
	}
}

function showBigImage(){
	icons = $$('.thumbImage');
	for (var i=0;i<icons.length;i++){
		icons[i].parentNode.className = "";
	}
	$('mainImg').removeChild($('mainImgContent'));
	$("mainImg").innerHTML = "";
	//$("loader").show();
	var pic = new Image();
 pic.id ="mainImgContent";
 pic.onload = (function(){
 var alt = '';
 if('alt' in pic)
 if(pic.alt != undefined)
 alt = 'alt="' + pic.alt + '"';

 $('mainImg').innerHTML = '<img id="mainImgContent" style="display:none" src="'+pic.src+'" rel="'+pic.rel+'" ' + alt + '/>';
 $('mainImgContent').appear({duration:0.3});
 //this.style.display='block';
 });
 pic.src = this.rel;
 pic.alt = this.firstChild.alt;
 this.parentNode.className = "selected";

 return false;
}