var ZoomBox = new Class({

  Implements: Options,
  
  Binds: ['open', 'close', 'zoomIn', 'showImage', 'prev', 'next'],

  options: {
    topOffset: 65,
    initWidth: 350,
    initHeight: 350,
    overlayOpacity: 0.8,
    hideTags: true,
    uncoverableTags: ['object', 'embed']
  },

  initialize: function(options) {
    this.setOptions(options);
    this.current_image = 0;
    this.current_gallery = 0;
    this.galleries = [];
    this.box = null;
    this.overlay = null;
    this.uncoverableTags = [];
    
    this.scrollTop = window.getScroll().y;
    
    this.families = [];
    this.zoombox_a = [];
    
    this.collect();
  },
  
  collect: function(reset) {
    if (reset) {
      this.current_image = 0;
      this.current_gallery = 0;
      this.galleries = [];
      this.families = [];
      this.zoombox_a = [];
    }
    var families = this.families;
    var zoombox_a = [];

    $$('a').each(function(a) {
      // test 'zoombox' and link extension, and collect all zoombox links
      if (a.rel && a.rel.test(/^zoombox/i) && a.href.split('?')[0].test(/\.(gif|jpg|png)$/i)) {
        if (a.rel.length > 7 && !families.contains(a.rel)) families.push(a.rel);
        if (!this.zoombox_a.contains(a)) zoombox_a.push(a);
      }
    }, this);
    
    this.families = families;
    this.zoombox_a = zoombox_a;
    
    // create an array of arrays with all galleries
    zoombox_a.each(function(a) {
      if (a.rel.length > 7) {
        families.each(function(f, i) {
          if (a.rel == f) {
            if (!this.galleries[i]) this.galleries[i] = [];
            this.galleries[i].push($(a));
          };
        }, this);
      } else {
        this.galleries.push([$(a)]);
      }
      a.addEvent('click', this.open.bindWithEvent(this, a));
    }, this);
  },
  
  open: function(event, a) {
    if (!a) {
      a = event;
    } else {
      event.stop();
    }
    
    this.galleries.each(function(gallery, idx) {
      var i = gallery.indexOf(a);
      if (i != -1) {
        this.current_gallery = idx;
        this.current_image = i;
      }
    }.bind(this));
    
    this.build();

    if (this.options.hideTags) {
      this.uncoverableTags = $$(this.options.uncoverableTags);
      if (this.uncoverableTags.length != 0) this.uncoverableTags.each(function(el) { el.style.visibility = 'hidden'; });
    }

    this.scrollTop = window.getScroll().y;

    var wsize = window.getSize();
    this.box.setStyles({
      'left': (wsize.x - this.options.initWidth) / 2,
      'top': this.scrollTop + (wsize.y - this.options.initHeight) / 2,
      'width': this.options.initWidth,
      'height': this.options.initHeight
    });
    this.image_box.setStyles({
      'width': this.options.initWidth,
      'height': this.options.initHeight
    });

    this.prev_img.setStyle('opacity', 0);
    this.prev_btn.setStyle('display', 'none');
    this.next_img.setStyle('opacity', 0);
    this.next_btn.setStyle('display', 'none');
    //this.close_btn.setStyle('opacity', 0);

    this.overlay.setStyles({
      'display': 'block',
      'opacity': 0
    });
    this.overlay.set('tween', {}).tween('opacity', this.options.overlayOpacity).pin();
    
    this.load(a.href);
    
    $(document.body).addEvent('keyescape', this.close);
  },

  load: function(url) {
    this.image_box.setStyle('visibility', 'hidden').setStyle('opacity', 0.01);
    this.box.setStyle('display', 'block');
    
    this.prev_img.tween('opacity', 0);
    this.prev_btn.setStyle('display', 'none');
    this.next_img.tween('opacity', 0);
    this.next_btn.setStyle('display', 'none');
    //this.close_btn.tween('opacity', 0);
    this.image_box.tween('opacity', 0);
    this.box.addClass('zb-loading').set('tween', {
      onComplete: function() {
        this.prepareLoad(url);
      }.bind(this)
    }).tween('opacity', 1);
  },
  
  close: function() {
    this.box.set('tween', {
      duration: 300,
      onComplete: function() {
        this.box.setStyle('display', 'none');
      }.bind(this)
    }).tween('opacity', 0);

    this.overlay.unpin().set('tween', {
      onComplete: function() {
        this.overlay.setStyle('display', 'none');
        
        if (this.uncoverableTags.length != 0) this.uncoverableTags.each(function(el) { el.style.visibility = 'visible'; });
      }.bind(this)
    }).tween('opacity', 0);
    
    $(document.body).removeEvent('keyescape', this.close);
  },

  prepareLoad: function(url) {
    this.image.src = url;
  },
 
  build: function() {
    if (this.box) return;
    
    if (!this.overlay) {
      this.overlay = new Element('div').
        setStyle('display', 'none').
        addClass('overlay').
        injectInside(document.body).
        setStyle('cursor', 'pointer').
        addEvent('click', this.close);
    }

    this.box = new Element('div').addClass('zoombox').injectInside(document.body).adopt(
      this.image_box = new Element('div', {'align': 'center'}).setStyle('overflow', 'hidden').adopt(
        this.image = new Element('img').addEvent('load', this.zoomIn)
      ),
      this.prev_img = new Element('div').addClass('prev_btn').setStyle('opacity', 0),
      this.next_img = new Element('div').addClass('next_btn').setStyle('opacity', 0),
      this.prev_btn = new Element('div').addClass('prev_zone').setStyle('display', 'none').addEvent('click', this.prev).set('html', ' '),
      this.next_btn = new Element('div').addClass('next_zone').setStyle('display', 'none').addEvent('click', this.next).set('html', ' '),
      this.close_btn = new Element('div').addClass('close_btn')./*setStyle('opacity', 0).*/addEvent('click', this.close).set('html', ' ')
    ).setStyles({
      'position': 'absolute',
      'display': 'block',
      'opacity': 0
    });
    
    this.box_fx = new Fx.Morph(this.box, {duration: 200}).addEvent('onComplete', this.showImage);
    this.image_box_fx = new Fx.Morph(this.image_box, {duration: 200}).addEvent('onComplete', this.showImage);
  },
  
  zoomIn: function() {
    this.box.removeClass('zb-loading');
    
    var wsize = window.getSize();
    var width = this.image.width + this.image.getStyle('margin-left').toInt() + this.image.getStyle('margin-right').toInt();
    var height = this.image.height + this.image.getStyle('margin-top').toInt() + this.image.getStyle('margin-bottom').toInt();
    
    // zoom
    var y = this.scrollTop + (wsize.y - height) / 2;
    if (y < this.options.topOffset) y = this.options.topOffset;
    this.box_fx.start({
      'left': (wsize.x - width) / 2,
      'top': y,
      'width': width,
      'height': height
    });
    this.image_box_fx.start({
      'width': width,
      'height': height
    });
    
    if (this.current_image > 0) {
      this.prev_img.tween('opacity', 1);
      this.prev_btn.setStyle('display', 'block');
    }
    if (this.current_image < (this.galleries[this.current_gallery].length - 1)) {
      this.next_img.tween('opacity', 1);
      this.next_btn.setStyle('display', 'block');
    }
    this.close_btn.tween('opacity', 1);
  },
  
  showImage: function() {
    this.image_box.setStyles({
      'visibility': 'visible',
      'opacity': 0
    }).tween('opacity', 1);
  },
  
  prev: function() {
    if (this.current_image <= 0) return;
    this.current_image--;
    try {
      this.load(this.galleries[this.current_gallery][this.current_image].href);
    } catch(e) {
      if (console) console.log(e);
    }
  },
  
  next: function() {
    if (this.current_image >= this.galleries[this.current_gallery].length) return;
    this.current_image++;
    try {
      this.load(this.galleries[this.current_gallery][this.current_image].href);
    } catch(e) {
      if (console) console.log(e);
    }
  }
  
});

