var buildTable = function(){
  var t = $('content_main');
  var wc = window.getCoordinates();
  var c = 0;
  var mc = 3;
  if(wc.width.toInt() > 1200 && wc.width.toInt() < 1400){
    mc = 4;
  } else if(wc.width.toInt() >= 1400){
    mc = 5;
  }
  t.getElements('td').each(function(td){
    td.setStyle('display', ++c > mc ? 'none' : 'table-cell');
  });
}
var perFunc = false;
var perFuncTimer = false;
var ne = 0;
var preLoader = function(){
  var is = new Array();
  var isEls = $$('#content_main div.circle');
  isEls.each(function(el){
    is.push('/u/made/' + el.get('file'));
    if(Browser.Engine.trident){
      el.adopt(new Element('img', {
        'src': '/i/circle-ie.png',
        'width': '230',
        'height': '230',
        'styles': {
          'position': 'absolute',
          'margin-left': '-115px'
        }
      }), 'after');
    }
    el.addEvent('mouseover', function(){
      perFunc = function(){
        ne = el.get('fwidth').toInt() > ne + 230 ? ne + 230 : 0;
        el.setStyle('background-position', '-' + ne + 'px 0px');
        if(ne == 0 && el.get('repeat') != '1'){
          $clear(perFuncTimer);
        }
      }
      if(Browser.Engine.trident){
        el.setStyle('cursor', 'pointer');
      }
      perFuncTimer = perFunc.periodical(el.get('duration').toInt());
    });
    el.addEvent('mouseout', function(){
      $clear(perFuncTimer);
      ne = 0;
      el.setStyle('background-position', '0px 0px');
    });
  });
  
  var images = new Asset.images(is, {
    onComplete: function(){
      var pbFx = new Fx.Tween($('progress-bar'));
      pbFx.start('opacity', 1, 0);
      (function(){
        var elEffects = new Fx.Elements(isEls);
        elEffects.start({
          '0': {'opacity': [0,1]},
          '1': {'opacity': [0.2,1]},
          '2': {'opacity': [0.4,1]},
          '3': {'opacity': [0.6,1]},
          '4': {'opacity': [0.8,1]}
        });}).delay(400);
    },
    onProgress: function(counter, index){
      isEls[index].setStyle('background', 'url(/u/made/' + isEls[index].get('file') + ') no-repeat 0 0');
      $('images-holder').setStyle('width', (Math.round((counter + 1) / isEls.length * 100)) + '%');
    }
  });
}
window.addEvent('domready', function(){
  buildTable();
  preLoader();
});
window.addEvent('resize', function(){
  buildTable();
});