');
setTimeout("$('#sng-rp').fadeOut(2000, function() { $(this).remove(); })" , 4000);
},
hover: {
goin: function(o) {
$('li > .stars').addClass('r' + ($(o).index() + 1));
},
out: function() {
$('li > .stars').removeClass('r1 r2 r3 r4 r5');
},
// this shows the hover box if the user has already rated the film
rated: {
goin: function() {
var pr = $('#prev-rating');
if (pr.length > 0 && pr[0].value != "") {
Snag.film.rating.showPopUp('
Your current rating:
');
}
},
out: function() {
$('#sng-prp').remove();
}
}
},
showPopUp: function(sHTML) {
$('.frm-star-rating').append(sHTML);
}
},
/* ------------------------------------------------------------------------------------------
OLD COMMENTS - Add showing and hiding of archived comments
------------------------------------------------------------------------------------------ */
archivedComments: {
init: function() {
$('.comment-archives').show();
$('.comment-archives .more-btn').click( function(e) {
e.preventDefault();
var ca = $('.comment-archive');
if (ca.is(":visible")) {
ca.hide();
} else {
ca.show();
Snag.Tracking.GA.trackEvent("film page", "older-comments");
}
});
$('.comment-archive .btn-close').click( function(e) {
e.preventDefault();
$('.comment-archive').hide();
});
}
},
/* ------------------------------------------------------------------------------------------
QUEUE - Add to queue interactions specific to the film page
------------------------------------------------------------------------------------------ */
queue: {
init: function() {
$('.video-lead a.queue').click( function(e) {
e.preventDefault();
Snag.film.queue.add($(this).attr("data-action"));
Snag.Tracking.GA.trackEvent("player", "add-q");
});
$('#panel-add .btn-fb').click( function(event) {
Snag.fb.login(event);
vid.player.pause();//pauses video
});
},
add: function(action) {
if (!SNAG.loggedIn) {
$('#sng-login').remove();
$('#li-queue').append('
' + $('#login-to-add-to-queue').html() + '
');
setTimeout("$('#sng-login').fadeOut(2000, function() { $(this).remove(); })" , 7000);
$('#sng-login .btn-fb').click( function(event) {
Snag.fb.login(event);
vid.player.pause();//pauses video
$('#sng-login').remove();
});
}
}
}
},
/* ------------------------------------------------------------------------------------------
FILMANTHROPY
Stuff dealing with the filmanthropy pages.
------------------------------------------------------------------------------------------ */
filmanthropy: {
FHB: {},
transSpeed: 250, // speed of transition between slides
init: function() {
// enable the film hover boxes
if ($('.cause .related-films').length > 0 ) {
this.FHB = new Snag.Utils.FilmHoverBox.Box(2);
$('.related-films li').hover(
function() {Snag.filmanthropy.FHB.show(this);},
function() {Snag.filmanthropy.FHB.hide(this);}
);
// Bad hack for IE z-index issues
if (FixZIndexBugs) {
var sbf = $('.sb-filter');
sbf.css('z-index', '1');
sbf.hover(
function() { $(this).css('z-index', '100'); },
function() { $(this).css('z-index', '1'); }
);
}
}
if (FixZIndexBugs) {
$('.cause').each( function(index) {$(this).css('z-index', 20+index)});
}
// Hook up the Find a Cause Drop Down
var frmCause = $('.frm-slt-cause');
if (frmCause.length > 0) {
frmCause.find('input').hide();
frmCause.find('select').change( function() {
var url = $(this).find('option').filter('option:selected').val();
if (url.length > 0) {
frmCause.attr('action', url);
frmCause.submit();
}
});
}
// Small Carousel on Causes Page
if ($('.smallCarousel').length > 0) {
$('.next-a, .prev-a').click( function(event) {event.preventDefault();});
$('.smallCarousel').scrollable({
circular: false,
keyboard: false,
speed: this.transSpeed,
next: ".next-a",
prev: ".prev-a",
onSeek: function(event, tabIndex) {
$('.smallCarousel .count i').html(tabIndex + 1);
}
});
}
// disable click for disabled buttons
$('.disabled a').click( function(e) {e.preventDefault();});
}
},
/* ------------------------------------------------------------------------------------------
HAPPENING NOW
Happening now with just viewed tab visible. Other tabs will be loaded on click with AJAX
calls.
------------------------------------------------------------------------------------------ */
now: {
init: function() {
$('.happening-now .tabs').tabs("div.panes > div", {
tabs: 'li',
current: 'selected',
onClick: function(event, tabIndex) {
var paneData = jQuery.parseJSON($(event.currentTarget.getTabs()[tabIndex]).find("a").attr("data-pane"));
if (paneData != null) {
$('.happening-now .panes').append('');
$('.happening-now .loading').show();
$('.happening-now .' + paneData.paneName).load(paneData.paneUrl, function() {$('.happening-now .loading').remove();});
}
}
});
}
},
/* ------------------------------------------------------------------------------------------
IndieWIRE NEWS MODULE
The news is pulled in when user scrolls down 200px.
------------------------------------------------------------------------------------------ */
indieNews: {
ajaxURL: '/ajax/indiewire-news',
loaded: false,
init: function() {
$('#indie-news .xhr-cont').append('');
$(window).scroll( function(e) {
if ($(window).scrollTop() > 200) {
if (!Snag.indieNews.loaded) {
$('#indie-news .xhr-cont').load(Snag.indieNews.ajaxURL);
Snag.indieNews.loaded = true;
$(this).unbind(e);
}
}
});
}
},
/* ------------------------------------------------------------------------------------------
Facebook Activity Feed (Friends on Snagfilms)
Facebook activity loads when user scrolls down the page
------------------------------------------------------------------------------------------ */
fbActivity: {
ajaxURL: '/ajax/facebookActivity.jsp',
loaded: false,
init: function() {
$('.friends .xhr-cont').append('');
$(window).scroll( function(e) {
if ($(window).scrollTop() > 100) {
if (!Snag.fbActivity.loaded) {
$('.friends .xhr-cont').load(Snag.fbActivity.ajaxURL);
Snag.fbActivity.loaded = true;
$(this).unbind(e);
}
}
});
}
},
/* ------------------------------------------------------------------------------------------
NAVIGATION
This controls the drop down menus of the navigation
------------------------------------------------------------------------------------------ */
nav: {
init: function() {
$('.navBar .nav > li, .profile-dropdown').hover(
function() {
var dd = $(this).find('div.dropdown');
// checking dim the lights is necessary for IE
if (dd.length > 0 && ($('#snag-dimmerBG').filter(":visible").length < 1) ) {
$(this).addClass('open');
dd.show();
}
},
function() {
$(this).removeClass('open');
$(this).find('div.dropdown').hide();
}
);
$('.dropdown .queue-populated li a').click(function(event){
Snag.Tracking.GA.trackClick(event, "registration and profiles", "watch-q");
});
}
},
/* ------------------------------------------------------------------------------------------
MOVIE MATCHER
------------------------------------------------------------------------------------------ */
movieMatcher: {
AJAX_URL: "/ajax/movie-matcher",
FHB: {},
init: function() {
if ($('#movie-matcher').length > 0){
this.FHB = new Snag.Utils.FilmHoverBox.Box(3);
$('#movie-matcher').append('');
Snag.movieMatcher.matcherInit();
}
},
doCategoryRefresh: function(anchorObj) {
Snag.movieMatcher.loading.show();
$('#xhr-result').load(Snag.movieMatcher.AJAX_URL + "?" + anchorObj.attr('data-filter') + " #xhr-wrap", function(){
Snag.movieMatcher.matcherInit();
Snag.movieMatcher.loading.hide();
});
},
loading: {
show: function() {$('#movie-matcher .loading').show();},
hide: function() {$('#movie-matcher .loading').hide();}
},
matcherInit: function() {
// these need to be reset each time the ajax call is made
$('#movie-matcher .nav .categories .selected').append('');
$('#movie-matcher .nav .categories a').click(function(event) {
if (this.id != "mm-all-cats") {
event.preventDefault();
Snag.Tracking.GA.trackEvent('movie matcher', event.currentTarget.className == 'mm-tag' ? 'mm-sub-word' : 'mm-word');
Snag.Tracking.GA.trackEvent("movie matcher", "mm-click");
Snag.movieMatcher.doCategoryRefresh($(this));
}
});
$('#movie-matcher .category-results ul.tabs').tabs('#movie-matcher .category-results div.panes > div', {
tabs: 'li',
current: 'selected'
});
$('#movie-matcher .category-results ul.tabs li a').click(function(event) {
Snag.Tracking.GA.trackEvent('movie matcher', 'mm-nav');
Snag.movieMatcher.loading.show();
setTimeout( function() {Snag.movieMatcher.loading.hide();}, 300);
});
$('#movie-matcher .results li').hover(
function() {if (FixZIndexBugs) {$(this).css('z-index', '100');}Snag.movieMatcher.FHB.show(this);},
function() {Snag.movieMatcher.FHB.hide(this);if (FixZIndexBugs) {$(this).css('z-index', '40');}}
);
$('#movie-matcher .results li a')
.filter(function(){return $(this).parents(".queue").length == 0})
.click(function(event){
Snag.Tracking.GA.trackEvent(event, "movie matcher", "mm-click");
Snag.Tracking.GA.trackClick(event, "movie matcher", "mm-watch");
});
$('#movie-matcher .results .more-btn').click(function(event){
Snag.Tracking.GA.trackEvent(event, "movie matcher", "mm-click");
Snag.Tracking.GA.trackClick(event, "movie matcher", "mm-more");
});
if (FixZIndexBugs) {
$('#movie-matcher .results li').css('z-index', '40');
}
}
},
/* ------------------------------------------------------------------------------------------
NEWSLETTER SIGNUP
Used for the newsletter popup
------------------------------------------------------------------------------------------ */
newsletter: {
init: function() {
if ($('.newsletter').length) {
$('.newsletter').click(function(event){
event.preventDefault();
/*
* id attribute of clicked anchor maps to dynamic dom element names
* see newsletterPopup.jsp
*/
frameWrapId = $(this).attr("id") + '-frame-wrap';
$('#' + $(this).attr("id") + '-frame').attr("src", "/newsletter.jsp");
$('#' + frameWrapId).fadeIn(500);
});
}
}
},
/* ------------------------------------------------------------------------------------------
PROFILE
Used for the profile options when the user is logged in.
------------------------------------------------------------------------------------------ */
profile: {
init: function() {
if ($('.queueMod').length > 0 ) {
Snag.ajaxLoad.setContainer(".queueMod");
// Enable Profile Tabs
$('.queueNav li').click( function(event) {event.preventDefault();Snag.profile.switchTab(this);} );
this.reInit();
}
},
reInit: function() {
// These are items that need init each time an ajax load is done.
$('.queueMod').append('');
// Enable the hover Remove from your queue links (both the queue and activity feed links)
var oLi = $('.queueMod .queue-list li, .queueMod .activity li');
oLi.hover( function() {$(this).find('.close').show();},
function() {$(this).find('.close').hide();});
oLi.find('.close').click( function(event) {event.preventDefault();Snag.profile.remove(this);});
// Enabale Pagination Tabs
Snag.Utils.Pagi('.queueMod', function() {Snag.profile.reInit();});
this.initTab();
},
initTab: function() {
switch($('.queueNav li.selected')[0].className.replace(/[\s](selected)/gi, "")) {
case 'tb-profile':
// do something related to the profile
break;
case 'tb-queue':
this.queue.init();
break;
case 'tb-activity':
// do something related to the activity
this.activity.init();
break;
case 'tb-manage':
this.manage.init();
break;
case 'tb-settings':
this.settings.init();
break;
}
},
switchTab: function(o) {
var oLi = $(o);
var oLoad = $('.queueMod .loading');
$('.queueNav li').removeClass('selected'); // remove select class from tabs
oLoad.show(); // Start Loading Spinner
Snag.ajaxLoad.load(oLi.find('a')[0].href, function() {oLoad.hide();oLi.addClass('selected');Snag.profile.reInit();} );
},
togglePrivacy: function(o) {
var ajaxUrl = $(o).attr("data-url");
if (ajaxUrl.length > 0) {
ajaxUrl += $(o).is(':checked') ? 'off' : 'on';
$.post(ajaxUrl);
}
},
remove: function(o) {
$.ajax({
url: o.href,
success: function() {
var p = $(o).parents('li');
p.append('');
p.find('.loading').show();
p.slideUp("slow", function() {p.remove();});
}
});
},
/* ------------------------------------------------------------------------------------------
RECENT ACTIVITY - This is for the users view of their queue
------------------------------------------------------------------------------------------ */
activity: {
init: function() {
$('.activityToggle .clearAll .close').click( function(event) {event.preventDefault();Snag.profile.activity.clear(this.href);})
},
clear: function(u) {
if (confirm("Are you sure you want to clear all of your activity?")) {
$.ajax({
url: u,
success: function() {
var q = $('.queueMod');
q.find('.pagi').remove();
q.find('.clearAll').remove();
q.find('.activity').slideUp('slow', function() {$(this).remove();});
}
});
} else {
return false;
}
}
},
/* ------------------------------------------------------------------------------------------
YOUR QUEUE - This is for the users view of their queue
------------------------------------------------------------------------------------------ */
// NOTE: This is for the profile queue PAGE, which is different than the
// other functions named queue.
queue: {
init: function() {
Snag.Utils.UI.init();
// This removes an item from your queue
$('.queueMod .queue-list .close').click( function(event) {
event.preventDefault();
$(this).hide();
Snag.queue.updateCounts(-1, true);
});
if (SNAG.loggedIn) {
$('.queueMod .queue-list a')
.filter(function(){return $(this).attr('class') != 'close'})
.click( function(event) {
Snag.Tracking.GA.trackClick(event, "registration and profiles", "watch-q");
});
}
}
},
/* ------------------------------------------------------------------------------------------
MANAGE PROFILE
------------------------------------------------------------------------------------------ */
manage: {
init: function() {
$('.edit-profile .cancel').click( function(e) {
e.preventDefault();
if (confirm("Cancel these changes \n\n Are you sure you want to cancel these changes?")) {
$('.frm-manage-profile')[0].reset();
}
});
}
},
/* ------------------------------------------------------------------------------------------
MANAGE PROFILE
------------------------------------------------------------------------------------------ */
settings: {
init: function() {
$('.edit-profile .cancel').click( function(e) {
e.preventDefault();
if (confirm("Cancel these changes \n\n Are you sure you want to cancel these changes?")) {
$('.frm-settings')[0].reset();
}
});
$('.accounts .delete-account').click( function(e) {
e.preventDefault();
if (confirm("Are you sure you want to delete?\n\nYour profile, movie queue, and all activity associated with your account will be deleted. It's permanent -- there is no undo!\n(Note that any comments you've made with your Facebook account will remain on the site.)\n\nDon't worry though, you'll still be able to watch all the movies you want.")) {
Snag.Tracking.GA.trackEvent('registration and profiles', 'delete-profile');
$.post(e.currentTarget.href, function(data) {
FB.logout();
location.href = '/';
});
}
});
}
}
},
/* ------------------------------------------------------------------------------------------
QUEUE - Generic handling for "Add to Queue" links throughout the site
------------------------------------------------------------------------------------------ */
queue: {
init: function() {
$('.queue a, a.queue').live('click', function(e) {
if (!$(this).hasClass('disabled')) {
e.preventDefault();Snag.queue.add(this);
}
});
},
add: function(o) {
var obj = $(o);
if (SNAG.loggedIn) {
var action = obj.attr("data-action");
var filmId = obj.attr("data-id");
obj.addClass('disabled');
if (filmId.length > 0) {
$.get('/ajax/queue.jsp?a=' + action + '&id=' + filmId, function(){
if (action == "add") {
obj.attr('data-action', 'rem').html('Remove from Queue').addClass('remove');
Snag.queue.updateCounts( 1 );
Snag.Tracking.GA.trackEvent('registration and profiles', 'add-q');
} else {
obj.attr('data-action', 'add').html('Add to Queue').removeClass('remove');
Snag.queue.updateCounts( -1 );
Snag.Tracking.GA.trackEvent('registration and profiles', 'remove-q');
}
// check to see if on film page and if feature film was added or removed.
if ($('.video-lead-wrapper') && (obj.parents('.video-stats').length==1 || obj.parents('#panel-add').length==1)) {
// make sure the message changes to added on both places on the page
if (action == "add") {
$('.panel-add a.queue, .video-lead a.queue').attr('data-action', 'rem').html('Remove from Queue').addClass('remove');
} else {
$('.panel-add a.queue, .video-lead a.queue').attr('data-action', 'add').html('Add to Queue').removeClass('remove');
}
}
obj.removeClass('disabled');
});
}
} else {
var q = obj.parent('.queue');
if (q.length > 0 ) {
obj.hide();
q.append('' + $('#queue-login').html() + '');
q.find('.queue-login .btn-fb').click( function(event) {
Snag.fb.login(event);
if (isFilmPage) {
vid.player.pause();//pauses video
}
});
}
}
},
updateCounts: function(num, usersProfilePage) {
var oTb = $('.nav-queue .tab b');
var currCount = parseInt(oTb.html());
num = num + currCount;
num = (num >= 0) ? num : 0;
$('.nav-queue .tab b').html(num);
if (usersProfilePage) {
$('.tb-queue b').html(num);
}
}
},
/* ------------------------------------------------------------------------------------------
RECIRCULATION MODULE
The Carousel in the footer on most pages -- First load occurs via AJAX on scroll down
------------------------------------------------------------------------------------------ */
recirculation: {
FHB: {},
ajaxURL: "/ajax/footer-carousel",
loaded: false,
init: function() {
if ($('.recirculation-module').length > 0) {
$(window).scroll( function(e) {
if ($(window).scrollTop() > 300) {
if (!Snag.recirculation.loaded) {
$('.recirculation-module .carousel').css('height', '153px');
Snag.recirculation.loadCarousel(Snag.recirculation.ajaxURL);
Snag.recirculation.loaded = true;
$(this).unbind(e);
Snag.recirculation.initTracking();
}
}
});
}
},
// This re-init will happen every time the carousel is re-loaded
reInit: function() {
this.FHB = new Snag.Utils.FilmHoverBox.Box(7);
this.hoverBubbleInit();
Snag.recirculation.initTracking();
},
// This re-init happens only when the tabs change
tabReInit: function() {
$('.recirculation-module .tabs a').click( function(e) {
e.preventDefault();
if (!$(this).parent('li').hasClass('selected')) {
Snag.recirculation.loadCarousel(Snag.recirculation.getQueryString(this.href));
}
});
$('.recirculation-module .pagination a').click( function(e) {
e.preventDefault();
var oDiv = $(this).find('div');
if (!oDiv.hasClass('disabled')) {
Snag.recirculation.loadCarousel(Snag.recirculation.getQueryString(this.href));
}
});
Snag.recirculation.reInit();
},
loadCarousel: function(url) {
$('.recirculation-module .carousel').append('');
$('.recirculation-module .carousel .loading').show();
Snag.ajaxLoad.load(url, function() {Snag.recirculation.tabReInit();}, ".recirculation-module .carousel");
},
getQueryString: function(url) {
return this.ajaxURL + "?" + url.split("?")[1];
},
// Called everytime an AJAX call is done to re-init the hoverbubbles
hoverBubbleInit: function() {
$('.recirculation-module .items li').hover(
function() {Snag.recirculation.FHB.show(this);},
function() {Snag.recirculation.FHB.hide(this);}
);
},
initTracking: function() {
$('.recirculation-module .fc-q a').click(function(event){
Snag.Tracking.GA.trackClick(event, "registration and profiles", "watch-q");
});
}
},
/* ------------------------------------------------------------------------------------------
SOCIAL BUZZ
This module will load it's content after page load via AJAX.
------------------------------------------------------------------------------------------ */
buzz: {
ajaxURL: '/ajax/social-buzz',
transSpeed: 500, // Speed of transition between slides
autoSpeed: 10000, // delay between auto roatation
loaded: false,
init: function() {
if ($('.buzz').length > 0) {
// Add container element to hold the buzz
$('').insertBefore('.buzz .fb-twit').append('');
$('.buzz .loading').show();
// Wait for page scroll to load
$(window).scroll( function(e) {
if ($(window).scrollTop() > 200) {
if (!Snag.buzz.loaded) {
Snag.ajaxLoad.load(Snag.buzz.ajaxURL, function() {
Snag.buzz.initScrollable();
$('.buzz a').click(function(event) {
event.currentTarget.target = '_blank';
Snag.Tracking.GA.trackEvent("modules", "buzz");
});
}, ".scrollable-buzz");
Snag.buzz.loaded = true;
$(this).unbind(e);
}
}
});
}
},
initScrollable: function() {
// upon return of the buzz, make it autoscroll
$('.scrollable-buzz').scrollable({circular: true, vertical: true, speed: this.transSpeed}).autoscroll({interval: this.autoSpeed});
},
populateBuzz: function(sHTML) {
$('.scrollable-buzz').html(sHTML);
this.initScrollable();
}
},
/* ------------------------------------------------------------------------------------------
SUBMIT A FILM
"Submit a Film" editorial module; needs click tracking
------------------------------------------------------------------------------------------ */
submitFilm: {
init: function() {
$('.subFilm a').click(function(event){
Snag.Tracking.GA.trackClick(event, "modules", "submit-film");
});
}
},
/* ------------------------------------------------------------------------------------------
TEAM
Team related JS
------------------------------------------------------------------------------------------ */
team: {
TextShow: "More About",
TextHide: "Less About",
init: function() {
$('.team .more').toggle(
function() {
var o = $(this);
o.siblings('.more-info').slideToggle('slow');
o.find('span').html(Snag.team.TextHide);
o.addClass('open-arrow');
},
function() {
var o = $(this);
o.siblings('.more-info').slideToggle('slow');
o.find('span').html(Snag.team.TextShow);
o.removeClass('open-arrow');
}
);
}
},
/* ------------------------------------------------------------------------------------------
YOU'VE BEEN WATCHING
You've been watching module on main page needs to be hiden and a cookie set when the user
closes it. The cookie is checked server side.
------------------------------------------------------------------------------------------ */
ybw: {
cookieName: "snag-ybw-hide",
init: function() {
if ($('.ybw').length > 0) {
$('.ybw .hide').click(function(event) {
event.preventDefault();
Snag.Utils.cookie.set(Snag.ybw.cookieName, "true");
$('.ybw').remove();
});
$('.ybw li a').click(function(event) {
Snag.Tracking.GA.trackClick(event, "registration and profiles", "been-watching");
});
}
}
},
/* ------------------------------------------------------------------------------------------
UTILITIES
Utility Functions Used thought out
------------------------------------------------------------------------------------------ */
Utils: {
// Currently the types of FHB are designated by numbers.
// 3: Designates the 3 column by two row configuration used in the movie matcher and some filmanthropy pages
// 5: Designates the block view of search and browse pages - with ad
// Everthing else is generic
// This may need to change in the future.
FilmHoverBox: {
Box: function(type) {
// Check for global container to hold hover box and create if it doesn't exist.
/* if (!Snag.Utils.FilmHoverBox.FHB) {
if (!($('#film-hvr-bx'))) {
console.long('need to create film hvr box');
$('body').append('');
}
Snag.Utils.FilmHoverBox.FHB = $('#film-hvr-bx');
} */
// Asign Types of layout the hover box is going to be associated with.
this.type = type;
},
FHB: null,
offsets: {
topArrow: 30,
bottomArrow: 30,
right: 35,
left: 35,
top: 20,
side: 20
},
setPosition: function(arrow, o, fhb) {
var cssObj = {
'left': Snag.Utils.FilmHoverBox.findLeft(arrow, o),
'top': Snag.Utils.FilmHoverBox.findTop(arrow, o)
}
fhb.css(cssObj);
},
findLeft: function(arrow, o) {
if (arrow.indexOf("upper") > -1 || arrow.indexOf("lower") > -1) {
if(arrow.indexOf("right") > -1) {
return -(o.find('.film-hvr-bx').width() - o.find("img").width() - Snag.Utils.FilmHoverBox.offsets.right);
} else if (arrow.indexOf("left") > -1 ) {
return -Snag.Utils.FilmHoverBox.offsets.left;
} else {
return -(o.find('.film-hvr-bx').width()/2 - o.find("img").width()/2);
}
} else {
if(arrow.indexOf("right") > -1) {
return -(o.find('.film-hvr-bx').width() - Snag.Utils.FilmHoverBox.offsets.side);
} else {
return o.find("img").width() - Snag.Utils.FilmHoverBox.offsets.side;
}
}
},
findTop: function(arrow, o, fhb) {
if (arrow.indexOf("upper") > -1) {
return o.find("img").height() + Snag.Utils.FilmHoverBox.offsets.topArrow;
} else if (arrow.indexOf("lower") > -1) {
return -(o.find('.film-hvr-bx').height() + Snag.Utils.FilmHoverBox.offsets.bottomArrow);
} else {
return Snag.Utils.FilmHoverBox.offsets.top;
}
}
}, // end FilmHoverBox
// Fixes places that break due to z-index oddities in IE7
FixZIndexBugs: function() {
},
cookie: {
set: function(name, value, days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires ="; expired="+date.toGMTString();
}
else var expires = "";
document.cookie = name + "=" + value + expires + "; path=/";
},
get: function(name) {
var c = document.cookie.split(/[; ]+/);
for (var i=0; i < c.length; i++) {
var cName = c[i].split("=", 1);
if (cName == name) {
return c[i].slice(c[i].indexOf("=")+1);
}
}
return null;
}
}, // end cookie
/* Pagination */
Pagi: function(container, cb) {
cont = container;
callback = cb,
$(cont + ' .pagi a').click( function(event) {
event.preventDefault();
if (!$(this).parent('li').hasClass('disabled')) {
var oLoad = $(cont + ' .loading');
oLoad.show();
Snag.ajaxLoad.load($(this)[0].href, function() {
oLoad.hide();
return callback();
});
Snag.Utils.ScrollTop();
}
});
},
/* Scroll to where the anchor tag named top is or where the optional parameter is
(for now this only goes up, but could be made smarter to go up or down or not move at all) */
ScrollTop: function(attrName) {
var refreshTop = (attrName) ? $('a[name=' + attrName + ']').offset().top : $('a[name=top]').offset().top;
var pageY = window.pageYOffset ? window.pageYOffset : document.documentElement.scrollTop;
if (pageY > refreshTop) {
$('html, body').animate({scrollTop:refreshTop}, 'slow');
}
},
/* UI enhancements to the look and feel of the UI elements made with CSS and JavaScript */
UI: {
init: function() {
if ($('.ui-select').length > 0) {
Snag.Utils.UI.select.init();
}
// This is for the messaging dialogs
$('.message').delay(5000).hide('slow', function() {$(this).remove();})
},
select: {
init: function(parent) {
var uiSelect = (parent) ? $(parent + ' .ui-select') : $('.ui-select');
var blnContinue = true;
// Set the widths
uiSelect.each ( function(index) {
if ($(this).siblings('.frm-select').length < 1) {
$(this).after('
');
var frmSelect = $(this).siblings('.frm-select');
var w = uiSelect.eq(index).outerWidth();
if (w == 0) {
w = parseInt(uiSelect.eq(index).css('width'))
}
var f = frmSelect;
var h4 = f.find('h4');
Snag.Utils.UI.select.populateDD(frmSelect, this);
h4.width(parseInt(w) - 35 - 31); // minus the padding, minus the dd button
f.find('.dropdown').css({/*'width': w - 10,*/'min-width': w,
'left': h4.offset().left - h4.offsetParent().offset().left});
} else {
blnContinue = false;
}
});
if (blnContinue) {
var frmSelects = (parent) ? $(parent + ' .frm-select') : $('.frm-select');
// Make clicks on the faux drop down change the data in the actual drop down
frmSelects.find('.dropdown li').click( function() {Snag.Utils.UI.select.doDDIClick(this);});
frmSelects.click( function() {$(this).find('.dropdown').toggle();});
frmSelects.mouseleave( function() {Snag.Utils.UI.select.hideMenu(this);});
// For "jump to" dropdowns, bind onchange to URL redirects
if (uiSelect.hasClass('jump')) {
uiSelect.change( function() {
var url = $(this).find('option').filter('option:selected').val();
if (url.length > 0) {
location.href = url;
}
});
}
}
uiSelect.hide();
},
showMenu: function(o) {
$(o).find('.dropdown').show();
},
hideMenu: function(o) {
$(o).find('.dropdown').hide();
},
populateDD: function(oForm, oDD) {
var tSelected = "";
var sHTML = "";
var blnStars = (oDD.id == "filter-rating") ? true : false;
$(oDD).children('option').each( function(index) {
sHTML += "
" + this.text + "
";
if (this.selected || index == 0) {tSelected = this.text;}
});
oForm.find('h4').html((blnStars) ? Snag.Utils.UI.makeStars(tSelected) : tSelected);
oForm.append('