function clickGallery(){
  var gallery_arr = new Array();
  var browseFirstImg = '';
  var browsePrevImg = '';
  var browseNextImg = '';
  var browseNextTxt = '';

  this.add = function(id,gid){
     gallery_arr[gallery_arr.length] = id;
     document.getElementById("galImg_"+ id).style.display = "block";
     document.getElementById("galImg_"+ id).setAttribute('src',document.getElementById("galImgSrc_"+ id).innerHTML);

     if(gallery_arr[0] != id){
       document.getElementById("galItem_" + id).style.display = "none";
     }

     document.getElementById("galMenu_" + id).style.display = "block";

     this.browseGalleryItem(gallery_arr[0],gid);
  }

  this.showGalleryItem = function(id,gid){
    for(var i = 0; i < gallery_arr.length; i++){
      if(id == gallery_arr[i]){
        document.getElementById("galItem_" + id).style.display = "block";
      }
      else{
        document.getElementById("galItem_" + gallery_arr[i]).style.display = "none";
      }
    }
    this.browseGalleryItem(id,gid);
  }

  this.browseImg = function(firstImg,prevImg,nextImg,nextTxt){
    browseFirstImg = firstImg;
    browsePrevImg = prevImg;
    browseNextImg = nextImg;
    browseNextTxt = nextTxt;
  }

  this.browseGalleryItem = function(id,gid){
    var browseStr = "";

    for(var i = 0; i < gallery_arr.length; i++){
      if(gallery_arr[i] == id){
        if (i==0){
          browseStr+="&nbsp;<img src='"+ browseFirstImg +"' width='20' height='8' border='0' alt='' />";
        }
        if(i > 0){
          browseStr+="<a href='javascript:gallery_"+ gid +".showGalleryItem(\""+ gallery_arr[i-1]+"\",\""+ gid +"\")'>&nbsp;<img src='"+ browsePrevImg +"' width='20' height='8' border='0' alt='' /><\/a>";
        }
        browseStr+="&nbsp;"+ (i+1) +"&nbsp;/&nbsp;"+ gallery_arr.length +"&nbsp;";
        if(i < (gallery_arr.length-1)){
          browseStr+="<a href='javascript:gallery_"+ gid +".showGalleryItem(\""+ gallery_arr[i+1]+"\",\""+ gid +"\")'><img src='"+ browseNextImg +"' width='20' height='8' border='0' alt='' />"+ browseNextTxt +"&nbsp;<\/a>";
        }
        break;
      }
    }

    if(document.getElementById("galBrowse_" + id)){
      document.getElementById("galBrowse_"+ id).innerHTML = browseStr;
    }
  }
}