//   PERSISTENT ELEMENTS
jQuery(document).ready(function() {
    $fixedElementBG = jQuery('#persistent-bg');
    if(selectedTab = jQuery('.ui-tabs-selected').find('a').attr('href')){
//        selectedTab = jQuery('.ui-tabs-selected').find('a').attr('href');
        $fixedElement = jQuery(selectedTab).find('.persistent-element');
        elTop = $fixedElement.offset().top - parseFloat($fixedElement.css('margin-top'));
    }
    else {
        $fixedElement = jQuery('.persistent-element');
        elTop = $fixedElement.offset().top - parseFloat($fixedElement.css('margin-top'));
    }

//    jQuery('.ui-state-default a').click(function(){
//        $fixedElement.removeClass('persistent-on');
//        var selectedTab = jQuery(this).attr('href');
//        new$fixedElement = jQuery(selectedTab).find('.persistent-element');
//        elTop = new$fixedElement.offset().top - parseFloat(new$fixedElement.css('margin-top'));
//        $fixedElement = new$fixedElement;
//        console.log(elTop);
//    });
    jQuery(window).scroll(function() {
        var windowTop = jQuery(window).scrollTop();

        if (windowTop >= elTop && windowTop <= elTop + 30) {

            $fixedElement.addClass('persistent-on');
            var fade = (windowTop - elTop) / 3 / 10;
            $fixedElementBG.css({
                'display': 'block',
                'opacity':fade,
                '-moz-opacity': fade
//                'filter': 'alpha(opacity=' + fade * 10 + ')'
            });
        }
        else if (windowTop >= elTop) {
            $fixedElement.addClass('persistent-on');
            $fixedElementBG.css({'display': 'block','opacity':1,'-moz-opacity': 1,'filter': 'alpha(opacity=100)'});
        } else {

            $fixedElement.removeClass('persistent-on');
            $fixedElementBG.css({'display': 'none','opacity':0,'-moz-opacity': 0,'filter': 'alpha(opacity=0)'});
        }

    });

});