Celebrating Cinco de Mayo in Milwaukee the authentic way

};

WVM.setupToggleButton = function(fullVideoId, player){
if($(‘.nextplay-switch-‘ + fullVideoId).length > 0){
new DG.OnOffSwitchAuto({
cls:’.nextplay-switch-‘ + fullVideoId,
height: 24,
trackColorOn:’#F9F9F9′,
trackColorOff:’#222’,
textColorOn: ‘#222’,
textColorOff: ‘#222′,
textOn:’On’,
textOff:’Off’,
listener:function(name, checked){
var theVal = 1;
if(!checked){
theVal = 0;
}

$.ajax({
url: ‘/ajax/update_autoplay_video/’,
data: {
autoplay_on: theVal
},
type: ‘POST’,
dataType: ‘json’,
success: function(data)
{
WVM[‘player_settings’ + fullVideoId][‘autoplay’] = checked;
},
error : function(){
console.log(“Error loading video”);
}
});
}
});
}
};

WVM.setupAccordionButton = function(fullVideoId){
var deviceName=”desktop”;
$(‘#next-dropdown-accordion-button-‘ + fullVideoId).on(‘click’, function(){
if($(this).find(‘i’).hasClass(‘fa-chevron-up’)){
//hide
$(this).find(‘i’).removeClass(‘fa-chevron-up’);
$(this).find(‘i’).addClass(‘fa-chevron-down’);
if(deviceName == “desktop” && !$(‘#media-container-‘ + fullVideoId).hasClass(‘floating-video’)){
$(‘#media-container-‘ + fullVideoId + ” ” + ‘.page-carousel-wrapper’).slideUp();
$(‘#media-container-‘ + fullVideoId + ” ” + ‘.mobile-list-wrapper’).hide();

}else{
$(‘#media-container-‘ + fullVideoId + ” ” + ‘.mobile-list-wrapper’).slideUp();
$(‘#media-container-‘ + fullVideoId + ” ” + ‘.page-carousel-wrapper’).hide();
}
var currVideoId = WVM[‘player_state’ + fullVideoId][‘VIDEO_ID’];
var nextVideoId = WVM.getNextPlaylistIndex(currVideoId);
//playerId, mediaId, fieldName
var myTitle = WVM.getPlaylistData(fullVideoId, nextVideoId, ‘noprefixtitle’);
//alert(“Getting title ” + myTitle);
$(‘#video-slider-nexttitle’ + fullVideoId).css(‘display’, ‘inline’);
$(‘#video-slider-nexttitle’ + fullVideoId).html(myTitle);
}else{
//expand
$(this).find(‘i’).addClass(‘fa-chevron-up’);
$(this).find(‘i’).removeClass(‘fa-chevron-down’);
$(‘#media-container-‘ + fullVideoId + ” ” + ‘.mobile-list-wrapper’).css(‘display’, ‘block’);
if(deviceName == “desktop” && !$(‘#media-container-‘ + fullVideoId).hasClass(‘floating-video’)){
$(‘#media-container-‘ + fullVideoId + ” ” + ‘.page-carousel-wrapper’).css(‘display’, ‘block’);
$(‘#media-container-‘ + fullVideoId + ” ” + ‘.page-carousel-wrapper’).slideDown();
$(‘#media-container-‘ + fullVideoId + ” ” + ‘.mobile-list-wrapper’).hide();
if(!WVM.player_state244580[‘CAROUSEL_INIT’]){
WVM.setupCarousel(fullVideoId);
}

}else{
$(‘#media-container-‘ + fullVideoId + ” ” + ‘.mobile-list-wrapper’).slideDown();
$(‘#media-container-‘ + fullVideoId + ” ” + ‘.page-carousel-wrapper’).hide();

if(!$(‘#media-container-‘ + fullVideoId).hasClass(‘floating-video’)){
if(!WVM.player_state244580[‘CAROUSEL_INIT’]){
WVM.setupCarousel(fullVideoId);
}
}
}

$(‘#video-slider-nexttitle’ + fullVideoId).css(‘display’, ‘none’);
}
});
var currVideoId = WVM[‘player_state’ + fullVideoId][‘VIDEO_ID’];
//console.log(“current Video ” + currVideoId);
var nextVideoId = WVM.getNextPlaylistIndex(currVideoId);
var myTitle = WVM.getPlaylistData(fullVideoId, nextVideoId, ‘noprefixtitle’);
//console.log(“setting title ” + myTitle);
$(‘#video-slider-nexttitle’ + fullVideoId).css(‘display’, ‘inline’);
$(‘#video-slider-nexttitle’ + fullVideoId).html(myTitle);

};
WVM.sendbeacon = function(action, nonInteraction, value, eventLabel) {
var eventCategory = ‘Video’;
if (window.ga) {
//console.log(“sending action: ” + action + ” val: ” + value + ” label ” + eventLabel);
ga(‘send’, ‘event’, {
‘eventCategory’: eventCategory,
‘eventAction’: action,
‘eventLabel’: eventLabel,
‘eventValue’: value,
‘nonInteraction’: nonInteraction
});
}
};

WVM.getNextPlaylistIndex = function(mediaId, returnArrayIndex){
var currId = null;
if(mediaId == null){
return null;
}
for(var x =0; x < WVM.playlist_ids.length; x++){
var myMediaId = WVM.playlist_ids[x];
if(myMediaId == mediaId){
currId = myMediaId;
break;
}
}
var nextId = x + 1;

if(nextId < WVM.playlist_ids.length && currId !== null){
if(!returnArrayIndex){
return WVM.playlist_ids[nextId];
}else{
return nextId;
}
}
return null;
};

WVM.getPlaylistArrayId = function(mediaId){
for(var x =0; x < WVM.playlist_ids.length; x++){
var myMediaId = WVM.playlist_ids[x];
if(myMediaId == mediaId){
return x;
}
}
return null;
};

//unimportant stuff like tracking… don’t put anything platform specific here
WVM.finishPlayer = function(player, playerState, playerSettings){
var percentsPlayedInterval = 25;

//player.off(‘loadedmetadata’);
player.on(‘loadedmetadata’, function(){
if(playerState.PLAYER_META){
return;
}
playerState.PLAYER_META = true;
WVM.sendbeacon(“loadedmetadata”, true, playerState.VIDEO_ID, playerState.VIDEO_TITLE);
});

//player.off(‘ready’);
player.on(‘ready’, function(){
playerState.PLAYER_READY = true;
});

//player.off([‘waiting’, ‘pause’]);
player.on([‘waiting’, ‘pause’], function() {
playerState.IS_PLAYING = false;
$(‘.vjs-loading-spinner’).removeClass(‘badspinner’);
setTimeout(function(){
//let it spin for 3 sec at most
$(‘.vjs-loading-spinner’).addClass(‘badspinner’);
}, 3000);
});

//player.off(‘playing’);
player.on(‘playing’, function() {
console.log(‘playing’);

});

//player.off(‘adstart’);
player.on(‘adstart’, function(){
console.log(“starting ads”);
WVM.lastAdRequest = new Date().getTime() / 1000;
playerState.AD_IS_PLAYING = true;
playerState.PLAYED_AD = true;
WVM.sendbeacon(“adstart”, true, playerState.VIDEO_ID, playerState.VIDEO_TITLE);

//make sure player is at start, paused
player.pause();
player.currentTime(0);
});
//player.off(‘adend’);
player.on(‘adend’, function(){
var playPromise = null;
console.log(“ad end”);
playerState.AD_IS_PLAYING = false;
setTimeout(function(){
if(!playerState.IS_PLAYING || player.paused()){
}
}, 500);
WVM.lastAdRequest = new Date().getTime() / 1000;
WVM.sendbeacon(“adend”, true, playerState.VIDEO_ID, playerState.VIDEO_TITLE);

});
//player.off(‘timeupdate’);
player.on(‘timeupdate’, function(){
playerState.IS_PLAYING = true;
var fullDuration = this.duration() * 1000;
var fullCurrent = this.currentTime() * 1000;
var rand = parseInt(Math.random() * 100);
//console.log(“timeupdate ” + fullCurrent + ” out of ” + fullDuration);

if(rand > 20){
if(fullDuration > 1 && ((fullDuration – fullCurrent) > 1) && !$(‘.vjs-loading-spinner’).hasClass(‘badspinner’)){
console.log(“hiding spinner”);
$(‘.vjs-loading-spinner’).addClass(‘badspinner’);
}
}
var duration_time = Math.floor(this.duration());

//this is a hack because the end video event is not firing…
var current_time = Math.floor(this.currentTime());
if ( current_time > 0 && ( fullCurrent >= (fullDuration – 10) )){
var currId = playerState.VIDEO_ID;
var newMediaId = WVM.getNextPlaylistIndex(currId);
//if(playerSettings.autoplay_next && newMediaId){
if(newMediaId){
if(‘desktop’ == “iphone” && playerState.AD_ERROR){
console.log(“skipped timeupdate end”);
}else{
WVM.load_video(newMediaId, true, playerState.ORIGINAL_ID);
}
}
}

if(!playerState.START_SENT){
WVM.sendbeacon(‘start’, true, playerState.VIDEO_ID, playerState.VIDEO_TITLE);
playerState.START_SENT = true;
}

var currentTime, duration, percent, percentPlayed, _i;
currentTime = Math.round(this.currentTime());
duration = Math.round(this.duration());
percentPlayed = Math.round(currentTime / duration * 100);
for (percent = _i = 0; _i <= 99; percent = _i += percentsPlayedInterval) {
if (percentPlayed >= percent && __indexOf.call(playerState[‘PERCENTS_TRACKED’], percent) < 0) {
if (percentPlayed !== 0) {
WVM.sendbeacon(‘percent-‘ + percent, true, playerState.VIDEO_ID, playerState.VIDEO_TITLE);
}
if (percentPlayed > 0) {
playerState[‘PERCENTS_TRACKED’].push(percent);
}
}
}

});
//player.off(‘ended’);
player.on(‘ended’, function(){
console.log(“ended”);
playerState.IS_PLAYING = false;
WVM.sendbeacon(“complete”, true, playerState.VIDEO_ID, playerState.VIDEO_TITLE);
var currId = playerState.VIDEO_ID;
var newMediaId = WVM.getNextPlaylistIndex(currId);
//if(playerSettings.autoplay_next && newMediaId){
if(newMediaId){
WVM.load_video(newMediaId, true, playerState.ORIGINAL_ID);
}else{
console.log(“Playlist complete (no more videos)”);
}

});

//player.off(‘adserror’);
player.on(‘adserror’, function(e){
//$(‘#ima-ad-container’).remove();
WVM.lastAdRequest = new Date().getTime() / 1000;
console.log(e);
console.log(“ads error”);

var errMessage = e[‘data’][‘AdError’][‘l’];

playerState.AD_IS_PLAYING = false;
playerState.IS_PLAYING = false;

// && errMessage == ‘The VAST response document is empty.’
if(!playerState.AD_ERROR){
var dTime = new Date().getTime();
WVM.firstPrerollTagUrl = WVM.getFirstPrerollUrl();
console.log(“calling backup ad tag url: ” + WVM.firstPrerollTagUrl);
WVM.activePlayer.ima.changeAdTag(WVM.firstPrerollTagUrl + “?” + dTime);
WVM.activePlayer.ima.requestAds();

//WVM.activePlayer.src({
// src: masterSrc,
// type: ‘video/mp4’
//});
//WVM.firstPrerollTagUrl = “”;
}
playerState.AD_ERROR = true;
});

//player.off(‘error’);
player.on(‘error’, function(event) {
if (player.error().code === 4) {
player.error(null); // clear out the old error
player.options().sources.shift(); // drop the highest precedence source
console.log(“now doing src”);
console.log(player.options().sources[0]);
player.src(player.options().sources[0]); // retry
return;
}
});

//player.off(‘volumechange’);
player.on(‘volumechange’, function(event) {
console.log(event);

var theHeight = $(‘#media-container-‘ + playerState.ORIGINAL_ID + ‘ .vjs-volume-level’).css(‘height’);
var cssVolume = 0;
if(theHeight){
cssVolume = parseInt(theHeight.replace(‘%’, ”));
}
var theVolume = player.volume();
if(theVolume > 0.0 || cssVolume > 0){
$(‘#media-container-‘ + playerState.ORIGINAL_ID + ‘ .mute-overlay’).css(‘display’, ‘none’);
}else{
$(‘#media-container-‘ + playerState.ORIGINAL_ID + ‘ .mute-overlay’).css(‘display’, ‘block’);
}
});
WVM.reinitRawEvents(playerState.ORIGINAL_ID);
setInterval(function(){
WVM.reinitRawEvents(playerState.ORIGINAL_ID);
}, 2000);
}
if(!WVM.rawCompleteEvent){
WVM.rawCompleteEvent = function(e){
var playerState = WVM[‘player_state244580’];
};
}
if(!WVM.rawTimeupdateEvent){
WVM.rawTimeupdateEvent = function(e){
var playerState = WVM[‘player_state244580’];
var rawVideoElem = document.getElementById(‘html5-video-‘ + playerState[‘ORIGINAL_ID’] + ‘_html5_api’);
var fullCurrent = rawVideoElem.currentTime * 1000;
var fullDuration = rawVideoElem.duration * 1000;
var current_time = Math.floor(rawVideoElem.currentTime);
console.log(“raw timeupdate: ” + fullCurrent + ” out of ” + fullDuration);

if ( current_time > 0 && ( fullCurrent >= (fullDuration – 50) )){
var currId = playerState.VIDEO_ID;
var newMediaId = WVM.getNextPlaylistIndex(currId);
if(newMediaId){
console.log(“loading new video from rawtimeupdate”);
WVM.load_video(newMediaId, true, playerState.ORIGINAL_ID);
}
}
if(!$(‘.vjs-loading-spinner’).hasClass(‘badspinner’)){
$(‘.vjs-loading-spinner’).addClass(‘badspinner’)
}
};
}

WVM.reinitRawEvents = function(playerId){
var playerState = WVM[‘player_state’ + playerId];
var rawVideoElem = document.getElementById(‘html5-video-‘ + WVM[‘player_state’ + playerId][‘ORIGINAL_ID’] + ‘_html5_api’);

//COMPLETE EENT
if( WVM[‘player_state’ + playerId].COMPLETE_EVENT){
rawVideoElem.removeEventListener(‘ended’, WVM.rawCompleteEvent, false);
}
rawVideoElem.addEventListener(‘ended’, WVM.rawCompleteEvent, false);

//TIME UPDATE EVENT
if( WVM[‘player_state’ + playerId].TIMEUPDATE_EVENT){
rawVideoElem.removeEventListener(‘ended’, WVM.rawTimeupdateEvent, false);
}
rawVideoElem.addEventListener(‘ended’, WVM.rawTimeupdateEvent, false);

WVM[‘player_state’ + playerId].COMPLETE_EVENT = true;
WVM[‘player_state’ + playerId].TIMEUPDATE_EVENT = true;
};

MILWAUKEE (CBS 58) — While Cinco de Mayo is commonly celebrated in the United States, it marks not Mexico’s Independence Day, despite common misconceptions, but rather the anniversary of Mexico’s 1862 victory over France at the Battle of Puebla.

The day represents a symbolic triumph in the resistance movement, mostly celebrated in Puebla, Mexico, rather than nationwide.

Locally, Milwaukee’s UMOS at 2701 South Chase Ave. will host a Cinco de Mayo festival starting Saturday, May 4 at 11 a.m. The event includes a vintage car show and the unique “Ay Chihuahua Beauty Contest” at 2 p.m., followed by a hot tamale eating contest at 2:30 p.m. and a piñata party at 3 p.m. with all activities being free to the public.

Los Compadres in Burlington will offer “Margaritas and Market” on Sunday, May 5 from 10 a.m. to 4 p.m., featuring food, drinks, local vendors and giveaways.

In Milwaukee, the Zocalo Food Truck Park on South Sixth Street will also participate in the festivities from 3:30 p.m. to 9 p.m., offering food, tequila tastings and live music.

Although many local Hispanic business owners do not celebrate the day, they welcome the increased business brought alongside the celebration.