var j = jQuery.noConflict();
var flag = false;

j(document).ready(function() {
  resize();
  j(window).resize(function(){ resize(); });
  j(window).load(function(){ resize(); });
  
  j('p.videobox a').attr('rel', 'facebox');
  //j('div.project a').attr('rel', 'facebox');
  j('p.videobox a').each(function() {
    var tmp = j(this).attr('href') + '&ajax=1';
    j(this).attr('href', tmp);
    //j(this).parent().parent().find('img').wrap('<a href="' + tmp + '" rel="facebox" />');
    j(this).parents('.entry-content').find('img').wrap('<a href="' + tmp + '" rel="facebox" />');
  });
  
  if(isiPhone()) {
    j('#main_project p.videobox').remove();
    j('p.videobox a').empty().append('&nbsp;');
    j('div.entry-content img').unwrap();
    j('#logo').css('position', 'absolute');
    j('a[rel*=facebox]').each(function() {
      var tmp = j(this).attr('href');
      tmp = tmp.replace('&ajax=1', '');
      j(this).attr('href', tmp);
      j(this).removeAttr('rel');
    })
  }
  
  j('a[rel*=facebox]').facebox();
  j('a').focus(function() { j(this).blur(); });
    
  j(document).bind('reveal.facebox', function() {
    j('.css-scrollbar').scrollbar();
    j('.scrollbar-handle').append('<div class="scrollbar-handle-inner-top"></div><div class="scrollbar-handle-inner"><div class="scrollbar-handle-inner-grip"></div></div><div class="scrollbar-handle-inner-bottom"></div>');
    j('.scrollbar-handle').height(j('.scrollbar-handle').height() - 10);
    j('a').focus(function() { j(this).blur(); });
    flag = true;
  });
  
  j(document).bind('close.facebox', function() {
    flag = false;
  })
  
  if(j('#imagefade').length) {
    j('#imagefade').innerfade({ animationtype: 'fade', speed: 3500, timeout: 7000, type: 'sequence', containerheight: 'auto' });
    j('#header').mouseover(function() {
      if(!flag) j('#main_project').show();
    });
    j('#header').mouseout(function() {
      if(!flag) j('#main_project').hide();
    });
	}
});

function resize() {
  var imageWidth = 1428;
  var imageHeight = 534;
  var windowWidth = j(window).width();
  var newImageHeight = parseInt((imageHeight * windowWidth) / imageWidth);
  
  j('#header').height(newImageHeight);
  j('ul#imagefade > li').height(newImageHeight);
  j('ul#imagefade > li').width(windowWidth);
  j('#facebox').css('left', j(window).width() / 2 - (j('#facebox .content').width() / 2));
}

function isiPhone() {
  return (
    (navigator.platform.indexOf("iPhone") != -1) ||
    (navigator.platform.indexOf("iPod") != -1) ||
    (navigator.platform.indexOf("iPad") != -1)
  );
}