" ).html( value.label || value.value || value ).text() );
});
}
$.extend( proto, {
_initSource: function() {
if ( this.options.html && $.isArray(this.options.source) ) {
this.source = function( request, response ) {
response( filter( this.options.source, request.term ) );
};
} else {
initSource.call( this );
}
},
_renderItem: function( ul, item) {
return $( "
" )
.data( "item.autocomplete", item )
.append( $( "
" )[ this.options.html ? "html" : "text" ]( item.label ) )
.appendTo( ul );
}
});
})( jQuery );
/*
----------------------------------------------------------------------
Category Explorer code
----------------------------------------------------------------------
NOTES:
Uses jQuery. The Html required is produced by the custom tag
Usage:
- Initialise by calling bbExplorer.init() once the DOM is loaded.
- Any of the default config options can be overwritten by passing in a settings object.
*/
var bbExplorer = {
init : function(settings) {
//console.time('init')
// default config
bbExplorer.config = {
$wrapper : $j('#explorerCategories'),
$contentHolder : $j('#categoryContent'),
loadingImg : '
'
}
// provide for custom configuration via init()
if (settings && typeof(settings) == 'object') {
$j.extend(bbExplorer.config, settings);
}
//reference to all category links
var $allCatLinks = bbExplorer.config.$wrapper.find('a');
//handle clicks on links in the explorer tree - different behaviour depending on type of link
$allCatLinks.click(function() {
var $thisLink = $j(this)
if ($thisLink.hasClass('expand')) { // This is a node expand link
//toggle link styles and visibility of ul:
var $catLink = $thisLink.siblings("a");
bbExplorer.toggleLinks($catLink,$thisLink);
return false;
} else { // This is a category link
// handle click event on category links
bbExplorer.catClick($thisLink, $allCatLinks);
return false;
}
});
// handle click events on any pager links that appear in the loaded content
bbExplorer.config.$contentHolder.find('div.pager a').live('click', function() {
bbExplorer.loadContent($j(this).attr('href'));
return false;
});
bbExplorer.expandCurrentCat();
//console.timeEnd('init')
},
createExpanderLink : function($li) {
if ($li.children('ul').length) {
$j("
")
.click(function() {
//toggle link styles and visibility of ul:
var $expanderLink = $j(this);
var $catLink = $expanderLink.siblings("a");
bbExplorer.toggleLinks($catLink,$expanderLink);
return false;
})
//insert expander link into the start of this li
.prependTo($li);
}
},
toggleLinks : function($catLink,$expanderLink) {
// change icon to an open folder and try and open sub list
$catLink.toggleClass('open')
.siblings("ul")
.toggle();
// if expander link exists toggle its class
if ($expanderLink.length) {
$expanderLink.toggleClass('collapse');
}
},
catClick : function($catLink,$allCatLinks) {
//make this link the only highlighted one.
$allCatLinks.removeClass('current');
$catLink.addClass('current');
// load the category content
bbExplorer.loadContent($catLink.attr('href'));
// expand any sub categories
var $subCats = $catLink.siblings("ul");
if ($subCats.length) {
$subCats.show();
$catLink.addClass('open')
}
$catLink.siblings("a").addClass('collapse');
},
loadContent : function(href) {
// show loading gif until new content loaded
bbExplorer.config.$contentHolder.empty().html(bbExplorer.config.loadingImg);
// load content
bbExplorer.config.$contentHolder.load(href, function() {
// stripe any tables
bbExplorer.config.$contentHolder.find('table.stripey').each(function() {
$j(this).find('tr:even').addClass('even');
});
});
},
expandCurrentCat : function() {
// The current cat will have the class 'current'. Use this to find it and expand it's parents
bbExplorer.config.$wrapper.find('a.current').each(function() {
$this = $j(this);
var url = $this.attr('href');
if (bbExplorer.pagingParams.page > 0) {
url = url + '&page='+bbExplorer.pagingParams.page+'&pageSize='+bbExplorer.pagingParams.pageSize
}
// load the content for the current category by triggering the click action
bbExplorer.loadContent(url);
$this
.addClass('open')
.parents('ul')
.each( function(){ // toggle parent uls and change links
$thisUl = $j(this);
var $catLink = $thisUl.siblings('a:not(.expand)');
var $expanderLink = $thisUl.siblings("a.expand");
bbExplorer.toggleLinks($catLink,$expanderLink);
})
.end() // reset context back to current cat link
.children("a:first")
.toggleClass('collapse'); //toggle the associated expander link
// If the current folder is out of sight, scroll to it:
var scrollPos = $this.position();
if (scrollPos.top > 450){
bbExplorer.config.$wrapper.find('.explorerCatWrapper').scrollTop(scrollPos.top);
}
});
},
// variables to hold paging values:
pagingParams : {
page: 0,
pageSize: 0
}
};
/*
----------------------------------------------------------------------
Lightbox Panel code
----------------------------------------------------------------------
NOTES:
Uses jQuery. Enables a dynamic drop down for switching lightboxes or adding new ones on the fly.
Usage:
- Initialise by calling lbPanel.init() once the DOM is loaded.
- Any of the default config options can be overwritten by passing in a settings object.
*/
var lbPanel = {
config : {
container : '#lbPanel'
},
init : function(settings) {
// handle custom settings and initialise
// provide for custom configuration via init()
$j.extend(lbPanel.config, settings);
// create and/or cache some DOM elements we'll want to use throughout the code
lbPanel.$container = $j(lbPanel.config.container);
lbPanel.$drop = lbPanel.$container.find('div.drop');
lbPanel.$dropLink = lbPanel.$container.find('a.dropLink');
// hover behaviour on the entire lbPanel
lbPanel.$container.hover(
function() {
// show drop down link
lbPanel.$dropLink.addClass('invite')
},
function() {
// hide drop down link
lbPanel.$dropLink.removeClass('invite')
}
);
// clicking anywhere in the page will close the action dropdown (except anywhere that
// has .stopPropagation() in its click event)
$j(document).click(function(){
lbPanel.closeDropdown();
});
lbPanel.$drop.find('.add').click(function(e){
e.stopPropagation(); // Don't want click around input fields to close dropdown
})
//click event on button expander
lbPanel.$dropLink.click(function(e) {
lbPanel.toggleDropDown(e,$j(this));
return false;
});
// click event on input
lbPanel.$drop.find('input').click(function(e) {
e.stopPropagation(); // stop dropdown closing
$thisInput = $j(this);
// do something different depending on which input has been clicked
if ($thisInput.hasClass('text')) {
// clear input
if($thisInput.val() == 'Create new...' ) {
$thisInput.val('');
}
} else { // Add button was clicked
var $textInput = $thisInput.prev('input') // Get reference to text input
if ($textInput.val() == '') {
// error - name is empty
alert('Please enter a value for the new lightbox name.');
$textInput.blur(); // Remove focus else hitting enter to close the js popup triggers click event on add button.
return false;
} else {
// add new lightbox
lbPanel.addLightbox($thisInput);
// clear text input and give focus
$textInput.val('').focus();
}
}
});
// keydown event on text field - handle user hitting enter to submit the form
lbPanel.$drop.find('input.text').keyup(function(event){
if(event.keyCode == 13){
$j(this).next('input').click();
}
});
// click event on 'empty' link
lbPanel.$container.find('a.empty').click(function(e) {
e.preventDefault();
lbPanel.emptyLightbox($j(this));
});
},
toggleDropDown : function(e,$this) {
$this.toggleClass('on');
lbPanel.$drop.toggle();
},
addLightbox : function($addButton) {
// dynamically add a new lightbox
var newName = $addButton.siblings('input').val();
var $addLi = $addButton.parent();
// create holding li (with loading gif) and insert at end of the list
var $newLi = $j('
');
var $parentUl = lbPanel.$drop.find('ul');
$newLi.appendTo(lbPanel.$drop.find('ul'));
// scroll to bottom of list so user can see the lightbox being added
var scrollUl = lbPanel.$drop.find('ul').get(0); // the get call returns a DOM element rather than a jquery object
scrollUl.scrollTop = scrollUl.scrollHeight;
var myUrl = "../action/addAssetBox";
var myData = { 'ajax': true, 'name': newName};
//perform ajax call which creates new lightbox in the back end and returns the new name and id
$j.ajax({
type: "GET",
url: myUrl,
data: myData,
success: function(data, textStatus, xhr) {
$newLi.html('
'+data.lbName+' (0)').effect("highlight", {}, 1500);
},
dataType: "json",
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
$newLi.remove();
}
});
},
emptyLightbox : function($emptyLink) {
var response = confirm('Are you sure you want to remove all the items from this lightbox?');
if (response == true) {
// call remove all action...
var myUrl = $emptyLink.attr('href');
$j.ajax({
url: myUrl,
success: function(data){
// set counts to zero
lbPanel.resetCounts();
//reset all 'add to lightbox' links
lbPanel.resetAddLinks();
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert ("Error: " + textStatus);
}
});
}
},
resetAddLinks : function() {
// show all 'add to lightbox' links
var $addCollection = $j('#content ul.lightbox a.add').add('#content table.lightboxList a.add');
$addCollection.show();
// hide all 'in lightbox' links
var $inCollection = $j('#content ul.lightbox a.in').add('#content table.lightboxList a.in');
$inCollection.hide();
},
showEmptyLink : function() {
lbPanel.$container.find('a.empty').addClass('on');
},
incrementCounts : function() {
// there are 2 counts, one in the lbPanel text and one in the drop down
//var $count1 = lbPanel.$container.find('li.current span.count'); - this did not work when user not logged in.
var $count1 = lbPanel.$container.find('#lbText strong');
var newCount = parseInt($count1.text()) + 1;
// update the lightbox panel text
if (newCount==1) {
// if there were 0 items, now there's 1 so use different text (which is got from a hidden span on the page)
document.getElementById("itemsInLightbox").innerHTML = document.getElementById("itemInLightBoxText").innerHTML;
lbPanel.showEmptyLink(); //show 'empty this lightbox' link in the lbPanel
} else {
document.getElementById("itemsInLightbox").innerHTML = document.getElementById("itemsInLightBoxText").innerHTML;
}
var $count2 = lbPanel.$container.find('#lbText strong').eq(0); // needs to happen after text change above else references wrong strong tags
// update the counts
$count1.text(newCount);
$count2.text(newCount);
},
resetCounts : function() {
var $counts = lbPanel.$container.find('#lbText strong');
$counts.add('li.current span.count').text('0');
},
closeDropdown : function() {
lbPanel.$drop.hide();
lbPanel.$dropLink.removeClass('on');
}
}
/*
----------------------------------------------------------------------
Equal Heights Function
----------------------------------------------------------------------
NOTES:
Uses jQuery. Fixes issue of different asset reult panel heights due to long display attributes.
Usage
equalHeights($elements); Sets all columns to the same height.
*/
function equalHeights($elements) {
var tallest = 0;
$elements.each(function() {
var thisHeight = $j(this).innerHeight();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
$elements.each(function() {
$j(this).height(tallest);
});
}
/*
----------------------------------------------------------------------
Drag and drop sorting - used to reorder attributes, slideshows etc..
----------------------------------------------------------------------
NOTES:
Uses jQuery and jQuery UI
Usage
- Include the jquery UI files in the head of the jsp.
- The things you want to sort must be in a table with the css class 'list', any tr elements within a tbody will be sortable.
- Give each sortable tr a class attribute set to the id of whatever you are sorting (prefixed with 'id'). Example:
0) {
var draggedBeforeID = $nextItem.attr('class');
draggedBeforeID = draggedBeforeID.replace('id','');
} else {
var draggedBeforeID = -1;
}
// set up main ajax data
var ajaxData = {
id : draggedId,
moveTo : draggedBeforeID
}
// extra ajax data fields
var groupId = ui.item.parents('table').attr('id');
if (groupId != "") {
ajaxData.daGroupId = groupId;
}
// Ajax call to cement new position
$j.ajax({
url: sortingAction,
data: (ajaxData),
success: function(data) {
ui.item.find('td').removeClass('disabled')
ui.item.effect("highlight", {}, 1500)
}
});
},
helper: function(event, $tr) {
// the following code stops the table cells shrinking while they are being dragged
var $originals = $tr.children();
var $helper = $tr.clone();
$helper.addClass('active');
var $helperKids = $helper.children();
$helperKids.each(function(index) {
// Set helper cell sizes to match the original sizes
var origWidth = $originals.eq(index).innerWidth();
//$j(this).css('width',origWidth+'px');
$j(this).innerWidth(origWidth); // BB - using width() causes a 'type mismatch' error in IE8
});
return $helper;
}
});
// Fix text selection issue in Chrome
$j('table.list td.sort').each(function() {
this.onselectstart = function() {return false};
});
}
/*
----------------------------------------------------------------------
Video keywording interface
----------------------------------------------------------------------
*/
var vidKeywords = {
init : function (settings) {
// set up some variables as properties
vidKeywords.assetId = settings.assetId;
vidKeywords.errorMessage = "";
vidKeywords.vkid = 0;
vidKeywords.content = settings.validationMessages;
vidKeywords.endTime = "";
$j('a.get').click(function () {
var $this = $j(this)
// get current video point and insert into correpsonding input field
var position = Math.round(jwplayer().getPosition());
var splitTime = vidKeywords.convertFromSecs(position);
if ($this.hasClass('start')) {
$j('#start_point').val(position);
} else if ($this.hasClass('end')) {
$j('#end_point').val(position);
}
return false;
});
$j("#addKeywordForm").click(function () {
var startPoint = $j('#start_point').val();
var endPoint = $j('#end_point').val();
var keywords = $j('#keywords1').val();
vidKeywords.vkid = 0;
vidKeywords.add(keywords,startPoint,endPoint,vidKeywords.vkid);
return false;
});
$j("#saveKeywordForm").click(function () {
var startPoint = $j('#start_point').val();
var endPoint = $j('#end_point').val();
var keywords = $j('#keywords1').val();
vidKeywords.add(keywords,startPoint,endPoint,vidKeywords.vkid);
$j('#keywordsWrapper').removeClass('edit');
return false;
});
},
convertFromSecs : function (time) {
var hours = Math.floor(time / 3600);
time = time - hours * 3600;
var minutes = Math.floor(time / 60);
var seconds = time - minutes * 60;
var splitTime = {
'hh' : hours,
'mm' : minutes,
'ss' : seconds
}
return splitTime
},
getSecs : function(timeStr) {
var time = timeStr.split(':');
var convertedTime = "";
var length = time.length;
var sec = parseInt(time[length-1]);
var min = parseInt(time[length-2]) * 60;
convertedTime = sec + min;
if (length == 3) {
//deal with hours too
var hrs = time[length-2] * 3600;
convertedTime = convertedTime+hrs;
}
return convertedTime;
},
validate : function (keywords, startPoint, endPoint) {
// Validate form fields and build a javascript validation error message
var bValid = true;
if (keywords == "") {
vidKeywords.errorMessage = vidKeywords.content.keywords;
bValid = false;
}
if (startPoint == "") {
vidKeywords.errorMessage = vidKeywords.errorMessage + vidKeywords.content.start;
bValid = false;
}
if (endPoint) {
if (parseInt(endPoint) < parseInt(startPoint)) {
vidKeywords.errorMessage = vidKeywords.errorMessage + vidKeywords.content.end;
bValid = false;
}
}
return bValid;
},
add : function (keywords, startPoint, endPoint, vkid) {
var startPoint = startPoint +''; //convert to string
// parse time fields
if(startPoint.indexOf(':') != -1){
startPoint = vidKeywords.getSecs(startPoint);
} else {
startPoint = parseInt(startPoint);
}
if (endPoint) {
var endPoint = endPoint +''; //convert to string
if (endPoint.indexOf(':') != -1){
endPoint = vidKeywords.getSecs(endPoint);
} else {
endPoint = parseInt(endPoint);
}
}
// call validation and perform ajax call if successful:
if ( vidKeywords.validate(keywords, startPoint, endPoint) ) {
var data = {
'id' : vidKeywords.assetId,
'vkId' : vkid,
'start' : startPoint,
'end' : endPoint
};
$j('#keywordsWrapper input.keywordsField').each(function() {
$this = $j(this);
data[$this.attr('id')] = $this.val();
});
// perform Ajax call
$j.ajax({
type: "POST",
url: "../action/saveVideoKeyword",
data: data,
success: function(response){
$j('#keywordsList').empty().append(response);
$j('#keywordsWrapper tr.updated').effect("highlight", {}, 1500)
}
});
// reset form values
$j('#keywordsWrapper input.keywordsField').val('')
$j('#keywords1').focus();
$j('#start_point').val('');
$j('#end_point').val('');
} else {
alert(vidKeywords.errorMessage);
}
},
edit : function (vkid, keywords, startPoint, duration) {
// Populate keywords from and switch to edit mode:
$j.each(keywords, function(key,value) {
$j('#'+key).val(value);
});
$j('#keywords1').focus();
$j('#start_point').val(startPoint);
if(duration>0) {
$j('#end_point').val(startPoint+duration);
}
//switch to edit mode
$j('#keywordsWrapper').addClass('edit');
vidKeywords.vkid = vkid;
},
deleteKeyword : function (keywordId, thisLink) {
//animate hide on this row
$j(thisLink).parents('tr').hide('slow');
// perform Ajax call
$j.ajax({
type: "POST",
url: "../action/deleteVideoKeyword",
data: "id="+vidKeywords.assetId+"&vkId="+keywordId,
success: function(response){
//$j('#keywordsList').empty().append(response);
//animate hide on this row
$j(thisLink).parents('tr').hide('slow');
}
});
},
seekAndPlay : function (time, endTime) {
jwplayer().seek(time).play(true);
vidKeywords.endTime = endTime
if (typeof vidKeywords.endTime != "" && vidKeywords.endTime > time) {
//stop at endTime
var stopped = false;
jwplayer().onTime(function(event) {
if (!stopped) {
if (event.position >= vidKeywords.endTime) {
stopped = true;
jwplayer().pause(true);
}
}
})
}
}
}
/*
----------------------------------------------------------------------
Date picker - using jquery ui datepicker
----------------------------------------------------------------------
*/
function initDatePicker() {
//Date picker fields
setDateFormat = jqDateFormats.standard;
// Simple date picker
$j('#mainCol input.date').datepicker({
showOn: "button",
buttonImage: "../images/standard/icon/calendar.gif",
buttonImageOnly: true,
dateFormat: jqDateFormats.standard, // date format comes from app settings
constrainInput: false,
beforeShow: function(input) {
// BB - had to deactivate this functionality for time being to allow for flexible date formatting
// TODO - get date range functionality working again with flexible dates.
// Check if this is the end date field:
// if (input.id.indexOf('endDate') >= 0) {
// // Look for a start date:
// var splitDate = $j(input).prevAll('input.date').val().split('/');
// // Parse the date depending on which date format we are using:
// if (daysBeforeMonths) {
// var minDate = new Date(splitDate[2],splitDate[1]-1,splitDate[0]);
// } else {
// var minDate = new Date(splitDate[2],splitDate[0]-1,splitDate[1]);
// }
// // Increment by 1 day:
// minDate.setDate(minDate.getDate()+1);
// // Set the minDate for this picker:
// return {
// minDate: minDate
// };
//
// }
$j('#ui-datepicker-div').removeClass('noDays'); // make sure days appear (incase a month picker has hidden them)
}
});
// Month and year only version of datepicker
$j('#mainCol input.monthPicker').datepicker({
showOn: "button",
buttonImage: "../images/standard/icon/calendar.gif",
buttonImageOnly: true,
changeMonth: true,
changeYear: true,
showButtonPanel: true,
dateFormat: jqDateFormats.yearMonth, // date format comes from app settings
yearRange: '1900:2100',
beforeShow : function(input, inst) {
var $this = $j(this);
if ((datestr = $this.val()).length > 0) {
var parsedDate = Date.parse(datestr); // parse the date using date.js library
$this.datepicker('option', 'defaultDate', parsedDate);
$this.datepicker('setDate', parsedDate);
}
$j('#ui-datepicker-div').addClass('noDays'); // css to hide days in popup
},
onClose: function(dateText, inst) {
// set to 1st of the chosen month on close
var month = $j("#ui-datepicker-div .ui-datepicker-month :selected").val();
var year = $j("#ui-datepicker-div .ui-datepicker-year :selected").val();
$j(this).datepicker('setDate', new Date(year, month, 1));
}
});
}
/*
======================================================================
PAGE FUNCTIONS
----------------------------------------------------------------------
Less commonly used functions that are still worth putting into an include
*/
// generic function for switching tabs
// NB need to make sure your tabs use the simplified layout (i.e. the links are not wrapped in
// tags) - see page_help.jsp for example
function switchTab(element) {
$j(element).addClass('active');
$j(element).siblings().removeClass('active');
}
function selectCheckboxes(strAllOrNone, cssSelector) {
/*
Switches an array of checkboxes all on or all off.
Args:
strAllOrNone - set to 'all' or 'none'
cssSelector - used to identify the checkboxes you want to affect (e.g. '#myDiv input.checkbox')
*/
var $checkBoxArray = $j(cssSelector);
//Iterate through checkboxes on the page
if (strAllOrNone == 'all') {
$checkBoxArray.attr('checked',true)
} else if (strAllOrNone == 'none') {
$checkBoxArray.removeAttr('checked')
}
}
function toggleState(thisCheckbox) {
/*
Toggles a checkbox between checked and unchecked.
*/
if ( thisCheckbox.checked == true ) {
thisCheckbox.checked = false;
}
else {
thisCheckbox.checked = true;
}
}
/*
Toggles class of containing for extra visual feedback
*/
function toggleClass(wrappingLi,force) {
if ( wrappingLi.hasClassName('selected')) {
wrappingLi.removeClassName('selected');
}
else {
wrappingLi.addClassName('selected');
}
}
// toggles the display of a control panel
// $elementToToggle and $togglingLink should be jquery objects (e.g. $j(this))
function toggleControls($elementToToggle,$togglingLink)
{
//toggle visibility of control panel
$elementToToggle.toggle();
//toggle the css class of the link
$togglingLink.toggleClass("collapse");
}
/*
Either select or deselect all checkboxes, depending on the value of 'b_trueOrFalse'
Also need to pass in the id of a containing element for the checkboxes (so you can group checkboxes together)
This function assumes checkboxes are contained in li items and will toggle the 'selected' all the li elements
within the passed in container.
*/
function selectItems(b_trueOrFalse, containerId) {
var $checkBoxArray = $j('#'+containerId+' input:checkbox');
$checkBoxArray.attr('checked',b_trueOrFalse);
if (b_trueOrFalse) {
$j('#'+containerId+' li').addClass('selected');
} else {
$j('#'+containerId+' li').removeClass('selected');
}
}
/*
Functions for integrating with a map popup.
*/
function popupMap(element) {
var mapWindow = window.open(element.href, "mapWindow", "width=700,height=550,toolbar=no,location=no,status=no,menubar=no,resizable=yes,scrollbars=yes,titlebar=no");
mapWindow.focus();
}
function getSpatialCoords($container) {
//update global variables with values in the text boxes
sLat = $j('input.sLat', $container).val();
wLng = $j('input.wLng', $container).val();
nLat = $j('input.nLat', $container).val();
eLng = $j('input.eLng', $container).val();
}
function setSpatialCoords($container) {
//update text boxes with global variable values
$j('.sLat', $container).val(sLat);
$j('.wLng', $container).val(wLng);
$j('.nLat', $container).val(nLat);
$j('.eLng', $container).val(eLng);
}
function popupMapInit() {
$j('a.mapPopup').click(function(){
//get context
$whichAttribute = $j(this).parents('table.nested').eq(0)
getSpatialCoords($whichAttribute);
popupMap(this);
return false;
});
}
function viewMapPopupInit() {
$j('a.mapPopup').click(function(){
//get context
$whichAttribute = $j(this).parents('td.padded').eq(0)
sLat = $j('span.sLat', $whichAttribute).text();
wLng = $j('span.wLng', $whichAttribute).text();
nLat = $j('span.nLat', $whichAttribute).text();
eLng = $j('span.eLng', $whichAttribute).text();
popupMap(this);
return false;
});
}
function searchMapPopupInit() {
popupMapInit();
$j('p.areaPointToggle input').click(function(){
activateSearchTab($j(this));
})
// Initially hide search point and radius
// $j('table.searchPoint').hide()
$j('p.areaPointToggle').addClass('tabHolderPopup');
$j('p.areaPointToggle input:checked').each( function() {
activateSearchTab($j(this));
});
}
function activateSearchTab($this) {
// shows either search area or point and radius fields depending on which radio button is selected
var $container = $this.parents('div.spatialAreaWrap');
var $label = $this.parent();
$container.find('p.areaPointToggle label').removeClass('active');
$this.parent().addClass('active');
$container.find('table').hide()
$container.find('table.'+$label.attr('rel')).show();
}
/*
----------------------------------------------------------------------
Expanding/collapsing attribute headings
----------------------------------------------------------------------
*/
var attrHeadings = {
init: function(wrapperId) {
var $headings = $j(wrapperId).find('.attributeGroupHeading h3');
$headings.click(function(){
attrHeadings.toggle($j(this));
});
// hide initially collapsed panels
$j(wrapperId).find('.initially-collapsed').hide();
},
toggle: function($heading) {
var $panel = $heading.parents('.attributeGroupHeading').next('.attributeGroupPanel');
$heading.toggleClass('collapsed');
$panel.toggle();
}
}
/*
----------------------------------------------------------------------
Clear CMS Mode
----------------------------------------------------------------------
NOTES:
This calls an action to clear the CMS mode (used to clear CMS mode before returning user to CMS)
*/
function clearCmsMode()
{
url = "clearCmsMode";
new Ajax.Request(url);
}
/*
======================================================================
WHEN DOM READY
----------------------------------------------------------------------
Generic actions to carry out on every page when DOM is loaded
*/
$j(function() {
//Listen for clicks on any popup links
$j('a.help-popup').click( function() {
popupGeneric(this,"width=800,height=500,toolbar=yes,location=no,status=no,menubar=no,resizable=yes,scrollbars=yes,titlebar=no");
return false;
});
// Main navigation - set up hover and click events on expanding menu items (e.g. upload and admin)
$j('#main_nav a.expanding')
.hover(function(){
var $link = $j(this);
$link.toggleClass('openHover');
})
.click(function() {
var $link = $j(this);
var $submenu = $link.next('ul'); // get reference to submenu ul
$submenu.toggle(); //show/hide submenu
$link.toggleClass('open');
return false;
});
// stripey tables - BB I have removed all other table stripey code from the application, as this covers everything
$j('table.stripey').each(function() {
$j(this).find('tr:even').addClass('even');
});
// asset panel heights - if the current page has asset panels make sure the sizes are even
if($j('#content ul.lightbox').length) {
equalHeights($j('#content ul.lightbox div.detailWrapper'));
}
// selectable assets - check if applicable then initialize
if ($j('#selectableAssets').length) {
var $listArray = $j('#selectableAssets li.selectable');
var $checkArray = $j('#selectableAssets li input.checkbox');
// make li elements clickable
$listArray.click(function(event) {
// if containing li is clicked simply trigger click event on the checkbox inside
$j(this).children('input.checkbox').click();
});
// click event on checkboxes
$checkArray.click(function(event) {
event.stopPropagation();
$j(this).parent('li').toggleClass('selected');
});
// highlight any already selected checkboxes
$j('#selectableAssets input:checked').parent('li').addClass('selected');
}
// initiaise lightbox panel
if($j('#lbPanel').length) {
lbPanel.init();
}
});