// CAROUSELS
var carousels=[];
j(window).load(function() {
/* FIX NEWS/EVENTS DISPLAY ON FRONTEND */
var hasMonthTable=false;
try {
monthTable=monthTable;
hasMonthTable=true;
} catch(err) {
monthTable=false;
}
// news
j('.news h3.head').each(function(ix,el) {
var temp=j(el).html();
if (temp.indexOf(' ')>=0) { // only do if spaces are present, otherwise date is a number-only format and doesn't need this
temp=temp.split(' ');
// translate month name
if (hasMonthTable) {
temp[0]=monthTable[temp[0]];
}
// add "20" to year if it's a 2-digit year and only if month table is missing (only on US site)
if (temp[2].length==2) {
temp[2]='20'+temp[2];
}
j(el).html(temp.join(' '));
}
});
// events
j('.event .month').each(function(ix,el) {
// translate month name
if (hasMonthTable) {
var temp=j(el).html();
temp=temp.split(' ');
temp[0]=monthTable[temp[0]];
j(el).html(temp.join(' '));
}
});
// replace characters with HTML entities
j('#smallFeature.carousel .panel p').each(function(ix,el) {
j(el).html(j(el).html().replace('�','‘').replace('�','’').replace('�','“').replace('�','”').replace('�','™').replace('�','®'));
});
try {
Cufon.replace('.cufon',{ fontFamily: 'Meta' });
} catch(err) {}
j('.carousel').each(function(ix0,el0) {
if (j(el0).children('.panel').length>1) {
carousels[ix0]={
element: el0,
isAnimating: false,
numPanels: 0,
panels: j(el0).find('.panel'),
width: 0,
oldPanel: 0,
cPanel: 0,
rotateTimer: 0,
rotateDelay: Number(j(el0).attr('delay'))*1000,
animType: (j(el0).attr('anim')==undefined)?'fade':j(el0).attr('anim'),
animTime: Number(j(el0).attr('animtime'))*1000,
navType: j(el0).attr('nav')
}
j(el0).addClass('jsEnabled'); /* undoes hiding of all but first feature */
carousels[ix0].numPanels=carousels[ix0].panels.length;
// set curr feature to last prior to start
carousels[ix0].cPanel=0;//carousels[ix0].numPanels-1;
carousels[ix0].width=j(el0).width();
if (carousels[ix0].navType=='swipe' || (j(el0).hasClass('mainFeature') && isIOS)) { //iOS uses swipe on main carousel
carousels[ix0].animType='swipe';
j(el0).addClass('iOS');
iOSareaMask=j(el0)[0];
if (navigator.userAgent.match(/like Mac OS X/i)) { //iOS use different events
j(el0).bind('touchstart',beginDrag);
j(el0).bind('touchmove',updatePos);
j(document).bind('touchend',endDrag);
} else {
j(iOSareaMask).bind('mousedown',beginDrag);
j(el0).bind('mousemove',updatePos);
j(document).bind('mouseup',endDrag);
}
}
// AUTOROTATE controls
if (carousels[ix0].animType!='swipe' && carousels[ix0].rotateDelay!=0) {
j(el0).mouseenter(function() {
clearTimeout(carousels[ix0].rotateTimer);
j(el0).children('.carouselNav').children('.bPlayPause').children('.bPlay').css({ display: 'block' });
j(el0).children('.carouselNav').children('.bPlayPause').children('.bPause').css({ display: 'none' });
});
j(el0).mouseleave(function() {
clearTimeout(carousels[ix0].rotateTimer);
if (overlayIsOpen!=true) {
carousels[ix0].rotateTimer=setTimeout(function() {
rotate(ix0);
}, carousels[ix0].rotateDelay);
}
j(el0).children('.carouselNav').children('.bPlayPause').children('.bPlay').css({ display: 'none' });
j(el0).children('.carouselNav').children('.bPlayPause').children('.bPause').css({ display: 'block' });
});
}
// initialize carousel
switch (carousels[ix0].animType) {
case 'swipe':
j(el0).find('.panel').wrapAll('');
iOSareaContent=j(el0).children('.swipeWrapper')[0];
dragTimer=setInterval(updateScrollArea,1000/frameRate);
//add shadows L and R
j(iOSareaContent).append('
')
break;
case 'slide':
case 'fullslide':
case 'crossfade':
// nothing needed
break;
case 'fade':
default:
j(el0).children('.carouselNav').before('');
j(el0).children('.fadeCover').css({
display: 'none',
opacity: 0,
width: j(carousels[ix0].panels[carousels[ix0].oldPanel]).width()+'px',
height: j(carousels[ix0].panels[carousels[ix0].oldPanel]).height()+'px'
});
}
// initialize feature panels
j(el0).find('.panel').each(function(ix,el) {
switch (carousels[ix0].animType) {
case 'swipe':
j(el).css({ left: (ix*j(el0).width())+'px' });
break;
case 'slide':
if (ix) {
j(el).css({ left: '1000px' });
}
break;
case 'fullslide':
j(el).css({ left: (ix*j(el0).width())+'px' });
break;
case 'crossfade':
j(el).css({ opacity: 0 });
break;
case 'fade':
default:
if (ix) {
j(el).css({ display: 'none' });
}
}
switch (carousels[ix0].navType) {
case 'count':
// do nothing, this is done below in feature nav setup since it's only done once, not per panel
break;
case 'boxes':
default:
j(el0).find('.carouselNav').append('
