/* <![CDATA[ */
window.addEvent('domready',function(){                  
  imgstore = new Array();      
  var allBumps = $$('.bumpbox');  
  i=0;
  allBumps.each(function(e){
  var content = e.get('href');
    
    if(content.indexOf(".jpg") != -1 || content.indexOf(".gif") != -1 || content.indexOf(".png") != -1){
      var img = new Element('img');
      img.src = content;  
      img.setStyle('display','none');
      img.inject(document.body);
    }               
               
    if(e.get('href').indexOf('^') == 0){
      var id = e.get('href').replace("^",'');
      $(id).setStyle('display','none');
    }
    e.set('id',i);
    i++;
})

var f = "";
i = 0;

$$('.bumpbox').addEvent('click',function(e){
  e = new Event(e).stop();
  if($('grow') != null){
    $('grow').dispose();
  }
  if(this.get('rev') != null){
    var rev = this.get('rev')
  }
  var content = this.get('href');
  var actualID = this.get('id');
  maxw = 0;
  maxh = 0;
  var title = "";
  
  if(this.get('rel')!= null){
    var tmp = this.get('rel').split("-");  
    maxw = tmp[0];
    maxh = tmp[1];
  }
  
  if(this.get('title') != null){
    title = this.get('title');
  }
  
  if(this.get('href') != null){
    hr = this.get('href');
  }
  
  if(maxw == 0){  maxw = 640;  }
  if(maxh == 0){  maxh = 480;  }
  
    
  if(content.indexOf(".jpg") != -1 || content.indexOf(".gif") != -1 || content.indexOf(".png") != -1){

    img = new Image();
    img.src = content;
    maxw = img.width;
    maxh = img.height;
        
  }
  
  w = window.getSize().x.toInt();
  h = window.getSize().y.toInt();
  s = window.getScrollTop();
  var middleH = (w) / 2;
  var middleV = (h) / 2;
  var endleft = (w-maxw) / 2;
  var endtop = ((h - maxh) / 2) + s;

  var el = new Element('div', {
     'styles':{
       width: '1px',
       height: '1px',
       position:'absolute',
       border:'2px solid #303132',
       padding:'4px',
       background:'#000 url(/shop/resources/images/ajax-loader.gif) no-repeat center center',
       left:middleH ,
       top:middleV,
       cursor:'pointer',
       display:'block',
       'z-index':'100000'
    },
    'id': 'grow'
  })

  $(el).setStyles({
      '-moz-border-radius':'10px',
      '-webkit-border-radius':'10px',
      'border-radius':'10px'
       });

  var t = window.getScrollTop();
  
  bg = new Element('div',{
  'styles':{
    background:'#000',
    width:'100%',
    height:'100%',
    opacity:'0.9',
    position:'absolute',
    top: t,
    left: 0
  },
  'id':'bg'
  })
  
  /* bg ie 6 fix */
  if(Browser.Engine.name == 'trident' && Browser.Engine.version == 4){
    var bh = window.getHeight();
    $(bg).setStyle('height',bh);
  }
  
  
  var cl = new Element('img',{
    'styles':{
      width:'24px',
      height:'24px',
      position:'absolute',
      top:'-16px',
      right:'-16px',
      'z-index':'100000'
    },
    'src':'/shop/resources/images/closed.png',
    'id':'nycloser'
  })  
  
  cl.addEvent('click',function(e){
    
       $("grow").style.display = "none";
       $("bg").style.display = "none";
       
      bg.dispose();
      
      $(el).getChildren().dispose();
      eff2.start({
        'width':[maxw,1],
        'height':[maxh,1],
        'left': [endleft,middleH],
        'top':  [endtop, middleV+s]
       })
  })  
  
  if(Browser.Engine.name != 'trident'){
    window.addEvent('keyup',function(e){
        
         if(e.key == 'esc'){
          bg.dispose();
          $(el).getChildren().dispose();
          eff2.start({
            'width':[maxw,1],
            'height':[maxh,1],
            'left': [endleft,middleH],
            'top':  [endtop, middleV+s]
           })
         }
    })
    
  }else{
    document.addEvent('keyup',function(e){
         if(e.key == 'esc'){
           bg.dispose();
          $(el).getChildren().dispose();
          eff2.start({
            'width':[maxw,1],
            'height':[maxh,1],
            'left': [endleft,middleH],
            'top':  [endtop, middleV+s]
           })
         }
        
    })
  }
  
  bg.inject(document.body);
  el.injectInside(document.body);
  cl.injectInside(el);
  
  window.addEvent('scroll',function(){
    $(bg).setStyle('top',window.getScrollTop());
  })  
  
  var eff3 = new Fx.Morph($('grow'), { transition: Fx.Transitions.linear, duration: 100, wait:'link',onComplete:function(){
    el.dispose();
    }});
  
  var eff2 = new Fx.Morph($('grow'), { transition: Fx.Transitions.Bounce.easeOut, duration: 100, wait:'link', onComplete:function(){
    el.dispose();
  }});
    
  var eff = new Fx.Morph($('grow'), { transition: Fx.Transitions.Bounce.easeOut, duration: 100, wait:'link', onComplete:function(){
    $(el).setStyle('background','#252f3b url(/shop/resources/images/grad_bumpBox.jpg) repeat-x');    
    
    if($('prev') != null){
      $('prev').setStyle('display','block');
    }
    
    if($('next') != null){
      $('next').setStyle('display','block');
    }
    
    $('grow').setStyle('-moz-box-shadow','3px 3px #000');
  
    
            
  if(content.indexOf(".jpg") != -1 || content.indexOf(".gif") != -1 || content.indexOf(".png") != -1){
     var img = new Element('img');
     img.src = content;
     maxw = img.width;
     maxh = img.height;
     $(img).inject(el);
  }  
    

    
    else if(content.indexOf('.flv') == -1 && content.indexOf('.mp3') == -1 && content.indexOf(".pdf") == -1 && content.indexOf(".swf") == -1 && content.indexOf(".jpg") == -1 && content.indexOf(".gif") == -1 && content.indexOf(".png") == -1 && content.indexOf("^") == -1){
      
        var p = new Element('div');
        p.setStyle('display','block');
        p.setStyle('overflow','hidden');
        p.setStyle('padding','20px');
        p.setStyle('height',maxh-40);
        p.setStyle('width',maxw-40);
        p.setAttribute('id','htmlframe');
        p.inject(el);
        
        var x = new IFrame();
        x.setStyle('overflow','auto');
        x.set('frameborder','0');
        x.setStyle('width',maxw-40);
        x.setStyle('height',maxh-40);
        x.setStyle('border','2px outset #CCCCCC');
        x.src = content;
        x.inject(p);
    }
    
    else if(content.indexOf(".pdf") != -1){
    
    var div = new Element('div',{
        'styles':{
          padding:'20px',
          height: maxh-40,
          width:maxw-40
        }
      })
      
      div.inject(el);
      var x = new IFrame();
      x.src = content;
      x.setStyle('width',maxw-40);
      x.setStyle('height',maxh-40);
      x.inject(div);
      
    }
    
    else if(content.indexOf(".swf") != -1){
      var div = new Element('div',{
        'styles':{
          padding:'20px',
          height: maxh-40,
          width:maxw-40
        },
        id: 'swf'
      })
      
    div.inject(el);
      
      var obj = new Swiff(content, {
        id: 'video',
        width: maxw-40,
        height: maxh-40,
        container: div
      })  
    }
    
    else if(content.indexOf(".flv") != -1){
      
      var div = new Element('div',{
        'styles':{
          padding:'20px',
          height: maxh-40,
          width:maxw-40
        }
      })
      
      div.inject(el);
    
      var f =flowplayer(div, "flowplayer.swf", {
          buffering : true,      
       autoplay: true,
       clip: content,
       wmode: 'transparent',
       id: 'player'
        });
    }
    
    else if(content.indexOf(".mp3") != -1){
      
      var div = new Element('div',{
        'styles':{
          padding:'20px',
          height: maxh-50,
          width:maxw-40,
          'z-index':'1',
          id:'flowplay'
          
        }
      })
      
      div.inject(el);
    
       f =flowplayer(div, "flowplayer.swf", {
       buffering : true,      
       autoplay: true,
       clip: content,
       wmode: 'transparent',
       plugins: {
           myContent: {
     
        url: 'flowplayer.content.swf',
     
        bottom: 0,
        width: maxw-20,
        left:0,
        borderRadius: 10,
        html: title,
        onClick: function() {
          this.hide();
        }
       }
      },
       
       playlist:[{url:content,autoPlay:true}]
       
        });
    }
    
    else if(content.indexOf("^") == 0){
    
      content = content.replace("^","");
      
      var div = new Element('div',{
        'styles':{
          padding:'20px',
          height: 'auto',
          width:'auto',
          color:'#fff',
          overflow:'hidden'
        }
      })
      var c = $(content).get('html');
      div.set('html',c);
      div.inject(el);
    }
    
    if(title != ""){
      var t = new Element('div',{
      'styles':{
        'height':'20px',
        
        'position':'absolute',
        'top':'-41px',
        'left':'20px',
        'color':'#eee',
        'font-weight':'bolder',
        'opacity':'0.9',
        'z-index':'10000',
        'background':'#252f3b url(/shop/resources/images/tab.png) repeat-x',
        '-webkit-border-radius':'5px',
        '-moz-border-radius':'5px',
        '-border-radius':'5px',
        'display':'block',
        'padding':'10px',
        'border-top':'2px solid #303132',
        'border-left':'2px solid #303132',
        'border-right':'2px solid #303132'

      }
    })
      t.set('html',"<b>"+title+"</b>");      
      t.inject(el);
      t.set('id','maindesc');
    }
    
  if(rev != null){

      var x1 = new Element('div',{
      'styles':{
      'width':'auto',
      'height':'20px',
      'position':'absolute',
      'left': '20px',
      'bottom': '-41px',
      'color':'#eee',
      'text-decoration':'none',
      'background':'#000',
      '-webkit-border-radius':'5px',
      '-moz-border-radius':'5px',
      '-border-radius':'5px',
      'display':'block',
      'padding':'10px',
      'border-bottom':'2px solid #303132',
      'border-left':'2px solid #303132',
      'border-right':'2px solid #303132'
      }})
      x1.inject(el);
      x1.set('html', rev);
      x1.set('id','addondesc');
    
  }
  }});

  $(bg).addEvent('click',function(e){
    bg.dispose();
    $(el).getChildren().dispose();                  
    eff2.start({
           
            'width':[maxw,1],
            'height':[maxh,1],
            'left': [endleft,middleH],
            'top':  [endtop, middleV+s]

           })
  })
  
  
  var nextID = this.get('id').toInt() +1;
  
  if(allBumps[nextID] != null){
    var middle = (maxh - 30) / 2;
    var nx = new Element('a',{
      'styles':{
          width:'30px',
          height:'30px',
          background:'url(/shop/resources/images/next.png) no-repeat center center',
          position:'absolute',
          right:'-20px',
          bottom: middle,
          'display':'none'
      },
      
        id:'next'
      
    })
      
    nx.addEvent('click',function(e){
    
    if(Browser.Engine.trident){
      if($('video') != null){
          $('video').stop();
      }
    
       
       if($('swf') != null){
         $('swf').dispose();
        }  
     }
     
     $('bg').dispose();                     
     $('grow').dispose();
     
    
     
     var nextID = actualID.toInt();
     nextID+=1;
     nextID = nextID.toString();
     $(nextID).fireEvent('click',this);
         })
      
        nx.inject(el);
    }
    
    var prevID = this.get('id').toInt() -1;
    
    if(allBumps[prevID] != null){
      var middle = (maxh - 30) / 2;
      var nx2 = new Element('a',{
        'styles':{
            width:'30px',
            height:'30px',
            background:'url(/shop/resources/images/prev.png) no-repeat center center',
            position:'absolute',
            left:'-20px',
            bottom:middle,
            'display':'none'
        },
          id:'prev'
      })
      
      nx2.addEvent('click',function(e){
                      
      if(Browser.Engine.trident){
        if($('video') != null){
            $('video').stop();
        }
      
         
         if($('swf') != null){
           $('swf').dispose();
         }  
       }            
                      
       $('bg').dispose();                     
       $('grow').dispose();
       
      
       var nextID = actualID.toInt();
       nextID-=1;
       nextID = nextID.toString();
       $(nextID).fireEvent('click',this);
           })
      
      nx2.inject(el);
  
    }
  
  eff.start({
      'width':[1,maxw],
      'height':[1,maxh],
      'left': [middleH,endleft],
      'top':  [middleV+s, endtop]      
     })
   });


})
/* ]]> */