var bannerUp = '-354px';
var bannerDown = '-186px';

function initBanners( timeOut ){
  var banners = $( '#banner img' );
  banners.hide();
  banners.css( 'top', bannerUp );
  var currentBanner = Math.floor( Math.random() * banners.length );
  
//  $( '#logo' ).slideUp( 0 );
  
  setTimeout( function(){ animateBanners( currentBanner ) }, timeOut, 'easeOutExpo' );
//  $( '#logo' ).slideDown( timeOut + 1000 );
}
function animateBanners( currentBanner ){
  var banners = $( '#banner img' );
  $( banners[currentBanner] ).css( 'z-index', 100 ).fadeOut( 1000 );
  currentBanner = currentBanner == banners.length - 1 ? 0 : currentBanner + 1;
  $( banners[currentBanner] ).css( { 'top': bannerUp, 'z-index': 99 } ).fadeIn( 0 ).animate( { top: bannerDown }, 1000, 'easeOutExpo' );
  setTimeout( function(){ animateBanners( currentBanner ) }, 15000 );
}


$(function(){
  var easing = 'easeOutCubic';
  var duration = 300;
//  var easing = 'easeOutQuad';
//  var duration = 300;
  $( '#content .slider a').each( function(index){
    $( this ).data( 'startPos', $( this ).css( 'left' ) );
    $( this ).mouseover( function(){
      $( '#content .slider a' ).stop( );
      $( '#content .slider a:gt(' + index + ')').each( function(){
        $( this ).animate({
          left: $( this ).data( 'pos1' ) + 'px'
        }, duration, easing );
      });
      $( '#content .slider a:lt(' + (index+1) + ')').each( function(){
        $( this ).animate({
          left: $( this ).data( 'pos2' ) + 'px'
        }, duration, easing );
      });
    });
  });
  
  $( '#content .slider' ).mouseleave( function(){
    $( '#content .slider a' ).stop().each( function(){
      $( this ).animate({
        left: $( this ).data( 'startPos' )
      }, duration, easing );
    });
  });
  initBanners( 500 );
  $( 'a.fancybox' ).fancybox({
    'hideOnContentClick' : true,
    'transitionIn'	     :	'elastic',
		'transitionOut'	     :	'elastic',
		'speedIn'		         :	200, 
		'speedOut'		       :	200,   
  });
  
  
//  $( '.box' ).css( 'position', 'absolute' );
  
//  $(window).scroll(function() {
//    $('#myElement').css('top', $(this).scrollTop() + "px");
//});

/*  $( '.box' ).css( 'position', 'absolute' );
    $( window ).scroll( function(){
      var top = $( window ).scrollTop() + 97; 
      var minTop = 97;
      var minBottom = $(window).height();
//      top = Math.min( minBottom, top );
      if( $( '.box' ).position().top < 0 ){
        $( '.box' ).css( 'top',  top  + 'px' );
      }
    });
  $( window ).trigger( 'scroll' );*/
  $( '.box' ).css( 'marginTop', '65px' );
  $( '.box' ).stickyfloat();
  $( window ).trigger( 'scroll' );
});




$.fn.stickyfloat = function(options, lockBottom) {
  var $obj 				= this;
  var parentPaddingTop 	= parseInt($obj.parent().css('padding-top'));
  var startOffset 		= $obj.parent().offset().top;
  var opts 				= $.extend({ startOffset: startOffset, offsetY: parentPaddingTop, duration: 0, lockBottom:true }, options);
  
  $obj.css({ position: 'absolute' });
  
  if(opts.lockBottom){
    var bottomPos = $obj.parent().height() - $obj.height() + parentPaddingTop;
    if( bottomPos < 0 )
      bottomPos = 0;
  }
  
  $(window).scroll(function () { 
    $obj.stop(); 

    var pastStartOffset			= $(document).scrollTop() > opts.startOffset;	
    var objFartherThanTopPos	= $obj.offset().top > startOffset;	
    var objBiggerThanWindow 	= $obj.outerHeight() < $(window).height();	

    if( (pastStartOffset || objFartherThanTopPos) && objBiggerThanWindow ){ 
      var newpos = ($(document).scrollTop() -startOffset + opts.offsetY );
      if ( newpos > bottomPos )
        newpos = bottomPos;
      if ( $(document).scrollTop() < opts.startOffset ) 
        newpos = parentPaddingTop;

      $obj.animate({ top: newpos }, opts.duration );
    }
  });
};