var pointerMiddle = ($(window).width() / 2) - 1520;
var pointerInit = pointerMiddle - 360;

$(document).ready(function()
{
    /*SLIDER*/
    if($('#slider').length) {
        $('#slider #slides').cycle({
            fx:     'scrollHorz', 
            timeout: 10000, 
            pause:   1,
            prev:    '#prev-slide',
            next:    '#next-slide',
            pager:  '#controls',
            pagerAnchorBuilder: function(idx, slide) {
                return '<a href="#" title=""></a>';
            }
        });
        dimensiune = $('#content #slider #controls').outerWidth();
        $('#content #slider #controls').css({'width' : dimensiune, 'margin-left' : -((dimensiune/2)-5)});
    }

    /*FANCYBOX*/
    $("a.fancybox").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   200, 
        'speedOut'      :   200, 
        'overlayShow'   :   true
    });

    /*SHOWCASE*/
    if($('#featured').length) {

        $(window).resize(function() {
            pointerMiddle = ($(window).width() / 2) - 1520;
            pointerInit = pointerMiddle - 360;
            if ( $.browser.msie ) {
               $("#pointer").animate({'background-position-x': pointerInit}, 200 );
            } else {
               $("#pointer").animate({'background-position': pointerInit}, 200 );
            }
        })

        if ( $.browser.msie ) {
           $("#pointer").animate({'background-position-x': pointerInit}, 200 );
        } else {
           $("#pointer").animate({'background-position': pointerInit}, 200 );
        }
        
        $('#featured ul').cycle({
            fx:     'fade',
            before: onBefore,
            after: onAfter,
            sync:    1,
            fit:     1,            
            timeout: 5000,
            speed:   500,
            pause:   1,
            pager:  '#tabs ul',
            pagerAnchorBuilder: function(idx, slide) {return '#tabs ul li:eq(' + idx + ') a';}
        });
    }

    /*FOOTER*/
    var footerHeight = $('#footer').outerHeight('true');
    $('#content').css({'padding-bottom' : footerHeight });
    $('#footer').css({'height' : footerHeight, 'margin-top' : -footerHeight });

});

    function onBefore(curr, next, opts, fwd) {
        $(next).find('.image').css({'opacity':'0', 'right':'0px', 'top':'-20px'});
        $(next).find('.textbox').css({'opacity':'0', 'right':'0px'});
    }

    function onAfter(curr, next, opts, fwd) {
        gotoX(opts.currSlide);
        $(this).find('.image').css({'display':'block'}).delay(0).animate({'right':'0px','top':'-20px' ,'opacity':1}, 300, 'easeInQuad');
        $(this).find('.textbox').css({'display':'block'}).delay(300).animate({'right':'585px', 'opacity': 1}, 300, 'easeOutQuad');
    }

    function gotoX(x) {
        currX = x * 315 + pointerInit
        if ( $.browser.msie ) {
            $("#pointer").animate({'background-position-x': currX}, 200 );
        } else {
            $("#pointer").animate({'background-position': currX}, 200 );
        }
    }