var zoombox;
window.addEvent('domready', function() {
  zoombox = new ZoomBox();  
});
function make_featured(id) {
  new Ajax('/account/make-featured/', {
    method: 'post',
    data: 'id=' + id,
    update: 'featured-' + id,
    onFailure: function(transport) {
      new SimpleBox(transport.responseText, {title: 'Îøèáêà', size: {width: 300, height: 110} });
    }
  }).request();
}
/**
 * SWFObject v1.4: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
 *
 * SWFObject is (c) 2006 Geoff Stearns and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * **SWFObject is the SWF embed script formarly known as FlashObject. The name was changed for
 *   legal reasons.
 */
if(typeof deconcept=="undefined"){var deconcept=new Object();}
if(typeof deconcept.util=="undefined"){deconcept.util=new Object();}
if(typeof deconcept.SWFObjectUtil=="undefined"){deconcept.SWFObjectUtil=new Object();}
deconcept.SWFObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a,_b){
if(!document.createElement||!document.getElementById){return;}
this.DETECT_KEY=_b?_b:"detectflash";
this.skipDetect=deconcept.util.getRequestParameter(this.DETECT_KEY);
this.params=new Object();
this.variables=new Object();
this.attributes=new Array();
if(_1){this.setAttribute("swf",_1);}
if(id){this.setAttribute("id",id);}
if(w){this.setAttribute("width",w);}
if(h){this.setAttribute("height",h);}
if(_5){this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));}
this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion(this.getAttribute("version"),_7);
if(c){this.addParam("bgcolor",c);}
var q=_8?_8:"high";
this.addParam("quality",q);
this.setAttribute("useExpressInstall",_7);
this.setAttribute("doExpressInstall",false);
var _d=(_9)?_9:window.location;
this.setAttribute("xiRedirectUrl",_d);
this.setAttribute("redirectUrl","");
if(_a){this.setAttribute("redirectUrl",_a);}};
deconcept.SWFObject.prototype={setAttribute:function(_e,_f){
this.attributes[_e]=_f;
},getAttribute:function(_10){
return this.attributes[_10];
},addParam:function(_11,_12){
this.params[_11]=_12;
},getParams:function(){
return this.params;
},addVariable:function(_13,_14){
this.variables[_13]=_14;
},getVariable:function(_15){
return this.variables[_15];
},getVariables:function(){
return this.variables;
},getVariablePairs:function(){
var _16=new Array();
var key;
var _18=this.getVariables();
for(key in _18){
_16.push(key+"="+_18[key]);}
return _16;
},getSWFHTML:function(){
var _19="";
if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){
if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","PlugIn");}
_19="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute("swf")+"\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\"";
_19+=" id=\""+this.getAttribute("id")+"\" name=\""+this.getAttribute("id")+"\" ";
var _1a=this.getParams();
for(var key in _1a){_19+=[key]+"=\""+_1a[key]+"\" ";}
var _1c=this.getVariablePairs().join("&");
if(_1c.length>0){_19+="flashvars=\""+_1c+"\"";}
_19+="/>";
}else{
if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","ActiveX");}
_19="<object id=\""+this.getAttribute("id")+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\">";
_19+="<param name=\"movie\" value=\""+this.getAttribute("swf")+"\" />";
var _1d=this.getParams();
for(var key in _1d){_19+="<param name=\""+key+"\" value=\""+_1d[key]+"\" />";}
var _1f=this.getVariablePairs().join("&");
if(_1f.length>0){_19+="<param name=\"flashvars\" value=\""+_1f+"\" />";}
_19+="</object>";}
return _19;
},write:function(_20){
if(this.getAttribute("useExpressInstall")){
var _21=new deconcept.PlayerVersion([6,0,65]);
if(this.installedVer.versionIsValid(_21)&&!this.installedVer.versionIsValid(this.getAttribute("version"))){
this.setAttribute("doExpressInstall",true);
this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));
document.title=document.title.slice(0,47)+" - Flash Player Installation";
this.addVariable("MMdoctitle",document.title);}}
if(this.skipDetect||this.getAttribute("doExpressInstall")||this.installedVer.versionIsValid(this.getAttribute("version"))){
var n=(typeof _20=="string")?document.getElementById(_20):_20;
n.innerHTML=this.getSWFHTML();
return true;
}else{
if(this.getAttribute("redirectUrl")!=""){document.location.replace(this.getAttribute("redirectUrl"));}}
return false;}};
deconcept.SWFObjectUtil.getPlayerVersion=function(_23,_24){
var _25=new deconcept.PlayerVersion([0,0,0]);
if(navigator.plugins&&navigator.mimeTypes.length){
var x=navigator.plugins["Shockwave Flash"];
if(x&&x.description){_25=new deconcept.PlayerVersion(x.description.replace(/([a-z]|[A-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));}
}else{try{
var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
for(var i=3;axo!=null;i++){
axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+i);
_25=new deconcept.PlayerVersion([i,0,0]);}}
catch(e){}
if(_23&&_25.major>_23.major){return _25;}
if(!_23||((_23.minor!=0||_23.rev!=0)&&_25.major==_23.major)||_25.major!=6||_24){
try{_25=new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));}
catch(e){}}}
return _25;};
deconcept.PlayerVersion=function(_29){
this.major=parseInt(_29[0])!=null?parseInt(_29[0]):0;
this.minor=parseInt(_29[1])||0;
this.rev=parseInt(_29[2])||0;};
deconcept.PlayerVersion.prototype.versionIsValid=function(fv){
if(this.major<fv.major){return false;}
if(this.major>fv.major){return true;}
if(this.minor<fv.minor){return false;}
if(this.minor>fv.minor){return true;}
if(this.rev<fv.rev){return false;}return true;};
deconcept.util={getRequestParameter:function(_2b){
var q=document.location.search||document.location.hash;
if(q){
var _2d=q.indexOf(_2b+"=");
var _2e=(q.indexOf("&",_2d)>-1)?q.indexOf("&",_2d):q.length;
if(q.length>1&&_2d>-1){
return q.substring(q.indexOf("=",_2d)+1,_2e);
}}return "";}};
if(Array.prototype.push==null){
Array.prototype.push=function(_2f){
this[this.length]=_2f;
return this.length;};}
var getQueryParamValue=deconcept.util.getRequestParameter;
var FlashObject=deconcept.SWFObject; // for backwards compatibility
var SWFObject=deconcept.SWFObject;