' +
'');
// append data to list item
li.addClass('item' + i);
if (i == 0) { li.addClass('first'); }
if (i == (mediaList.length - 1)) { li.addClass('last'); }
li.find('a').attr('href', mediaList[i].link);
li.find('a').attr('title', mediaList[i].title);
li.find('.header a').append(mediaList[i].title);
li.find('img').attr('src', mediaList[i].imageurl);
li.attr('mediaid', mediaList[i].id);
li.attr('playlistid', mediaList[i].playlistid);
if (o.showtag != '') {
var tag = getTagValue(mediaList[i], o.showtag);
li.find('.tag').append(tag);
}
if (o.showdate) {
if (mediaList[i].date != undefined) {
var formattedDate = dateFormat(mediaList[i].date, o.dateFormat);
li.find('.details').append(o.datePrefix + formattedDate);
}
}
if (o.showduration) {
if (mediaList[i].duration != undefined) {
li.find('.details').append('(' + mediaList[i].duration + ')');
}
}
if (o.showdescription) {
if (mediaList[i].description != undefined) {
li.find('p').append(mediaList[i].description);
}
}
// append star ratings
if (o.showrating) {
// TO-DO: star ratings
}
// append item to list
ul.append(li);
}
}
// append list to container
content.html(ul);
// initialise elements (text limits)
if (o.headerCharLimit > 0) {
var items = (o.dontTruncateFirstItem) ? content.find('.item .header a').not(content.find('.item:first .header a')) : content.find('.item .header a');
items.limitCharacters(o.headerCharLimit);
}
if (o.descriptionCharLimit > 0) {
var items = (o.dontTruncateFirstItem) ? content.find('.item p').not(content.find('.item:first p')) : content.find('.item p');
items.limitCharacters(o.descriptionCharLimit);
}
// do onload function if one is specified
if (o.onload != undefined)
o.onload();
// apply pagination if configured
if (o.pagination) {
var items = content.find('.item');
var items_per_page = o.pagesize;
videoPagination(items, items_per_page, o.pagination_container);
}
}
});
};
/* ---------------------------------------------------------------------------------------- */
/* GET LIST OF MEDIA
/* ---------------------------------------------------------------------------------------- */
function getMediaList(options) {
// default settings
var defaults = {
query: '',
params: [],
async: true,
imageSize: '128x96',
videoPageUrl: videoSettings.videoPageURL,
callback: function () { }
}
// get settings passed to the function
var o = $.extend(defaults, options);
// get data from movideo using api
MOVIDEO.media.callAPI({
endpoint: o.query,
params: o.params,
async: o.async,
errorHandler: function () {
// when there is an error, create an empty array
var mediaList = [];
o.callback(mediaList);
},
handler: function (response) {
// convert response into a standard array of media items
var mediaList = convertResponseToMediaList({
response: response,
query: o.query,
imageSize: o.imageSize,
videoPageUrl: o.videoPageUrl
});
// call callback function
if (response.totalItems != undefined)
o.callback(mediaList, response.totalItems);
else
o.callback(mediaList);
}
});
}
/* ---------------------------------------------------------------------------------------- */
/* CONVERT MOVIDEO RESPONSE TO ARRAY OF MEDIA ITEMS
/* ---------------------------------------------------------------------------------------- */
function findJSONobjects(response, name) {
var mediaList = [];
findJSONobjects(response, name);
return mediaList;
function findJSONobjects(object, name) {
if (name in object) {
if ($.isArray(object[name])) {
$.each(object[name], function (index, value) {
mediaList.push(value);
});
}
else {
mediaList.push(object[name]);
}
}
for (key in object) {
if ((typeof (object[key])) == 'object') {
findJSONobjects(object[key], name);
}
}
}
}
function convertResponseToMediaList(options) {
var defaults = {
response: '',
query: '',
imageSize: '128x96',
videoPageUrl: videoSettings.videoPageURL
};
var o = $.extend(defaults, options);
var response = o.response;
var mediaList = [];
var validResponse = false;
if (response != undefined) {
if (response != "") {
validResponse = true;
}
}
if (validResponse) {
mediaList = findJSONobjects(response, "media");
}
// loop through media items
for (i = 0; i < mediaList.length; i++) {
// format duration;
if (mediaList[i].duration != undefined) {
var seconds = parseInt(mediaList[i].duration);
var hours = parseInt(seconds / 3600);
var minutes = parseInt((seconds / 60) - (hours * 60));
if (seconds == 60) {
seconds = 0;
minutes++;
}
if (minutes == 60) {
minutes = 0;
hours++;
}
seconds = seconds % 60;
// format new duration => h:mm:ss
var dur = seconds;
if (dur.length == 1) { dur = '0' + dur; }
dur = minutes + ':' + seconds;
if (hours > 0) {
if (minutes.length == 1) { dur = '0' + dur; }
dur = hours + ':' + dur;
}
// update duration in array item
mediaList[i].duration = dur;
}
else {
var tagDuration = getTagValue(mediaList[i], 'duration:time');
if (tagDuration != undefined) {
if (tagDuration.indexOf('00:') == 0 && tagDuration.length >= 7) {
tagDuration = tagDuration.substring(3, tagDuration.length);
}
mediaList[i].duration = tagDuration;
}
}
// get the media's creation date
var dateArr = mediaList[i].creationDate.split('T')[0].split('-');
var timeArr = mediaList[i].creationDate.split('T')[1].split(':');
var d = new Date(dateArr[0], dateArr[1] - 1, dateArr[2], timeArr[0], timeArr[1]);
// IMPORTANT: add 10 hours to date for GMT/Australian time conversion
d.setHours(d.getHours() + 10);
mediaList[i].date = d;
// store short/long date in array item
//mediaList[i].date = dateFormat(d, "d/mm/yyyy");
//mediaList[i].longdate = dateFormat(d, "dS mmmm yyyy h:MM TT");
// add link url to array item
mediaList[i].link = o.videoPageUrl + "?" + videoSettings.mediaParam + "=" + mediaList[i].id;
var playlistid = extractPlaylistId(o.query);
if (playlistid != null) {
mediaList[i].link += "&" + videoSettings.playlistParam + "=" + playlistid;
mediaList[i].playlistid = playlistid;
}
else {
if (mediaList[i].playlistid != undefined) {
mediaList[i].link += "&" + videoSettings.playlistParam + "=" + mediaList[i].playlistid;
}
}
// add image url to array item
mediaList[i].imageurl = mediaList[i].imagePath + 'cropped/' + o.imageSize + '.png';
}
return mediaList;
}
/* ---------------------------------------------------------------------------------------- */
/* PAGINATION
/* ---------------------------------------------------------------------------------------- */
function videoPagination(items, items_per_page, pagination_container) {
// first, check if items > page limit
if (items.length > items_per_page) {
// Create pagination element
var pagination = $('');
pagination_container.append(pagination);
pagination_container.find('.links').pagination(items.length, {
items_per_page: items_per_page,
callback: function (page_id, jq) {
var top = 0;
if (items.length < ((page_id * items_per_page) + items_per_page)) { top = items.length; }
else { top = (page_id * items_per_page) + items_per_page; }
var count = 0;
items.each(function () {
count++;
if ((count < (page_id * items_per_page) + 1) || (count > (page_id * items_per_page) + items_per_page)) {
$(this).hide();
} else {
$(this).show();
}
});
pagination.find('.links a, .links span').each(function () {
if (!isNaN($(this).text())) {
var pagenumber = parseInt($(this).text());
var startitem = ((pagenumber - 1) * items_per_page) + 1;
var enditem = items_per_page * pagenumber;
enditem = (enditem > items.length) ? items.length : enditem;
$(this).html(startitem + ' - ' + enditem);
}
else {
if ($(this).text() == 'Prev') $(this).html('< Prev');
if ($(this).text() == 'Next') $(this).html('Next >');
}
});
pagination_container.find('p').remove();
pagination_container.prepend("
';
}
else {
midleaderboard.innerHTML = '';
}
}
else if (y.width == 300) {
var mrec = document.getElementById('mrec');
if (pattern.test(y.creativeType)) {
mrec.innerHTML = '';
}
else {
mrec.innerHTML = '';
}
movideoAds.showMrec();
}
}
},
controlsEnabledCallback: function (showing) {
if (showing) {
movideoAds.hideMrec();
}
else {
movideoAds.showMrec();
}
},
showMrec: function () {
var mrec = document.getElementById('mrec-wrapper');
var dirWrapper = document.getElementById('directory-wrapper');
var dirPanel = document.getElementById('directory-panel');
mrec.style.marginTop = ((360 - 250) / 2) + "px";
dirPanel.style.marginTop = "-1000px";
// Update name of clip here if required
var message = document.getElementById('mrec-message');
message.innerHTML = 'Advertisement: Your clip is next';
$("#videoRatingForm").hide();
},
hideMrec: function () {
var mrec = document.getElementById('mrec-wrapper');
var dirPanel = document.getElementById('directory-panel');
mrec.style.marginTop = "-1000px";
dirPanel.style.marginTop = 0;
$("#videoRatingForm").show();
}
};
*/
var movideoAds = (function () {
// find a Companion Ad with matching width and height
// returns Companion Ad if matches
// returns null if no matches
function findCompanionAd(companionAds, width, height) {
for (var i in companionAds) {
var companionAd = companionAds[i];
if (companionAd.width == width && companionAd.height == height) {
return companionAd;
}
}
return null;
}
function createIFrameString(width, height, src) {
var f = ''
return f;
}
//
var generateedElementPrefix = "movideoAdsElement";
var nextGeneratedId = 0;
var defaultResourceHandlers = {
// for html resources, replace the innerHTML with the resource.
// NOTE does not support
Add the CSS file (or append contents to your own stylesheet):
To create:
$("SELECT").selectBox([settings]);
Settings:
To specify settings, use this syntax: $("SELECT").selectBox('settings', { settingName: value, ... });
menuTransition: ['default', 'slide', 'fade'] - the show/hide transition for dropdown menus
menuSpeed: [integer, 'slow', 'normal', 'fast'] - the show/hide transition speed
Methods:
To call a method use this syntax: $("SELECT").selectBox('methodName', [options]);
create - Creates the control (default method)
destroy - Destroys the selectBox control and reverts back to the original form control
disable - Disables the control (i.e. disabled="disabled")
enable - Enables the control
value - if passed with a value, sets the control to that value; otherwise returns the current value
options - pass in either a string of HTML or a JSON object to replace the existing options
control - returns the selectBox control element (an anchor tag) for working with directly
Events:
Events are fired on the original select element. You can bind events like this:
$("SELECT").selectBox().change( function() { alert( $(this).val() ); } );
focus - Fired when the control gains focus
blur - Fired when the control loses focus
change - Fired when the value of a control changes
Change Log:
v1.0.0 (2011-04-03) - Complete rewrite with added support for inline and multi-select controls
v1.0.1 (2011-04-04) - Fixed options method so it doesn't destroy/recreate the control when called.
- Added a check for iOS devices (their native controls are much better for
touch-based devices; you can still use selectBox API methods for theme)
- Fixed issue where IE window would lose focus on XP
- Fixed premature selection issue in Webkit browsers
v1.0.2 (2011-04-13) - Fixed auto-height for inline controls when control is invisible on load
- Removed auto-width for dropdown and inline controls; now relies 100% on CSS
for setting the width
- Added 'control' method for working directly with the selectBox control
Known Issues:
- The blur and focus callbacks are not very reliable in IE7. The change callback works fine.
*/
if(jQuery) (function($) {
$.extend($.fn, {
selectBox: function(method, data) {
var typeTimer, typeSearch = '';
//
// Private methods
//
var init = function(select, data) {
// Disable for iOS devices (their native controls are more suitable for a touch device)
if( navigator.userAgent.match(/iPad|iPhone/i) ) return false;
// Element must be a select control
if( select.tagName.toLowerCase() !== 'select' ) return false;
select = $(select);
if( select.data('selectBox-control') ) return false;
var control = $(''),
inline = select.attr('multiple') || parseInt(select.attr('size')) > 1;
var settings = data || {};
// Inherit class names, style, and title attributes
control
.addClass(select.attr('class'))
.attr('style', select.attr('style') || '')
.attr('title', select.attr('title') || '')
.attr('tabindex', parseInt(select.attr('tabindex')))
.css('display', 'inline-block')
.bind('focus.selectBox', function() {
if( this !== document.activeElement ) $(document.activeElement).blur();
if( control.hasClass('selectBox-active') ) return;
control.addClass('selectBox-active');
select.trigger('focus');
})
.bind('blur.selectBox', function() {
if( !control.hasClass('selectBox-active') ) return;
control.removeClass('selectBox-active');
select.trigger('blur');
});
if( select.attr('disabled') ) control.addClass('selectBox-disabled');
// Generate control
if( inline ) {
//
// Inline controls
//
var options = getOptions(select, 'inline');
control
.append(options)
.data('selectBox-options', options)
.addClass('selectBox-inline')
.addClass('selectBox-menuShowing')
.bind('keydown.selectBox', function(event) {
handleKeyDown(select, event);
})
.bind('keypress.selectBox', function(event) {
handleKeyPress(select, event);
})
.insertAfter(select);
// Auto-height based on size attribute
if( !select[0].style.height ) {
var size = select.attr('size') ? parseInt(select.attr('size')) : 5,
optionHeight = parseInt(control.find('.selectBox-options A:first').outerHeight());
// If the control is invisible, we have to draw a dummy control
// off-screen, measure the option, and remove it
if( !select.is(':visible') ) {
var tmp = control
.clone()
.removeAttr('id')
.css({
position: 'absolute',
top: '-9999em'
})
.show()
.appendTo('body');
optionHeight = parseInt(tmp.find('.selectBox-options A:first').html(' ').outerHeight());
tmp.remove();
}
control.height(optionHeight * size);
}
disableSelection(control);
} else {
//
// Dropdown controls
//
var label = $(''),
arrow = $('');
label.text( $(select).find('OPTION:selected').text() || '\u00A0' );
var options = getOptions(select, 'dropdown');
options.appendTo('BODY');
control
.data('selectBox-options', options)
.addClass('selectBox-dropdown')
.append(label)
.append(arrow)
.bind('mousedown.selectBox', function(event) {
if( control.hasClass('selectBox-menuShowing') ) {
hideMenus();
} else {
event.stopPropagation();
// Webkit fix to prevent premature selection of options
options.data('selectBox-down-at-x', event.screenX).data('selectBox-down-at-y', event.screenY);
showMenu(select);
}
})
.bind('keydown.selectBox', function(event) {
handleKeyDown(select, event);
})
.bind('keypress.selectBox', function(event) {
handleKeyPress(select, event);
})
.insertAfter(select);
disableSelection(control);
}
// Store data for later use and show the control
select
.addClass('selectBox')
.data('selectBox-control', control)
.data('selectBox-settings', settings)
.hide();
};
var getOptions = function(select, type) {
var options;
switch( type ) {
case 'inline':
options = $('');
if( select.find('OPTGROUP').length ) {
select.find('OPTGROUP').each( function() {
var optgroup = $('');
optgroup.text($(this).attr('label'));
options.append(optgroup);
$(this).find('OPTION').each( function() {
var li = $(''),
a = $('');
li.addClass( $(this).attr('class') );
a.attr('rel', $(this).val()).text( $(this).text() );
li.append(a);
if( $(this).attr('disabled') ) li.addClass('selectBox-disabled');
if( $(this).attr('selected') ) li.addClass('selectBox-selected');
options.append(li);
});
});
} else {
select.find('OPTION').each( function() {
var li = $(''),
a = $('');
li.addClass( $(this).attr('class') );
a.attr('rel', $(this).val()).text( $(this).text() );
li.append(a);
if( $(this).attr('disabled') ) li.addClass('selectBox-disabled');
if( $(this).attr('selected') ) li.addClass('selectBox-selected');
options.append(li);
});
}
options
.find('A')
.bind('mouseover.selectBox', function(event) {
addHover(select, $(this).parent());
})
.bind('mouseout.selectBox', function(event) {
removeHover(select, $(this).parent());
})
.bind('mousedown.selectBox', function(event) {
event.preventDefault(); // Prevent options from being "dragged"
})
.bind('mouseup.selectBox', function(event) {
hideMenus();
if( event.shiftKey ) {
selectOption(select, $(this).parent(), true);
} else {
selectOption(select, $(this).parent(), false);
}
});
disableSelection(options);
return options;
case 'dropdown':
options = $('');
if( select.find('OPTGROUP').length ) {
select.find('OPTGROUP').each( function() {
var optgroup = $('');
optgroup.text($(this).attr('label'));
options.append(optgroup);
$(this).find('OPTION').each( function() {
var li = $(''),
a = $('');
li.addClass( $(this).attr('class') );
a.attr('rel', $(this).val()).text( $(this).text() );
li.append(a);
if( $(this).attr('disabled') ) li.addClass('selectBox-disabled');
if( $(this).attr('selected') ) li.addClass('selectBox-selected');
options.append(li);
});
});
} else {
select.find('OPTION').each( function() {
var li = $(''),
a = $('');
li.addClass( $(this).attr('class') );
a.attr('rel', $(this).val()).text( $(this).text() );
li.append(a);
if( $(this).attr('disabled') ) li.addClass('selectBox-disabled');
if( $(this).attr('selected') ) li.addClass('selectBox-selected');
options.append(li);
});
}
options
.data('selectBox-select', select)
.css('display', 'none')
.appendTo('BODY')
.find('A')
.bind('mousedown.selectBox', function(event) {
event.preventDefault(); // Prevent options from being "dragged"
if( event.screenX === options.data('selectBox-down-at-x') && event.screenY === options.data('selectBox-down-at-y') ) {
options.removeData('selectBox-down-at-x').removeData('selectBox-down-at-y');
hideMenus();
}
})
.bind('mouseup.selectBox', function(event) {
if( event.screenX === options.data('selectBox-down-at-x') && event.screenY === options.data('selectBox-down-at-y') ) {
return;
} else {
options.removeData('selectBox-down-at-x').removeData('selectBox-down-at-y');
}
selectOption(select, $(this).parent());
hideMenus();
}).bind('mouseover.selectBox', function(event) {
addHover(select, $(this).parent());
})
.bind('mouseout.selectBox', function(event) {
removeHover(select, $(this).parent());
});
disableSelection(options);
return options;
}
};
var destroy = function(select) {
select = $(select);
var control = select.data('selectBox-control');
if( !control ) return;
var options = control.data('selectBox-options');
options.remove();
control.remove();
select
.removeClass('selectBox')
.removeData('selectBox-control')
.removeData('selectBox-settings')
.show();
};
var showMenu = function(select) {
select = $(select);
var control = select.data('selectBox-control'),
settings = select.data('selectBox-settings'),
options = control.data('selectBox-options');
if( control.hasClass('selectBox-disabled') ) return false;
hideMenus();
// Show menu
options.css({
width: control.outerWidth() - (parseInt(control.css('borderLeftWidth')) + parseInt(control.css('borderLeftWidth'))),
top: control.offset().top + control.outerHeight() - (parseInt(control.css('borderBottomWidth'))),
left: control.offset().left
});
switch( settings.menuTransition ) {
case 'fade':
options.fadeIn(settings.menuSpeed);
break;
case 'slide':
options.slideDown(settings.menuSpeed);
break;
default:
options.show(settings.menuSpeed);
break;
}
// Center on selected option
var li = options.find('.selectBox-selected:first');
keepOptionInView(select, li, true);
addHover(select, li);
control.addClass('selectBox-menuShowing');
$(document).bind('mousedown.selectBox', function(event) {
if( $(event.target).parents().andSelf().hasClass('selectBox-options') ) return;
hideMenus();
});
};
var hideMenus = function() {
if( $(".selectBox-dropdown-menu").length === 0 ) return;
$(document).unbind('mousedown.selectBox');
$(".selectBox-dropdown-menu").each( function() {
var options = $(this),
select = options.data('selectBox-select'),
control = select.data('selectBox-control'),
settings = select.data('selectBox-settings');
switch( settings.menuTransition ) {
case 'fade':
options.fadeOut(settings.menuSpeed);
break;
case 'slide':
options.slideUp(settings.menuSpeed);
break;
default:
options.hide(settings.menuSpeed);
break;
}
control.removeClass('selectBox-menuShowing');
});
};
var selectOption = function(select, li, selectRange) {
select = $(select);
li = $(li);
var control = select.data('selectBox-control'),
settings = select.data('selectBox-settings');
if( control.hasClass('selectBox-disabled') ) return false;
if( li.length === 0 || li.hasClass('selectBox-disabled') ) return false;
if( select.attr('multiple') ) {
// If selectRange is true, this will select all options between li and the last li selected
if( selectRange && control.data('selectBox-last-selected') ) {
li.toggleClass('selectBox-selected');
var affectedOptions;
if( li.index() > control.data('selectBox-last-selected').index() ) {
affectedOptions = li.siblings().slice(control.data('selectBox-last-selected').index(), li.index());
} else {
affectedOptions = li.siblings().slice(li.index(), control.data('selectBox-last-selected').index());
}
affectedOptions = affectedOptions.not('.selectBox-optgroup, .selectBox-disabled');
if( li.hasClass('selectBox-selected') ) {
affectedOptions.addClass('selectBox-selected');
} else {
affectedOptions.removeClass('selectBox-selected');
}
} else {
li.toggleClass('selectBox-selected');
}
} else {
li.siblings().removeClass('selectBox-selected');
li.addClass('selectBox-selected');
}
if( control.hasClass('selectBox-dropdown') ) {
control.find('.selectBox-label').text(li.text());
}
// Update original control's value
var i = 0, selection = [];
if( select.attr('multiple') ) {
control.find('.selectBox-selected A').each( function() {
selection[i++] = $(this).attr('rel');
});
} else {
selection = li.find('A').attr('rel');
}
// Remember most recently selected item
control.data('selectBox-last-selected', li);
// Change callback
if( select.val() !== selection ) {
select.val(selection);
select.trigger('change');
}
return true;
};
var addHover = function(select, li) {
select = $(select);
li = $(li);
var control = select.data('selectBox-control'),
options = control.data('selectBox-options');
options.find('.selectBox-hover').removeClass('selectBox-hover');
li.addClass('selectBox-hover');
};
var removeHover = function(select, li) {
select = $(select);
li = $(li);
var control = select.data('selectBox-control'),
options = control.data('selectBox-options');
options.find('.selectBox-hover').removeClass('selectBox-hover');
};
var keepOptionInView = function(select, li, center) {
if( !li || li.length === 0 ) return;
select = $(select);
var control = select.data('selectBox-control'),
options = control.data('selectBox-options'),
scrollBox = control.hasClass('selectBox-dropdown') ? options : options.parent(),
top = parseInt(li.offset().top - scrollBox.position().top),
bottom = parseInt(top + li.outerHeight());
if( center ) {
scrollBox.scrollTop( li.offset().top - scrollBox.offset().top + scrollBox.scrollTop() - (scrollBox.height() / 2) );
} else {
if( top < 0 ) {
scrollBox.scrollTop( li.offset().top - scrollBox.offset().top + scrollBox.scrollTop() );
}
if( bottom > scrollBox.height() ) {
scrollBox.scrollTop( (li.offset().top + li.outerHeight()) - scrollBox.offset().top + scrollBox.scrollTop() - scrollBox.height() );
}
}
};
var handleKeyDown = function(select, event) {
//
// Handles open/close and arrow key functionality
//
select = $(select);
var control = select.data('selectBox-control'),
options = control.data('selectBox-options'),
totalOptions = 0,
i = 0;
if( control.hasClass('selectBox-disabled') ) return;
switch( event.keyCode ) {
case 8: // backspace
event.preventDefault();
typeSearch = '';
break;
case 9: // tab
case 27: // esc
hideMenus();
removeHover(select);
break;
case 13: // enter
if( control.hasClass('selectBox-menuShowing') ) {
selectOption(select, options.find('LI.selectBox-hover:first'), event.shiftKey);
if( control.hasClass('selectBox-dropdown') ) hideMenus();
} else {
showMenu(select);
}
break;
case 38: // up
case 37: // left
event.preventDefault();
if( control.hasClass('selectBox-menuShowing') ) {
var prev = options.find('.selectBox-hover').prev('LI');
totalOptions = options.find('LI:not(.selectBox-optgroup)').length;
i = 0;
while( prev.length === 0 || prev.hasClass('selectBox-disabled') || prev.hasClass('selectBox-optgroup') ) {
prev = prev.prev('LI');
if( prev.length === 0 ) prev = options.find('LI:last');
if( ++i >= totalOptions ) break;
}
addHover(select, prev);
keepOptionInView(select, prev);
} else {
showMenu(select);
}
break;
case 40: // down
case 39: // right
event.preventDefault();
if( control.hasClass('selectBox-menuShowing') ) {
var next = options.find('.selectBox-hover').next('LI');
totalOptions = options.find('LI:not(.selectBox-optgroup)').length;
i = 0;
while( next.length === 0 || next.hasClass('selectBox-disabled') || next.hasClass('selectBox-optgroup') ) {
next = next.next('LI');
if( next.length === 0 ) next = options.find('LI:first');
if( ++i >= totalOptions ) break;
}
addHover(select, next);
keepOptionInView(select, next);
} else {
showMenu(select);
}
break;
}
};
var handleKeyPress = function(select, event) {
//
// Handles type-to-find functionality
//
select = $(select);
var control = select.data('selectBox-control'),
options = control.data('selectBox-options');
if( control.hasClass('selectBox-disabled') ) return;
switch( event.keyCode ) {
case 9: // tab
case 27: // esc
case 13: // enter
case 38: // up
case 37: // left
case 40: // down
case 39: // right
// Don't interfere with the keydown event!
break;
default: // Type to find
if( !control.hasClass('selectBox-menuShowing') ) showMenu(select);
event.preventDefault();
clearTimeout(typeTimer);
typeSearch += String.fromCharCode(event.charCode || event.keyCode);
options.find('A').each( function() {
if( $(this).text().substr(0, typeSearch.length).toLowerCase() === typeSearch.toLowerCase() ) {
addHover(select, $(this).parent());
keepOptionInView(select, $(this).parent());
return false;
}
});
// Clear after a brief pause
typeTimer = setTimeout( function() { typeSearch = ''; }, 1000);
break;
}
};
var enable = function(select) {
select = $(select);
select.attr('disabled', false);
var control = select.data('selectBox-control');
if( !control ) return;
control.removeClass('selectBox-disabled');
};
var disable = function(select) {
select = $(select);
select.attr('disabled', true);
var control = select.data('selectBox-control');
if( !control ) return;
control.addClass('selectBox-disabled');
};
var setValue = function(select, value) {
select = $(select);
select.val(value);
value = select.val();
var control = select.data('selectBox-control'),
settings = select.data('selectBox-settings'),
options = control.data('selectBox-options');
if( !control ) return;
// Update label
control.find('.selectBox-label').text( $(select).find('OPTION:selected').text() || '\u00A0' );
// Update control values
options.find('.selectBox-selected').removeClass('selectBox-selected');
options.find('A').each( function() {
if( typeof(value) === 'object' ) {
for( var i = 0; i < value.length; i++ ) {
if( $(this).attr('rel') == value[i] ) {
$(this).parent().addClass('selectBox-selected');
}
}
} else {
if( $(this).attr('rel') == value ) {
$(this).parent().addClass('selectBox-selected');
}
}
});
if( settings.change ) settings.change.call(select);
};
var setOptions = function(select, options) {
select = $(select);
var control = select.data('selectBox-control'),
settings = select.data('selectBox-settings');
switch( typeof(data) ) {
case 'string':
select.html(data);
break;
case 'object':
select.html('');
for( var i in data ) {
if( data[i] === null ) continue;
if( typeof(data[i]) === 'object' ) {
var optgroup = $('');
for( var j in data[i] ) {
optgroup.append('');
}
select.append(optgroup);
} else {
var option = $('');
select.append(option);
}
}
break;
}
if( !control ) return;
// Remove old options
control.data('selectBox-options').remove();
// Generate new options
var type = control.hasClass('selectBox-dropdown') ? 'dropdown' : 'inline',
options = getOptions(select, type);
control.data('selectBox-options', options);
switch( type ) {
case 'inline':
control.append(options);
break;
case 'dropdown':
control.find('.selectBox-label').text( $(select).find('OPTION:selected').text() || '\u00A0' );
$("BODY").append(options);
break;
}
};
var disableSelection = function(selector) {
$(selector)
.css('MozUserSelect', 'none')
.bind('selectstart', function(event) {
event.preventDefault();
});
};
//
// Public methods
//
switch( method ) {
case 'control':
return $(this).data('selectBox-control');
break;
case 'settings':
if( !data ) return $(this).data('selectBox-settings');
$(this).each( function() {
$(this).data('selectBox-settings', $.extend(true, $(this).data('selectBox-settings'), data));
});
break;
case 'options':
$(this).each( function() {
setOptions(this, data);
});
break;
case 'value':
if( !data ) return $(this).val();
$(this).each( function() {
setValue(this, data);
});
break;
case 'enable':
$(this).each( function() {
enable(this);
});
break;
case 'disable':
$(this).each( function() {
disable(this);
});
break;
case 'destroy':
$(this).each( function() {
destroy(this);
});
break;
default:
$(this).each( function() {
init(this, method);
});
break;
}
return $(this);
}
});
})(jQuery);function initSelectBox($selectObject){
$selectObject
.selectBox()
.change( function() {
if($(this).is('.metric')){
selectMetricEventHandle($(this));
} else if($(this).is('.oven')){
selectOvenEventHandle($(this));
}
});
}
function initInputField(){
$("input").bind("change blur",function(){
if($(this).val() == ""){
$(this).val($(this).attr('d-value'));
}
});
$('input.numeric').numeric({allow:"."})
$('input.numeric').focus(function(){
var value = $(this).val();
if (!isNumber(value)){
$(this).val("");
}
});
}
function isNumber(n) {
return !isNaN(parseFloat(n)) && isFinite(n);
}
var fieldid = 1;
function drawFormSet(fieldid){
var dynamicForm = '
Showing " + ((page_id * items_per_page) + 1) + "-" + top + " of " + items.length + "
"); pagination_container.find('A').attr('href', 'javascript:;'); } }); var count = 0; items.each(function () { count++; if ((count < 1) || (count > items_per_page)) { $(this).hide(); } else { $(this).show(); } }); } } /* ---------------------------------------------------------------------------------------- */ /* HELPER FUNCTIONS /* ---------------------------------------------------------------------------------------- */ function extractPlaylistId(query) { var playlistid = query.match("playlist/(.*?)/media"); if (playlistid != null) { if (playlistid[1] != null) { if (!isNaN(playlistid[1])) { return playlistid[1]; } } } return null; } function createVideoParams(options) { // default settings var defaults = { query: '', maxvideos: 0, tags: true } // get settings passed to the function var o = $.extend(defaults, options); var params = new Array(); // omit unneccessary fields for performance var omitFields = 'ratio,creator,tagProfileId,mediaFileExists,syndicated,mediaSchedules,displayStatus,syndicatedPartners,encodingProfiles,client,filename,status,defaultImage'; if (!o.tags) { omitFields += ',tags'; } params[params.length] = { name: 'omitFields', value: omitFields }; // limit videos if (o.maxvideos > 0) { if (o.query.indexOf('playlist') > -1) { params[params.length] = { name: 'mediaLimit', value: o.maxvideos }; } else { params[params.length] = { name: 'paged', value: 'true' }; params[params.length] = { name: 'page', value: '0' }; params[params.length] = { name: 'pageSize', value: o.maxvideos }; } } // add order by params[params.length] = { name: 'orderBy', value: 'creationdate' }; params[params.length] = { name: 'orderDesc', value: 'true' }; // check query for querystring variables if (o.query.indexOf('?') > -1) { var querystring = o.query.split('?')[1]; var queryArray = querystring.split('&'); for (x = 0; x < queryArray.length; x++) { var valArray = queryArray[x].split('='); // check if the key already exists in the params array var exists = false; for (i = 0; i < params.length; i++) { // if it exists, replace the current value if (params[i].name == valArray[0]) { exists = true; params[i].value = valArray[1]; } } // otherwise, add a new param if (!exists) { params[params.length] = { name: valArray[0], value: valArray[1] }; } } } return params; } /* ---------------------------------------------------------------------------------------- */ /* ADS /* ---------------------------------------------------------------------------------------- */ /* var movideoAds = { advertChangedCallback: function (advertData) { var pattern = /image/; for (x in advertData.companionAds) { var y = advertData.companionAds[x]; if (y.width == 468) { var midleaderboard = document.getElementById('leave-behind-wrapper'); if (pattern.test(y.creativeType)) { midleaderboard.innerHTML = '' +
''+
'
';
$(dynamicForm).appendTo("#dynamic-field-wrapper");
//init input box
initInputField();
}
$(function() {
//init select box
initSelectBox($(".fc-select SELECT"));
//init input box
initInputField();
$("#add-field").bind("click",function(){
fieldid = fieldid + 1;
drawFormSet(fieldid);
initSelectBox($("#fc-serve-unit-"+fieldid));
});
$(".food-calculator a.serve").bind("click",function(){
$("#food-calulator-serving").show();
$("#food-calulator-metric").hide();
$("#food-calulator-oven").hide();
});
$(".food-calculator a.oven").bind("click",function(){
$("#food-calulator-serving").hide();
$("#food-calulator-metric").hide();
$("#food-calulator-oven").show();
});
$(".food-calculator a.metric").bind("click",function(){
$("#food-calulator-serving").hide();
$("#food-calulator-metric").show();
$("#food-calulator-oven").hide();
});
$(".food-calculator-mini a.oven").bind("click",function(){
$("#food-calulator-metric-mini").hide();
$("#food-calulator-oven-mini").show();
});
$(".food-calculator-mini a.metric").bind("click",function(){
$("#food-calulator-metric-mini").show();
$("#food-calulator-oven-mini").hide();
});
});
function selectOvenEventHandle(selectObject){
var selectId = selectObject.attr('id');
if(selectObject.is('.widget')){
$("#fc-mini-oven-fahrenheit").selectBox('value', selectObject.val());
$("#fc-mini-oven-celsius").selectBox('value', selectObject.val());
} else {
$("#fc-oven-fahrenheit").selectBox('value', selectObject.val());
$("#fc-oven-celsius").selectBox('value', selectObject.val());
}
if(selectObject.val() != "-"){
$(".oven-fan").html($("#"+selectId+" option:selected").attr('fan') + "°C");
$(".oven-gas").html($("#"+selectId+" option:selected").attr('gas'));
$(".oven-heat").html($("#"+selectId+" option:selected").attr('heat'));
} else {
$(".oven-fan").html("answer");
$(".oven-gas").html("answer");
$(".oven-heat").html("answer");
}
}
function selectMetricEventHandle(selectObject){
var weight_group = new Array("ounce","pound","gram","kilogram");
var liquid_group = new Array("litre","millilitre","cup","tablespoon","teaspoon");
var array_group;
if(in_array(selectObject.val(),weight_group)){
var selectMetricOptions = {
"-":"Select",
kilogram:"Kilogram",
gram:"Gram",
pound:"Pound",
ounce:"Ounce"
};
$("#fc-metric-type").val("weight");
} else {
var selectMetricOptions = {
"-":"Select",
litre:"Litre",
millilitre:"Millilitre",
cup:"Cup",
tablespoon:"Tablespoon",
teaspoon:"Teaspoon"
};
$("#fc-metric-type").val("liquid");
}
if(selectObject.is('.widget')){
$("#fc-mini-metric-to-unit").selectBox('options', selectMetricOptions);
$("#fc-mini-metric-to").val("answer");
} else{
$("#fc-metric-to-unit").selectBox('options', selectMetricOptions);
$("#fc-metric-to").val("answer");
}
}
function in_array (needle, haystack, argStrict) {
var key = '',
strict = !! argStrict;
if (strict) {
for (key in haystack) {
if (haystack[key] === needle) {
return true;
}
}
} else {
for (key in haystack) {
if (haystack[key] == needle) {
return true;
}
}
}
return false;
}
function calculateServing(){
var org_value = $("#fc-serve-org").val();
var new_value = $("#fc-serve-new").val();
var amt;
var unit;
var i=1;
$("#dynamic-field-wrapper .dynamic-field").each(function(){
amt = $("#fc-serve-amt-"+i).val();
unit = $("#fc-serve-unit-"+i).val();
calculateResult(i, org_value, new_value, amt, unit);
i++;
});
return false;
}
function calculateResult(i, org_value, new_value, amt, unit){
if((unit != "-")&&(org_value != "")&&(new_value != "")){
var value = (amt/org_value) * new_value;
value = Math.round(value*100)/100;
$("#fc-serve-ans-"+i).val(value);
}
}
function convertMetric(mini){
var value = 0;
var result_field;
var convert_value;
var metric_to;
var metric_from;
var metric_type;
if(mini){
result_field = $("#fc-mini-metric-to");
convert_value = $("#fc-mini-metric-from").val();
metric_from = $("#fc-mini-metric-from-unit").val();
metric_to = $("#fc-mini-metric-to-unit").val();
metric_type = $("#fc-metric-type").val();
} else {
result_field = $("#fc-metric-to");
convert_value = $("#fc-metric-from").val();
metric_from = $("#fc-metric-from-unit").val();
metric_to = $("#fc-metric-to-unit").val();
metric_type = $("#fc-metric-type").val();
}
result_field.val(convertMetricType(convert_value, metric_type, metric_from, metric_to));
}
function convertMetricType(n,opt,s,e){
var result = 0;
var weightDb = {
ounce:35.3,
pound:2.2,
gram:1000,
kilogram:1
};
var liquidDb = {
litre:1,
millilitre:1000,
cup:4,
tablespoon:50,
teaspoon:200
};
if((s != "-") && (e != "-") && (n != "number")){
if(opt=="weight"){
result = (n * eval("weightDb."+e)) / eval("weightDb."+s);
}else{
result = (n * eval("liquidDb."+e)) / eval("liquidDb."+s);
}
return Math.round(result*100)/100;
} else {
return "answer";
}
}
if (top.location != location) {
top.location.href = self.location;
}
/**
* SWFObject v1.4: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
*
* SWFObject is (c) 2006 Geoff Stearns and is released under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
*
* **SWFObject is the SWF embed script formerly known as FlashObject. The name was changed for
* legal reasons.
*/
if(typeof deconcept=="undefined"){var deconcept=new Object();}
if(typeof deconcept.util=="undefined"){deconcept.util=new Object();}
if(typeof deconcept.SWFObjectUtil=="undefined"){deconcept.SWFObjectUtil=new Object();}
deconcept.SWFObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a,_b){
if(!document.createElement||!document.getElementById){return;}
this.DETECT_KEY=_b?_b:"detectflash";
this.skipDetect=deconcept.util.getRequestParameter(this.DETECT_KEY);
this.params=new Object();
this.variables=new Object();
this.attributes=new Array();
if(_1){this.setAttribute("swf",_1);}
if(id){this.setAttribute("id",id);}
if(w){this.setAttribute("width",w);}
if(h){this.setAttribute("height",h);}
if(_5){this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));}
this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion(this.getAttribute("version"),_7);
if(c){this.addParam("bgcolor",c);}
var q=_8?_8:"best";
this.addParam("quality",q);
this.setAttribute("useExpressInstall",_7);
this.setAttribute("doExpressInstall",false);
var _d=(_9)?_9:window.location;
this.setAttribute("xiRedirectUrl",_d);
this.setAttribute("redirectUrl","");
if(_a){this.setAttribute("redirectUrl",_a);}};
deconcept.SWFObject.prototype={setAttribute:function(_e,_f){
this.attributes[_e]=_f;
},getAttribute:function(_10){
return this.attributes[_10];
},addParam:function(_11,_12){
this.params[_11]=_12;
},getParams:function(){
return this.params;
},addVariable:function(_13,_14){
this.variables[_13]=_14;
},getVariable:function(_15){
return this.variables[_15];
},getVariables:function(){
return this.variables;
},getVariablePairs:function(){
var _16=new Array();
var key;
var _18=this.getVariables();
for(key in _18){
_16.push(key+"="+_18[key]);}
return _16;
},getSWFHTML:function(){
var _19="";
if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){
if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","PlugIn");}
_19="'+
''+
'
'+
''+
'