(function($) {
 var params=false;
 var root=false;
 var galindex=false;
 $.fn.dba_gallery = function(options) 
 {
  root=this;
  var def_options={};
  if (!$(this).length) {return this;}
  params=$.extend(def_options,options);
  $(this).click(function () 
  { 
   popup(str2num($(this).attr('galindex')));
  });
 return this;
 };
 popup = function(index) 
 {
  var html=params.mask;
  var image=params.images[galindex];
  var r = Math.floor( ($(window).width()-800) / 2);
  var position=[50,r]; 
  $.modal(html,{position:position,
               overlayCss1: {backgroundColor:'#000'}
			  });
  $('.close',$(params.element)).click(function () 
  { 
   $.modal.close();
  });
  $('.pgup',$(params.element)).click(function () 
  { 
   if(galindex>0)  display(galindex-1);
  });
  $('.pgdn',$(params.element)).click(function () 
  { 
   if(galindex<params.images.length-1)  display(galindex+1);
  });
  display(index);
 }
 display = function(index) 
 {
  galindex=index;
  var title=params.title;
  title=myreplace('#imgnumber',galindex+1,title)
  title=myreplace('#imgcount',params.images.length,title)
  
  $('.title',$(params.element)).html(title);
  $('img',$(params.element)).attr('src',params.images[galindex]);
  
  var obj=$('.pgup',$(params.element));
  if(galindex==0) 
  {
   $(obj).addClass('deactive'); 
  }else{ 
   $(obj).removeClass('deactive');
  }
  var obj=$('.pgdn',$(params.element));
  if(galindex>=params.images.length-1)
  {
   $(obj).addClass('deactive'); 
  }else{ 
   $(obj).removeClass('deactive'); 
  }
 }
})(jQuery);