![](../../PublicResources/VideoAssets/PreRoll/" + opts["id"] + ".jpg)
"
+ "![](../../PublicResources/VideoAssets/PostRoll/" + opts["id"] + "_end.jpg)
"
+ ""
+ ""
+ "![](common/images/";
if (id == )
");
}
};
Viagra.Carousel = {
// members ...
item_width : 310,
num_visible : 3,
num_items : 7,
max_scroll : 4,
nav : null,
carousel : null,
anchor : null,
// state info ...
current_lightbox_index : null,
current_scroll_index : null,
is_carousel_active : true,
auto_scroll_interval : null,
// methods ....
init : function () {
if ($('.main_carousel').length == 0) return;
var self = this;
self.carousel = $('.main_carousel_inner');
self.nav = $('.main_carousel_nav');
var url = document.location.toString();
if (url.match('#')) {
self.anchor = url.split('#')[1];
self.scrollTo( self.anchor );
}
else {
self.scrollTo( 0 );
}
self.nav.find('.forward').click(function () {
self.scrollBy( -self.item_width );
clearInterval( self.auto_scroll_interval );
self.startAutoScroll();
});
self.nav.find('.back').click(function () {
self.scrollBy( self.item_width );
clearInterval( self.auto_scroll_interval );
self.startAutoScroll();
});
/*
self.nav.find('.box').each(function (i) {
var pos = self.num_items - (i + 1);
$(this).click(function () {
self.scrollTo( pos );
clearInterval( self.auto_scroll_interval );
self.startAutoScroll();
})
});
*/
$('.main_lightbox_menu_item').each(function () {
$(this).css("cursor", "pointer");
$(this).click(function () {
$('.main_lightbox_menu_item').removeClass('li_on');
$('.main_lightbox_blurb_div').hide();
$(this).addClass('li_on');
$('#' + $(this).attr('id').replace('menu', 'content')).show();
});
});
self.startAutoScroll();
},
startAutoScroll : function () {
var self = this;
self.auto_scroll_interval = setInterval(function () {
if (self.current_scroll_index == self.max_scroll) {
self.scrollTo( 0, 200 );
}
else {
self.scrollTo( self.current_scroll_index + 1, 400 );
}
}, 5000);
},
scrollBy : function ( distance ) {
var self = this;
var current_left = parseInt( self.carousel.css('left') );
var state = Math.abs( current_left / self.item_width );
var going_back = distance > 0;
var going_forward = distance < 0;
if (state == 0 && going_back == true) return;
if (state + self.num_visible == self.num_items && going_forward == true) return;
if (self.is_carousel_active == false) return;
self.is_carousel_active = false;
self.carousel.animate(
{ left : current_left + distance },
200,
function () { self.is_carousel_active = true }
);
self.setNavState( going_back ? --state : ++state );
},
scrollTo : function ( index, speed ) {
var self = this;
if (self.is_carousel_active == false) return;
self.is_carousel_active = false;
var max_index = Math.min( index, self.max_scroll );
self.carousel.animate(
{ left : -( max_index * self.item_width) },
speed || 200,
function () { self.is_carousel_active = true }
);
self.setNavState( max_index );
},
setNavState : function ( start ) {
var self = this;
var $boxes = self.nav.find('.box');
$boxes.removeClass('box_on');
var real_start;
if (start == null) {
real_start = (self.num_items - 1);
}
else {
real_start = (self.num_items - start) - 1;
}
for ( var i = 0; i < self.num_visible ; i++ ) {
$boxes.eq( real_start-- ).addClass('box_on');
}
self.current_scroll_index = start;
},
showLightBoxBackUp: function ( index ) {
var self = this;
var $box = $('#main_carousel_lightbox_' + index);
Viagra.Flash.embedFCP({
"index" : index,
"container" : "#fcp" + index + "_flash_container"
});
$box.fadeIn( 200 , null );
$box.find('.main_lightbox_menu_item:first').click();
self.current_lightbox_index = index;
clearInterval( self.auto_scroll_interval );
},
showLightBox: function( index, pagename, evar29 ) {
var self = this;
var $box = $('#main_carousel_lightbox_' + index);
Viagra.Flash.embedFCP({
"index": index,
"container": "#fcp" + index + "_flash_container"
});
$box.fadeIn(200, null);
$box.find('.main_lightbox_menu_item:first').click();
self.current_lightbox_index = index;
clearInterval(self.auto_scroll_interval);
self.trackShowLightBox(pagename, evar29);
},
trackShowLightBox: function( pagename, evar29 ) {
s.pageName = s.prop3 = s.eVar3 = pagename;
s.prop12 = 'lightbox:buttons';
s.prop27 = s.eVar27 = 'routers';
s.prop29 = s.eVar29 = evar29;
s.prop1 = 'home';
s.t();
},
hideLightBox: function () {
var self = this;
$('#main_carousel_lightbox_' + self.current_lightbox_index).fadeOut( 200 , null );
$("#fcp" + self.current_lightbox_index + "_flash_container").html("");
self.startAutoScroll();
}
};