head.js('/fileadmin/m.videograph.de/js/libs/modernizr-custom.js', 
        '/js/jquery.js', 
        '/fileadmin/m.videograph.de/js/libs/helper.js',
        function() {

  var playVideo = function(video) {
    tmp = video.split('/');
    lang = 'en';
    $.ajax({
      type      : 'GET',
      url       : '/' + lang + '/ajax.xml?videoFile=' + tmp[tmp.length-1],
      dataType  : 'xml',
      success   : function(xml) {
        $(xml).find('video').each(function() {
          var $item = $(this);
          //alert($item.find('player').text());
          $('body').append('</div><div id="video"></div>');
          $('#video').height($('body').height()).fadeIn(250);
          $('#video').append('<a id="closeVideo">X</a>');
          $('#video').append($item.find('player').text());
          var $videoItem = $('#video > video');
          var vw = $videoItem.attr('width');
          if (vw > $(window).width()) {
            f = $videoItem.width() / $(window).width();
            $videoItem.width($(window).width());
            $videoItem.height($videoItem.height() / f);
          }
          $('body').css('overflow', 'hidden');
          $('html,body').animate({scrollTop: 0},'slow');
          return false;
          
          //width:      $item.find('width').text();
          //height:     $item.find('height').text();
          //var playerConfig  = $item.find('script').text();
          //var videoId       = $item.find('id').text(); 
          //eval(playerConfig);
          //alert($item.find('player').text());
        });
      } 
    });
    return false;
  }


  MBP.scaleFix();
  MBP.hideUrlBar();
  yepnope({
    test : Modernizr.mq('(min-width)'),
    nope : ['/fileadmin/m.videograph.de/js/libs/respond.min.js']
  });
  
  //$('#container').append($('html').attr('class'));
  
  for(i = 1000; i < 2000; i = i + 100) {
    if ($('html').hasClass('w-' + i)) {
      //alert('BIG Browser');
    }
  }

  var slide = function(request, direction) {
    if ($('body').data('currentPos') == null) {
      return;
    }
    var cw = $('#container').width();
    $.ajax({ 
      url: request, 
      success: function(data) { 
        $('#main').css('width', '2000em');
        if (direction == true) {
          $('#main').append(data);
          $('.content').each(function(k, v) {
            $(v).css('float', 'left').css('width', cw + 'px');
            $(v).animate({
              left: '-=' + cw
            }, cw * 2, function() {
               if (k == 0) {
                 $(v).remove();
               } else {
                 $(v).css('left', '0px');
               }
               $('#main').css('width', 'auto');
            }); 
          });
        } else {
          $('#main').prepend(data);
          $('.content').each(function(k, v) {
            $(v).css('float', 'left')
                .css('width', cw + 'px')
                .css('left', '-' + cw + 'px');
            $(v).animate({
              left: '+=' + cw
            }, cw * 2, function() {
               if (k == 1) {
                 $(v).remove();
               } else {
                 $(v).css('left', '0px');
               }
               $('#main').css('width', 'auto');
            }); 
          });
        }
      },
      error: function() { 
        return true; 
      },
      complete: function() { 
      }
    });
  }
  
  var  flipTo = function(request) {
    $('#main').addClass('flip');
    $.ajax({
      url: request,
      success: function(data) {
        $('.content').css('-webkit-transform-style', 'preserve-3d')
	                   .css('-webkit-transition', '750ms')
                     .css('-webkit-transform', 'rotateY(-90deg)');

        setTimeout(function() {
          $('.content').remove();
          $('#main').html(data);
          $('.content').css('-webkit-transition', '0s')
                       .css('-webkit-transform', 'rotateY(90deg)');
          //$('.content').removeClass('flipMe');
        }, 500);
        setTimeout(function() {
          $('.content').css('-webkit-transition', '750ms')
                       .css('-webkit-transform', 'rotateY(0deg)');
        }, 750);
        setTimeout(function() {
          $('.content').attr('style', ' ');
        }, 1000);
      },
      error: function() {
      },
      complete: function() {
      }
    })
  }
  
  var overlay = function() {
    $('body').append('<div id="overlay"></div>');
    $('#overlay').height($(window).height()).delay(750).fadeIn(250).delay(1000).fadeOut(250);
  }
  
  $('a:not([href*=.mp4])').live('click', function(){
    var item   = $(this);
    var target = $(this).attr('href');
    if (target == undefined)
      return;
    var pageContent;
    item.addClass('tab');
    setTimeout(function() { item.removeClass('tab'); }, 250);  

    if (target.indexOf('://') == true) {
      return true;
    } /*else if ($('body').data('currentPos') == target) {
      // same page
      return false;
    } */else if (target.indexOf('?') == true) {
      $('body').data('currentPos', target);
      var request = target + '&type=150';
    } else {
      $('body').data('currentPos', target);
      var request = target + '?type=150';
    }

    if ($.browser.webkit && $(this).hasClass('flip')) {
      flipTo(request);
      return false;
    } else if ($(this).hasClass('slide') || $(this).hasClass('slideBack')) {
      slide(request, item.hasClass('slide'));
      return false;
    } else {
      overlay();
      setTimeout(function() { location.href = item.attr('href'); }, 50);
      return false;
    }
    return true;
  });  
  
  $('a[href*=.mp4]').live('click', function() {
    playVideo($(this).attr('href'));
    return false;
  });
  
  $('#closeVideo').live('click', function() {
    $('#video').fadeOut(250).remove();
    $('body').css('overflow', 'auto');    
  });
  
});