@ -1,89 +1,93 @@
function initHeader ( ) {
//settings
var header = $ ( "#header" ) ;
var fadeSpeed = 100 , fadeTo = 0.8 , topDistance = 20 ;
var topbarME = function ( ) { $ ( header ) . fadeTo ( fadeSpeed , 1 ) ; } , topbarML = function ( ) { $ ( header ) . fadeTo ( fadeSpeed , fadeTo ) ; } ;
var inside = false ;
//do
$ ( window ) . scroll ( function ( ) {
position = $ ( window ) . scrollTop ( ) ;
if ( position > topDistance && ! inside ) {
//add events
topbarML ( ) ;
$ ( header ) . bind ( 'mouseenter' , topbarME ) ;
$ ( header ) . bind ( 'mouseleave' , topbarML ) ;
inside = true ;
}
else if ( position < topDistance ) {
topbarME ( ) ;
$ ( header ) . unbind ( 'mouseenter' , topbarME ) ;
$ ( header ) . unbind ( 'mouseleave' , topbarML ) ;
inside = false ;
}
} ) ;
function initHeader ( ) {
//settings
var header = $ ( "#header" ) ;
var fadeSpeed = 100 , fadeTo = 0.8 , topDistance = 20 ;
var topbarME = function ( ) {
$ ( header ) . fadeTo ( fadeSpeed , 1 ) ;
} , topbarML = function ( ) {
$ ( header ) . fadeTo ( fadeSpeed , fadeTo ) ;
} ;
var inside = false ;
//do
$ ( window ) . scroll ( function ( ) {
position = $ ( window ) . scrollTop ( ) ;
if ( position > topDistance && ! inside ) {
//add events
topbarML ( ) ;
$ ( header ) . bind ( 'mouseenter' , topbarME ) ;
$ ( header ) . bind ( 'mouseleave' , topbarML ) ;
inside = true ;
}
else if ( position < topDistance ) {
topbarME ( ) ;
$ ( header ) . unbind ( 'mouseenter' , topbarME ) ;
$ ( header ) . unbind ( 'mouseleave' , topbarML ) ;
inside = false ;
}
} ) ;
}
function showMsg ( msg , loader , timeout , ms ) {
var feedback = $ ( "#ajaxMsg" ) ;
update = $ ( "#updatebar" ) ;
if ( update . is ( ":visible" ) ) {
var height = update . height ( ) + 35 ;
feedback . css ( "bottom" , height + "px" ) ;
} else {
feedback . removeAttr ( "style" ) ;
}
feedback . fadeIn ( ) ;
var message = $ ( "<div class='msg'>" + msg + "</div>" ) ;
if ( loader ) {
var message = $ ( "<div class='msg'><img src='interfaces/default/images/loader_black.gif' alt='loading' class='loader' style='position: relative;top:10px;margin-top:-15px; margin-left:-10px;'/>" + msg + "</div>" ) ;
feedback . css ( "padding" , "14px 10px" )
}
$ ( feedback ) . prepend ( message ) ;
if ( timeout ) {
setTimeout ( function ( ) {
message . fadeOut ( function ( ) {
$ ( this ) . remove ( ) ;
feedback . fadeOut ( ) ;
} ) ;
} , ms ) ;
}
function showMsg ( msg , loader , timeout , ms ) {
var feedback = $ ( "#ajaxMsg" ) ;
update = $ ( "#updatebar" ) ;
if ( update . is ( ":visible" ) ) {
var height = update . height ( ) + 35 ;
feedback . css ( "bottom" , height + "px" ) ;
} else {
feedback . removeAttr ( "style" ) ;
}
feedback . fadeIn ( ) ;
var message = $ ( "<div class='msg'>" + msg + "</div>" ) ;
if ( loader ) {
var message = $ ( "<div class='msg'><img src='interfaces/default/images/loader_black.gif' alt='loading' class='loader' style='position: relative;top:10px;margin-top:-15px; margin-left:-10px;'/>" + msg + "</div>" ) ;
feedback . css ( "padding" , "14px 10px" )
}
$ ( feedback ) . prepend ( message ) ;
if ( timeout ) {
setTimeout ( function ( ) {
message . fadeOut ( function ( ) {
$ ( this ) . remove ( ) ;
feedback . fadeOut ( ) ;
} ) ;
} , ms ) ;
}
}
function resetFilters ( text ) {
if ( $ ( ".dataTables_filter" ) . length > 0 ) {
$ ( ".dataTables_filter input" ) . attr ( "placeholder" , "filter " + text + "" ) ;
}
function resetFilters ( text ) {
if ( $ ( ".dataTables_filter" ) . length > 0 ) {
$ ( ".dataTables_filter input" ) . attr ( "placeholder" , "filter " + text + "" ) ;
}
}
function preventDefault ( ) {
$ ( "a[href='#']" ) . live ( 'click' , function ( ) {
return false ;
} ) ;
function preventDefault ( ) {
$ ( "a[href='#']" ) . live ( 'click' , function ( ) {
return false ;
} ) ;
}
function initFancybox ( ) {
if ( $ ( "a[rel=dialog]" ) . length > 0 ) {
$ . getScript ( sbRoot + '/js/fancybox/jquery.fancybox-1.3.4.js' , function ( ) {
$ ( "head" ) . append ( "<link rel='stylesheet' href='" + sbRoot + "/js/fancybox/jquery.fancybox-1.3.4.css'>" ) ;
$ ( "a[rel=dialog]" ) . fancybox ( {
type : "image"
} ) ;
} ) ;
}
if ( $ ( "a[rel=dialog]" ) . length > 0 ) {
$ . getScript ( sbRoot + '/js/fancybox/jquery.fancybox-1.3.4.js' , function ( ) {
$ ( "head" ) . append ( "<link rel='stylesheet' href='" + sbRoot + "/js/fancybox/jquery.fancybox-1.3.4.css'>" ) ;
$ ( "a[rel=dialog]" ) . fancybox ( {
type : "image"
} ) ;
} ) ;
}
}
function initTabs ( ) {
$ ( "#config-components" ) . tabs ( {
activate : function ( event , ui ) {
$ ( "#config-components" ) . tabs ( {
activate : function ( event , ui ) {
var lastOpenedPanel = $ ( this ) . data ( "lastOpenedPanel" ) ;
var selected = $ ( this ) . tabs ( 'option' , 'selected' ) ;
if ( lastOpenedPanel ) {
} else {
lastOpenedPanel = $ ( ui . oldPanel )
lastOpenedPanel = $ ( ui . oldPanel )
}
if ( ! $ ( this ) . data ( "topPositionTab" ) ) {
@ -104,9 +108,9 @@ function initTabs() {
. toggleClass ( "ui-tabs-hide" )
. css ( "position" , "absolute" )
. css ( "top" , $ ( this ) . data ( "topPositionTab" ) + "px" )
. fadeOut ( 700 , function ( ) {
. fadeOut ( 700 , function ( ) {
$ ( this )
. css ( "position" , "" ) ;
. css ( "position" , "" ) ;
} ) ;
}
@ -119,13 +123,41 @@ function initTabs() {
} ) ;
}
function initDonateBox ( ) {
//open popup
$ ( "#donate" ) . click ( function ( ) {
$ ( "#donate_form" ) . fadeIn ( 1000 ) ;
positionPopup ( ) ;
} ) ;
//close popup
$ ( "#close" ) . click ( function ( ) {
$ ( "#donate_form" ) . fadeOut ( 500 ) ;
} ) ;
}
//position the popup at the center of the page
function positionPopup ( ) {
if ( ! $ ( "#donate_form" ) . is ( ':visible' ) ) {
return ;
}
$ ( "#donate_form" ) . css ( {
left : ( $ ( window ) . width ( ) - $ ( '#donate_form' ) . width ( ) ) / 2 ,
top : ( $ ( window ) . width ( ) - $ ( '#donate_form' ) . width ( ) ) / 4 ,
position : 'absolute'
} ) ;
}
//maintain the popup at center of the page when browser resized
$ ( window ) . bind ( 'resize' , positionPopup ) ;
function init ( ) {
initHeader ( ) ;
preventDefault ( ) ;
initFancybox ( ) ;
initTabs ( ) ;
initHeader ( ) ;
preventDefault ( ) ;
initFancybox ( ) ;
initTabs ( ) ;
initDonateBox ( ) ;
}
$ ( document ) . ready ( function ( ) {
init ( ) ;
} ) ;
$ ( document ) . ready ( function ( ) {
init ( ) ;
} ) ;
echel0n
11 years ago
