var $j = jQuery.noConflict();
$j(document).ready( function(){
    $j('#flip').jcoverflip({
      current: 2,
      beforeCss: function(el, container, offset) {
        return [
          $j.jcoverflip.animationElement(el, {left:(container.width()/2 - 380 - 110*offset)+'px', bottom: '35px'}, {}),
          $j.jcoverflip.animationElement(el.find('img'), {width: '200px'}, {})
        ];
      },
      afterCss: function(el, container, offset) { 
        return [
          $j.jcoverflip.animationElement(el, {left: ( container.width()/2 + 180 + 110*offset )+'px', bottom: '35px' }, {}),
          $j.jcoverflip.animationElement(el.find('img'), { width: '200px' }, {})
        ];
      },
      currentCss: function(el, container) {
        return [
          $j.jcoverflip.animationElement(el, {left: ( container.width()/2 - 170 )+'px', bottom: 0 }, {}),
          $j.jcoverflip.animationElement(el.find('img'), {width: '338px' }, {})
        ];
      }
    });
    
    $j('#flip').mousewheel(function(event, delta) {
        if (delta < 0) {
            // Up
            if ((jQuery('#flip').jcoverflip('current')+1) < jQuery('#flip').jcoverflip('length')) {
                jQuery('#flip').jcoverflip('next');   
            }
        }
        else if (delta > 0) {
            // Down
            if (jQuery('#flip').jcoverflip('current') > 0) { 
                jQuery('#flip').jcoverflip('previous');
            }
        }
        return false;
    });
    
    $j(".jcoverflip-prev, .jcoverflip-prev-background").click(function(event){
        if ((jQuery('#flip').jcoverflip('current')+1) < jQuery('#flip').jcoverflip('length')) {
            jQuery('#flip').jcoverflip('next');   
        }    
    });
    
    $j(".jcoverflip-next, .jcoverflip-next-background").click(function(event){
        if (jQuery('#flip').jcoverflip('current') > 0) { 
            jQuery('#flip').jcoverflip('previous');
        }    
    });
});