if(typeof(ecarlist) !== 'object') { ecarlist = {} };
ecarlist.media_center = {
size: 640,
aspect_ratio: 0.75,
photoIndexTracker: ecarlist.vehicle.initial_picture - 0,
previousIndex: new Number(),
load_track: false,
auto_play: true,
auto_duration: 4,
auto_timer: new Number(),
load_initial: true,
single_initial: false,
images_640: new Array(),
images_800: new Array(),
clickTimeout: new Number(),
display_image: function(img, arraySize){
ecarlist.media_center.load_track = true;
img -=0;
if (!(img > 0)){
img = 0;
}
ecarlist.media_center.photoIndexTracker = img;
var sizeLocal = ecarlist.media_center.size;
if(!arraySize || arraySize == ''){
var arraySize = sizeLocal == 480 ? 640 : sizeLocal;
}
var imgArray = 'images_' + arraySize;
var imgLocal = ecarlist.media_center[imgArray][img];
if(typeof(imgLocal) === 'object' && (imgLocal.complete || $.browser.msie)){
ecarlist.media_center.load_track = false;
$(imgLocal).hide();
$('#mc_main_picture_wrap').append(imgLocal);
$('#mc_photo_controls').removeClass('mc_loading');
//transition images & load next image
ecarlist.media_center.load_next_photos();
ecarlist.media_center.change_img_size(imgLocal);
ecarlist.media_center.resize_photo_elements(ecarlist.media_center.size);
$(imgLocal).fadeIn('2000', function () {
$('#mc_vehicle_thumbs > a').each( function(){
$(this).removeClass("mc_selected");
});
$('#' + img).addClass("mc_selected");
if(ecarlist.media_center.single_initial){
$('.mc_main_picture:first').css('display', 'block');
}
if ($('.mc_main_picture').length > 1) { $('.mc_main_picture:first').fadeOut('2000', function(){ $(this).remove(); }); }
if(ecarlist.media_center.auto_play){
ecarlist.media_center.auto_timer = setTimeout(ecarlist.media_center.display_next_photo, ecarlist.media_center.auto_duration * 1000);
}
});
}else{
$('#mc_photo_controls').addClass('mc_loading');
if(typeof(imgLocal) !== 'object'){
//loads requested photo if not preloaded
ecarlist.media_center.load_image(img, 'requested');
}else{
ecarlist.media_center.display_image(img);
}
}
},
load_image: function(img, loadType){
//create img
var imgObj = new Image();
var init = ecarlist.vehicle.initial_picture -= 0;
var sec = ecarlist.vehicle.sec_picture -= 0;
var size = ecarlist.media_center.size;
var arraySize = size == 480 ? 640 : size;
var imgArray = 'images_' + arraySize;
//create onload function. set attributes: height, width, visibility
$(imgObj).load( function(){
img -= 0;
var x = this.width;
var y = this.height;
var aspect_ratio = y / x
if( aspect_ratio < 1 ){
$(this).attr('width', size);
$(this).attr('height', (size * aspect_ratio));
} else {
$(this).attr('width', size / aspect_ratio / aspect_ratio);
$(this).attr('height', (size / aspect_ratio));
$(this).css('left', (size - (size / aspect_ratio / aspect_ratio)) / 2);
}
ecarlist.media_center.aspect_ratio = aspect_ratio;
// set the image hidden by default
$(this).hide();
if(loadType == 'init' && ecarlist.media_center[imgArray][init].complete && ecarlist.media_center.load_initial == true){
ecarlist.media_center.load_initial = false;
ecarlist.media_center.display_image(init);
}else if(loadType == 'single'){ //checks to see if img was requested but not loaded
ecarlist.media_center.single_initial = true;
ecarlist.media_center.auto_play = false;
ecarlist.media_center.display_image(img);
}else if(loadType == 'requested'){ //checks to see if img was requested but not loaded
//remove or hide loading icon
ecarlist.media_center.display_image(img)
}
})
// if there was an error loading the image, react accordingly
.error(function () {
if( arraySize == 800 ){
if( img == ecarlist.media_center.photoIndexTracker ){
ecarlist.media_center.display_image(img, 640);
}else{
ecarlist.media_center[imgArray][img] = undefined;
}
} else {
// notify the user that the image could not be loaded
alert('An error occurred loading the image');
}
})
.attr('class', 'mc_main_picture')
.attr('src', ecarlist.vehicle.pictures[img]['size_' + arraySize]);
ecarlist.media_center[imgArray][img] = imgObj;
},
load_next_photos: function() {
var photoIndex = (ecarlist.media_center.photoIndexTracker * 1) + 1;
photoIndex = photoIndex > ( ecarlist.vehicle.pictures.length - 1 ) ? 0 : photoIndex;
ecarlist.media_center.load_image(photoIndex);
photoIndex = ecarlist.media_center.photoIndexTracker - 1;
photoIndex = photoIndex < 0 ? ( ecarlist.vehicle.pictures.length - 1 ) : photoIndex;
ecarlist.media_center.load_image(photoIndex);
},
display_previous_photo: function() {
clearTimeout(ecarlist.media_center.auto_timer);
var photoIndex = ecarlist.media_center.photoIndexTracker - 1;
photoIndex = photoIndex < 0 ? ( ecarlist.vehicle.pictures.length - 1 ) : photoIndex;
ecarlist.media_center.display_image(photoIndex);
},
display_next_photo: function() {
clearTimeout(ecarlist.media_center.auto_timer);
var photoIndex = (ecarlist.media_center.photoIndexTracker * 1) + 1;
photoIndex = photoIndex > ( ecarlist.vehicle.pictures.length - 1 ) ? 0 : photoIndex;
ecarlist.media_center.display_image(photoIndex);
},
pause_play: function () {
if($('#mc_display_play').hasClass('mc_paused')){
ecarlist.media_center.auto_play = true;
ecarlist.media_center.display_next_photo();
} else {
ecarlist.media_center.auto_play = false;
clearTimeout(ecarlist.media_center.auto_timer);
}
$('#mc_display_play').toggleClass('mc_paused');
},
resize_photo_elements: function(){
var size = ecarlist.media_center.size - 0;
var aspect_ratio = ecarlist.media_center.aspect_ratio;
var height = aspect_ratio < 1 ? size * aspect_ratio : size / aspect_ratio;
$("#mc_main_picture_wrap").css({
width: size + 'px',
height: height + 'px' });
$("#mc_photos_all").css('height', height + 'px');
$("#mc_photo_controls").css('width', size + 'px');
$("#mc_content_photos").css('width', size + 150 + 'px');
$("#mc_vehicle_thumbs").css('height', height + 'px');
ecarlist.media_center.resize_frame(size);
},
change_size: function(size){
var old_size = ecarlist.media_center.size;
ecarlist.media_center.size = size;
var photoIndexTracker = ecarlist.media_center.photoIndexTracker;
//var imgArray = 'images_' + old_size;
//imgArray = imgArray == 'images_480' ? 'images_640' : imgArray;
var img = ecarlist.media_center.images_640[photoIndexTracker];
ecarlist.media_center.change_img_size(img, size);
var img = ecarlist.media_center.images_800[photoIndexTracker];
ecarlist.media_center.change_img_size(img, size);
ecarlist.media_center.resize_photo_elements();
},
change_img_size: function(img){
var size = ecarlist.media_center.size;
if( typeof(img) == 'object' ){
var aspect_ratio = img.height / img.width;
if(aspect_ratio < 1){
$(img).attr('width', size);
$(img).attr('height', size * aspect_ratio);
}else{
$(img).attr('width', size / aspect_ratio / aspect_ratio);
$(img).attr('height', size / aspect_ratio);
$(img).css('left', (size - (size / aspect_ratio / aspect_ratio)) / 2);
}
}
},
view_all_resize: function(size){
ecarlist.media_center.size = size;
var images = ecarlist.media_center.images_640;
for(var i = 0; i < images.length; i++){
ecarlist.media_center.change_img_size(images[i]);
}
ecarlist.media_center.load_content('mc_all_photos');
ecarlist.media_center.resize_frame(size);
},
resize_frame: function(size){
size -=0;
$('#mc_wrapper').attr('className', 'mc_size_' + size);
if( ecarlist.media_center.aspect_ratio < 1 ){
parent.tb_resize(size + 190, (size * ecarlist.media_center.aspect_ratio) + 145);
$("#mc_wrapper").css('width', size + 160);
} else {
parent.tb_resize(size + 190, (size / ecarlist.media_center.aspect_ratio) + 145);
$("#mc_wrapper").css('width', size + 160);
}
},
pause: function(){
if( ecarlist.media_center.auto_play ){
clearTimeout(ecarlist.media_center.auto_timer);
ecarlist.media_center.auto_play = false;
$('#mc_display_play').toggleClass('mc_paused');
}
},
checkLoad: function(){
var size = ecarlist.media_center.size;
var arraySize = size == 480 ? 640 : size;
var imgArray = 'images_' + arraySize;
if(ecarlist.media_center.load_track){
$(ecarlist.media_center[imgArray][ecarlist.media_center.photoIndexTracker]).unbind('load');
}
},
clickEvents: {
thumb: function(){
var that = this;
if( $(this).hasClass('mc_selected') ){
return false;
}
ecarlist.media_center.checkLoad();
//ecarlist.media_center.removePhotoChangeControls();
ecarlist.media_center.pause();
clearTimeout(ecarlist.media_center.clickTimeout);
ecarlist.media_center.clickTimeout = setTimeout(function(){
ecarlist.media_center.display_image( that.id * 1 );
}, 150);
return false;
},
next: function(){
//ecarlist.media_center.removePhotoChangeControls();
ecarlist.media_center.checkLoad();
ecarlist.media_center.pause();
ecarlist.media_center.display_next_photo();
return false;
},
prev: function(){
//ecarlist.media_center.removePhotoChangeControls();
ecarlist.media_center.checkLoad();
ecarlist.media_center.pause();
ecarlist.media_center.display_previous_photo();
return false;
},
play: function(){
ecarlist.media_center.pause_play();
return false;
},
photoSize: function(){
var w = $(this).attr('id').substring($(this).attr('id').indexOf('_') + 1);
$('#mc_photo_size > li > a').each(
function() {
$(this).removeAttr('className')
}
);
$(this).addClass('mc_active');
ecarlist.media_center.change_size(w);
return false;
},
viewAll: function(){
ecarlist.media_center.pause();
ecarlist.media_center.load_content('mc_all_photos');
return false;
}
},
removePhotoChangeControls: function(){
$('#mc_vehicle_thumbs > a').unbind('click')
.click(function(){ return false; });
$('#mc_display_next').unbind('click')
.click(function(){ return false; });
$('#mc_display_previous').unbind('click')
.click(function(){ return false; });
},
applyPhotoChangeControls: function(){
$('#mc_vehicle_thumbs > a').click(ecarlist.media_center.clickEvents.thumb);
$('#mc_display_next').click(ecarlist.media_center.clickEvents.next);
$('#mc_display_previous').click(ecarlist.media_center.clickEvents.prev);
},
prepare_photo_links: function() {
//media_center.tmpl: apply onclick function for photo controls
ecarlist.media_center.applyPhotoChangeControls();
$('#mc_photo_size > li > a').click(ecarlist.media_center.clickEvents.photoSize);
$('#mc_photo_size > li > a#mc_view_all_photos').unbind('click')
.bind('click', ecarlist.media_center.clickEvents.viewAll);
$('#mc_display_play').click(ecarlist.media_center.clickEvents.play);
},
build_vehicle_thumbnails: function() {
var vehicle_thumbs = document.createElement('div');
$(vehicle_thumbs).attr('id', 'mc_vehicle_thumbs');
var vehicle_thumbs_list = "";
for( var i = 0; i < ecarlist.vehicle.pictures.length; i++ ){
vehicle_thumbs_list += '
';
}
$(vehicle_thumbs).append(vehicle_thumbs_list);
$(vehicle_thumbs).find('#' + ecarlist.media_center.photoIndexTracker).addClass('mc_selected');
return vehicle_thumbs;
},
change_image: function(id){
//vehicle.tmpl: image swap function - main photo source to id passed from thumbnail on mouseover
if(typeof(img_width) !== 'number') { img_width = $("#carimg").width(); }
id = id * 1;
var img = new Image();
$(img)
// once the image has loaded, execute this code
.load(function () {
var x = img.width;
var y = img.height;
aspect_ratio = y / x;
if( aspect_ratio >= 1 ){
$("#carimg").width(img_width / aspect_ratio / aspect_ratio);
} else {
$("#carimg").width(img_width);
}
$('#carimg').attr('src', ecarlist.vehicle.pictures[id].size_200);
})
.attr('src', ecarlist.vehicle.pictures[id].size_200);
$('#vehicle_mainPhoto > #picShadow > a:first').attr('href', '/web/' + ecarlist.dealer.id + '/media_center/' + ecarlist.vehicle.id + '/photos/' + id + '/?KeepThis=true&TB_iframe=true&height=625&width=800&style=noframe&version=2&modal=true');
$('#media_center_photo').attr('href', '/web/' + ecarlist.dealer.id + '/media_center/' + ecarlist.vehicle.id + '/photos/' + id + '/?KeepThis=true&TB_iframe=true&height=625&width=800&style=noframe&version=2&modal=true');
$('#media_center_mc').attr('href', '/web/' + ecarlist.dealer.id + '/media_center/' + ecarlist.vehicle.id + '/photos/' + id + '/?KeepThis=true&TB_iframe=true&height=625&width=800&style=noframe&version=2&modal=true');
},
load_content: function(block, img1, img2) {
if(block == $('#mc_content').attr('className') && block != 'mc_all_photos'){
return;
}
if ($('#mc_photo_size')) { $('#mc_photo_size').remove(); } // removes photo size controls if in DOM
if ($('#mc_photo_controls')) { $('#mc_photo_controls').remove(); } // removes photo controls if in DOM
$('#mc_content').attr('className', block); // applies class to content div (used to check current block at beginning of function)
if ( block == 'mc_photos' ) {
//create photo_size list
ecarlist.media_center.photoIndexTracker -= 0;
var photo_size = document.createElement('ul');
$(photo_size).attr('id', 'mc_photo_size');
var photo_li = document.createElement('li');
var photo_a = document.createElement('a');
var photo_span = document.createElement('span');
$(photo_a).attr('id', 'size_800')
.attr('href', '#');
var photo_text = document.createTextNode('Large');
$(photo_span).append(photo_text);
$(photo_a).append(photo_span);
$(photo_li).append(photo_a);
$(photo_size).append(photo_li);
var photo_li = document.createElement('li');
var photo_a = document.createElement('a');
var photo_span = document.createElement('span');
$(photo_a).attr('id', 'size_640')
.attr('href', '#');
var photo_text = document.createTextNode('Medium');
$(photo_span).append(photo_text);
$(photo_a).append(photo_span);
$(photo_li).append(photo_a);
$(photo_size).append(photo_li);
var photo_li = document.createElement('li');
var photo_a = document.createElement('a');
var photo_span = document.createElement('span');
$(photo_a).attr('id', 'size_480')
.attr('href', '#');
var photo_text = document.createTextNode('Small');
$(photo_span).append(photo_text);
$(photo_a).append(photo_span);
$(photo_li).append(photo_a);
$(photo_size).append(photo_li);
var photo_li = document.createElement('li');
var photo_a = document.createElement('a');
$(photo_a).attr('id', 'mc_view_all_photos')
.attr('href', '#');
var photo_text = document.createTextNode('view all');
$(photo_a).append(photo_text);
$(photo_li).append(photo_a);
$(photo_size).append(photo_li);
$(photo_size).find('#size_' + ecarlist.media_center.size).addClass('mc_active');
if($('#mc_vehicle_thumbs').length > 0){
var photos_div = $('#mc_vehicle_thumbs').parents('div:first');
$(photos_div).attr('id', 'mc_content_photos');
$(photos_div).children(':first').remove();
$('#mc_vehicle_thumbs > a').unbind('click');
} else {
//create photo div and thumbnail list
var photos_div = document.createElement('div');
$(photos_div).attr('id', 'mc_content_photos');
var vehicle_thumbs = ecarlist.media_center.build_vehicle_thumbnails();
$(photos_div).append(vehicle_thumbs);
$("#mc_content").empty()
.append(photos_div);
}
var main_picture_wrap = document.createElement('div');
$(main_picture_wrap).attr('id', 'mc_main_picture_wrap');
$(photos_div).prepend(main_picture_wrap);
//create and append photo controls
var photo_controls = document.createElement('ul');
$(photo_controls).attr('id', 'mc_photo_controls');
var control_li = document.createElement('li');
var control_a = document.createElement('a');
$(control_a).attr('id', 'mc_display_next')
.attr('href', '#');
var control_span = document.createElement('span');
var control_text = document.createTextNode('Next');
$(control_span).append(control_text);
$(control_a).append(control_span);
$(control_li).append(control_a);
$(photo_controls).append(control_li);
var control_li = document.createElement('li');
var control_a = document.createElement('a');
$(control_a).attr('id', 'mc_display_previous')
.attr('href', '#');
var control_span = document.createElement('span');
var control_text = document.createTextNode('Previous');
$(control_span).append(control_text);
$(control_a).append(control_span);
$(control_li).append(control_a);
$(photo_controls).append(control_li);
var control_li = document.createElement('li');
var control_a = document.createElement('a');
$(control_a).attr('id', 'mc_display_play')
.attr('href', '#');
if(!(ecarlist.media_center.auto_play)){
$(control_a).toggleClass('mc_paused');
}
var control_span = document.createElement('span');
var control_text = document.createTextNode('Play');
$(control_span).append(control_text);
$(control_a).append(control_span);
$(control_li).append(control_a);
$(photo_controls).append(control_li);
$('#mc_content_photos').append(photo_controls);
//load new content into page
$("#mc_close").after(photo_size);
//apply onclick and load initial photo
ecarlist.media_center.prepare_photo_links();
$('#' + ecarlist.media_center.photoIndexTracker).addClass('mc_selected');
if((img1 || img1 == 0) && (img2 || img2 == 0)){
ecarlist.media_center.load_image(img1, 'init');
ecarlist.media_center.load_image(img2, 'init');
}else if (img1 || img1 == 0){
ecarlist.media_center.load_image(img1, 'single');
}else{
//ecarlist.media_center.aspect_ratio = ecarlist.media_center.images[ecarlist.media_center.photoIndexTracker].height / ecarlist.media_center.images[ecarlist.media_center.photoIndexTracker].width;
ecarlist.media_center.display_image(ecarlist.media_center.photoIndexTracker);
}
} else if ( block == "mc_all_photos" ){
$('#mc_photo_controls').addClass('mc_loading');
//create photo_size list
var photo_size = document.createElement('ul');
$(photo_size).attr('id', 'mc_photo_size');
var photo_li = document.createElement('li');
var photo_a = document.createElement('a');
var photo_span = document.createElement('span');
$(photo_a).attr('id', 'size_800')
.attr('href', '#');
var photo_text = document.createTextNode('Large');
$(photo_span).append(photo_text);
$(photo_a).append(photo_span);
$(photo_li).append(photo_a);
$(photo_size).append(photo_li);
var photo_li = document.createElement('li');
var photo_a = document.createElement('a');
var photo_span = document.createElement('span');
$(photo_a).attr('id', 'size_640')
.attr('href', '#');
var photo_text = document.createTextNode('Medium');
$(photo_span).append(photo_text);
$(photo_a).append(photo_span);
$(photo_li).append(photo_a);
$(photo_size).append(photo_li);
var photo_li = document.createElement('li');
var photo_a = document.createElement('a');
var photo_span = document.createElement('span');
$(photo_a).attr('id', 'size_480')
.attr('href', '#');
var photo_text = document.createTextNode('Small');
$(photo_span).append(photo_text);
$(photo_a).append(photo_span);
$(photo_li).append(photo_a);
$(photo_size).append(photo_li);
var photo_li = document.createElement('li');
var photo_a = document.createElement('a');
$(photo_a).attr('id', 'mc_view_slide_show')
.attr('href', '#');
var photo_text = document.createTextNode('slideshow');
$(photo_a).append(photo_text);
$(photo_li).append(photo_a);
$(photo_size).append(photo_li);
$(photo_size).find('#size_' + ecarlist.media_center.size).addClass('mc_active');
$(photo_size).find('a').click( function () { var w = $(this).attr('id').substring($(this).attr('id').indexOf('_') + 1); $('#mc_photo_size > li > a').each( function() { $(this).removeAttr('className') }); $(this).addClass('mc_active'); ecarlist.media_center.view_all_resize(w); return false; });
$(photo_size).find('#mc_view_slide_show').unbind('click');
$(photo_size).find('#mc_view_slide_show').click( function () { ecarlist.media_center.load_content('mc_photos'); return false; } );
$("#mc_close").after(photo_size);
//build view all div
all_div = document.createElement('div');
$(all_div).attr('id', 'mc_photos_all');
$(all_div).css('overflow', 'auto');
if(ecarlist.media_center.aspect_ratio < 1){
$(all_div).css('height', ecarlist.media_center.size * ecarlist.media_center.aspect_ratio);
}else{
$(all_div).css('height', ecarlist.media_center.size / ecarlist.media_center.aspect_ratio);
}
$("#mc_content").empty()
.append(all_div);
var size = ecarlist.media_center.size;
var arraySize = size == 480 ? 640 : size;
var imgSize = 'size_' + arraySize;
var imgArray = 'images_' + arraySize;
var images = ecarlist.media_center[imgArray];
for(var i = 0; i < ecarlist.vehicle.pictures.length; i++){
if(typeof(images[i]) !== 'object'){
images[i] = new Image();
$(images[i]).load(function(){
$(this).attr('class', 'mc_main_picture')
ecarlist.media_center.change_img_size(i);
$("#mc_photos_all").append($(this));
});
$(images[i]).attr('src', ecarlist.vehicle.pictures[i][imgSize]);
}else{
$(images[i]).show();
$("#mc_photos_all").append(images[i]);
}
}
} else if ( block == "mc_video" ) {
if( ecarlist.vehicle.video && ecarlist.vehicle.video != "" ){
ecarlist.media_center.aspect_ratio = .75;
ecarlist.media_center.resize_frame(800);
video_div = document.createElement('a');
$(video_div).attr({
id: 'mc_video_player',
href: ecarlist.vehicle.video
});
$(video_div).css({
display: 'block',
width: '640px',
height: 640 * ecarlist.vehicle.aspect_ratio + 'px',
margin: '0 auto'
});
var test_div = document.createElement('div');
$(test_div).attr('id', 'mc_video_controls');
$("#mc_content").empty()
.append(video_div)
.append(test_div);
$f('mc_video_player', 'http://images1.ecarlist.com/sites/video/flowplayer.ecarlist-3.1.2.swf', {
key: ecarlist.vehicle.flowplayer_key,
plugins: {
controls: null
},
clip: {
autoPlay: true,
autoBuffering: true
}
}).controls("mc_video_controls");
// BUILD CONTACT FORM
if( ecarlist.dealer.tracking_url != 'false' && ecarlist.dealer.tracking_url != undefined ){
contact_form_arg = "\'" + ecarlist.dealer.tracking_url + "/vehicle/";
if(ecarlist.vehicle.condition_id == 10425){
contact_form_arg += 'new\'';
}else{
contact_form_arg += 'preowned\'';
}
}else{
contact_form_arg = "";
}
var contact = '';
$("#mc_content").empty()
.append(contact)
.append(video_div)
.append(test_div);
ecarlist.form_validator.init();
$(video_div).css({
float: 'left'
});
$(test_div).css({
float: 'left'
});
}else if( ecarlist.vehicle.sister_media_id != undefined && ecarlist.vehicle.sister_media_id != '' ){
ecarlist.media_center.aspect_ratio = .53;
ecarlist.media_center.resize_frame(750);
video_div = document.createElement('div');
sister_iframe = document.createElement('iframe');
var clear_div = $('');
$(clear_div).addClass('clear');
$(video_div).attr('id', 'SiSTeR');
$(sister_iframe).attr({
id: 'mc_sister_iframe',
height:395,
width: 644,
frameborder:0,
src: '/web/sister/?mediaid=' + ecarlist.vehicle.sister_media_id
});
$(video_div).append(sister_iframe);
// BUILD CONTACT FORM
if( ecarlist.dealer.tracking_url != 'false' && ecarlist.dealer.tracking_url != undefined ){
contact_form_arg = "\'" + ecarlist.dealer.tracking_url + "/vehicle/";
if(ecarlist.vehicle.condition_id == 10425){
contact_form_arg += 'new\'';
}else{
contact_form_arg += 'preowned\'';
}
}else{
contact_form_arg = "";
}
var contact = '';
$("#mc_content").empty()
.append(contact)
.append(video_div)
.append(clear_div);
ecarlist.form_validator.init();
} else if( ecarlist.vehicle.third_party_video_url != undefined && ecarlist.vehicle.third_party_video_url != '' ){
ecarlist.media_center.aspect_ratio = .75;
ecarlist.media_center.resize_frame(480);
video_div = document.createElement('iframe');
$(video_div).attr('id', 'third_party_video')
.attr('src', ecarlist.vehicle.third_party_video_url);
if( $.browser.msie ){
$(video_div).attr('height', '244')
.attr('width', '324');
} else {
$(video_div).attr('height', '240')
.attr('width', '320');
}
$("#mc_content").empty()
.append(video_div);
}
} else if ( block == "mc_view_360" ) {
ecarlist.media_center.aspect_ratio = .75;
ecarlist.media_center.resize_frame(640);
if($('#mc_vehicle_thumbs').length > 0){
$('#mc_vehicle_thumbs').find('.mc_selected').removeClass('mc_selected');
var wrapper_360 = $('#mc_vehicle_thumbs').parents('div:first');
$(wrapper_360).css('width', '');
$('#mc_vehicle_thumbs').css('height', '');
$(wrapper_360).attr('id', 'mc_content_360');
$(wrapper_360).children(':first').remove();
} else {
//create photo div and thumbnail list
var wrapper_360 = document.createElement('div');
$(wrapper_360).attr('id', 'mc_content_360');
var vehicle_thumbs = ecarlist.media_center.build_vehicle_thumbnails();
$(wrapper_360).append(vehicle_thumbs);
$("#mc_content").empty()
.append(wrapper_360);
}
$('#mc_vehicle_thumbs > a').unbind('click');
$('#mc_vehicle_thumbs > a').click( function() { ecarlist.media_center.photoIndexTracker = $(this).attr('id'); ecarlist.media_center.load_content('mc_photos'); return false; } );
div_360 = document.createElement('div');
$(div_360).attr('id', 'mc_player_360');
$(wrapper_360).prepend(div_360);
so360.write('mc_player_360');
} else if ( block == "mc_contact" ) {
ecarlist.media_center.aspect_ratio = .75;
ecarlist.media_center.resize_frame(640);
if( ecarlist.dealer.tracking_url != 'false' && ecarlist.dealer.tracking_url != undefined ){
contact_form_arg = "\'" + ecarlist.dealer.tracking_url + "/vehicle/";
if(ecarlist.vehicle.condition_id == 10425){
contact_form_arg += 'new\'';
}else{
contact_form_arg += 'preowned\'';
}
}else{
contact_form_arg = "";
}
var contact = '';
$("#mc_content").html(contact);
var img = new Image();
$(img)
.css('display', 'none')
.load(function () {
var x = img.width;
var y = img.height;
aspect_ratio = y / x;
$(this).attr('width', 480);
$(this).attr('height', (480 * ecarlist.media_center.aspect_ratio));
$(this).css('display', 'block');
})
.attr('src', ecarlist.vehicle.pictures[(ecarlist.vehicle.initial_picture * 1)].size_640);
$("#mc_content").append(img);
}
},
display_all: function(){
},
prepare_array: function(){
for(var i=0; i < ecarlist.media_center.images.length; i++){
ecarlist.media_center.images[i] = false;
}
}
};
function apply_photo_links(){
//vehicle.tmpl: applies onclick events to main photo & thumbnail images. Also creates media center links below main photo
if( $('#carimg').attr('className') != 'coming_soon' ){
//change href of main photo to media_center
var main_photo = $('#vehicle_mainPhoto > #picShadow > a:first');
var main_photo_link = "/web/" + ecarlist.dealer.id + "/media_center/" + ecarlist.vehicle.id + "/photos/" + $(main_photo).attr('id').substr($(main_photo).attr('id').indexOf('_') + 1, 2) + "/?KeepThis=true&TB_iframe=true&height=625&width=800&style=noframe&version=2&modal=true";
main_photo.attr('href', main_photo_link);
tb_init('#vehicle_mainPhoto > #picShadow > a:first');
//change href of thumbnails and add onMouseOver event
var thumbnail_images = $('#vehicle_thumbs > a');
thumbnail_images.each( function() {
$(this).addClass('thickbox');
$(this).attr('href', '/web/' + ecarlist.dealer.id + '/media_center/' + ecarlist.vehicle.id + '/photos/' + $(this).attr('id') + '/?KeepThis=true&TB_iframe=true&height=625&width=800&style=noframe&version=2&modal=true');
});
thumbnail_images.mouseover( function() {
ecarlist.media_center.change_image($(this).attr('id'));
});
var thumbnail_images = $('#vehicle_thumbs > div > a');
thumbnail_images.each( function() {
$(this).addClass('thickbox');
$(this).attr('href', '/web/' + ecarlist.dealer.id + '/media_center/' + ecarlist.vehicle.id + '/photos/' + $(this).attr('id') + '/?KeepThis=true&TB_iframe=true&height=625&width=800&style=noframe&version=2&modal=true');
});
tb_init('#vehicle_thumbs > a.thickbox');
tb_init('#vehicle_thumbs > div > a.thickbox');
thumbnail_images.mouseover( function() {
ecarlist.media_center.change_image($(this).attr('id'));
});
}
// create media center links if photos, video, or evox 360
if(ecarlist.vehicle.photos || ecarlist.vehicle.evox_exterior || ecarlist.vehicle.video){
var media_center_links = document.createElement('ul');
$(media_center_links).attr('id', 'media_center_links');
// link for photos
if(ecarlist.vehicle.photos){
var photo_li = document.createElement('li');
var photo_a = document.createElement('a');
var photo_span = document.createElement('span');
var photo_text = document.createTextNode('Photos');
$(photo_span).append(photo_text);
$(photo_a).append(photo_span)
.attr('id', 'media_center_photo')
.attr('href', '/web/' + ecarlist.dealer.id + '/media_center/' + ecarlist.vehicle.id + '/photos/' + ecarlist.vehicle.initial_picture + '/?KeepThis=true&TB_iframe=true&height=625&width=800&style=noframe&version=2&modal=true')
.addClass('thickbox');
$(photo_li).append(photo_a);
$(media_center_links).append(photo_li);
}
// link for video
if(ecarlist.vehicle.video || ecarlist.vehicle.sister_media_id || ecarlist.vehicle.third_party_video_url){
var video_li = document.createElement('li');
var video_a = document.createElement('a');
var video_span = document.createElement('span');
var video_text = document.createTextNode('Video');
$(video_span).append(video_text);
$(video_a).append(video_span)
.attr('id', 'media_center_video')
.attr('href', '/web/' + ecarlist.dealer.id + '/media_center/' + ecarlist.vehicle.id + '/video/?KeepThis=true&TB_iframe=true&height=625&width=800&style=noframe&version=2&modal=true')
.addClass('thickbox');
$(video_li).append(video_a);
$(media_center_links).append(video_li);
}
// link for evox 360
if(ecarlist.vehicle.evox_exterior){
var ext_li = document.createElement('li');
var ext_a = document.createElement('a');
var ext_span = document.createElement('span');
var ext_text = document.createTextNode('360');
$(ext_span).append(ext_text);
$(ext_a).append(ext_span)
.attr('id', 'media_center_360')
.attr('href', '/web/' + ecarlist.dealer.id + '/media_center/' + ecarlist.vehicle.id + '/view_360/?KeepThis=true&TB_iframe=true&height=625&width=800&style=noframe&version=2&modal=true')
.addClass('thickbox');
$(ext_li).append(ext_a);
$(media_center_links).append(ext_li);
}
// link for contact in customer tools
var contact_li = document.createElement('li');
var contact_a = document.createElement('a');
var contact_span = document.createElement('span');
var contact_text = document.createTextNode('Contact');
$(contact_span).append(contact_text);
$(contact_a).append(contact_span)
.attr('id', 'media_center_contact')
.attr('href', '#scrolldown')
$(contact_li).append(contact_a);
$(media_center_links).append(contact_li);
// append media center links to vehicle image div
$('#picShadow > a').after(media_center_links);
tb_init('#media_center_links > li > a.thickbox');
}
}