');
$(this).find('div.drop-shadow-inner').prepend('');
}
});
}
};
/*
Various functions to enhance forms
*/
var Forms = {
initialize: function() {
Forms.clearDefaults();
Forms.customControls();
Forms.firefox2WindowsHack();
Forms.fakePasswordDefault();
},
/*
Run clearDefaultValue on all inputs and password inputs
*/
clearDefaults: function() {
$('input[type="text"],input[type="password"]').clearDefaultValue();
},
/*
Runs replacement functions for select, radio, and checkbox elements
*/
customControls: function() {
$('select').selectbox();
$('input[type="radio"]').checkbox({cls:'custom-radio'});
$('input[type="checkbox"]').checkbox({cls:'custom-checkbox'});
},
/*
Deals with Firefox 2 ignoring font-size in buttons by resizing them in two elements that the higher font-size will break
*/
firefox2WindowsHack: function() {
if(window.navigator.platform === 'Win32' && $.browser.mozilla && $.browser.version.substr(0,3) == '1.8') {
$('#find-your-local-store button span,#msds-lookup-center button span').css('font-size','8px');
}
},
/*
Adds class to all password inputs to fake a defaultValue of "Password"
*/
fakePasswordDefault: function() {
$('input[type="password"]').addClass('password-field');
}
};
/*
Enables "slide-up"
s
*/
var Print = {
initialize: function() {
$('.print a').click(function() {
window.print();
return false;
});
}
};
/*
Enables users to cycle through two or more images with in a
with a class="slideshow"
The script looks for all the images in the div, hides every one but the first, then reveals the next image in the source order onclick.
*/
var SlideShow = {
initialize: function() {
$('.slideshow').each(function() {
// Hide all images
$(this).children('img').each(function() {
$(this).hide();
});
// Show the first one
$(this).children('img:first').show();
}).click(function() {
SlideShow.nextImage($(this));
}).hover(
function() {
SlideShow.mouseOver($(this));
},
function() {
SlideShow.mouseOut($(this));
}
);
},
nextImage: function(element) {
element.children('img').each(function() {
if($(this).is(':visible')) {
// Hide current image
$(this).hide();
// If this is the last image, show the first, if not, show the next image
if($(this).next('img').length > 0) {
$(this).next('img').show();
} else {
$(this).parent().children('img:first').show();
}
return false;
}
});
},
mouseOver: function(element) {
element.css('cursor','pointer');
},
mouseOut: function(element) {
element.css('cursor','inherit');
}
};
/*
jQuery extension to add a case insensitive version of ":contains"
*/
jQuery.extend(jQuery.expr[':'], {
"contains-nc": "(a.textContent||a.innerText||jQuery(a).text()||'').toLowerCase().indexOf((m[3]||'').toLowerCase())>=0"
});
/*
Enables users to collapse and expand answers to questions and search through results.
*/
var QuestionAndAnswer = {
initialize: function() {
var preloadMinus = new Image();
preloadMinus.src = '../images/bullets/minus-bullet.gif';
// Make all links open in a new window
$('.question-and-answer a:not([href=#])').attr('target', '_blank');
// hide all the answers by default
$('.question-and-answer dl dd, .question-and-answer .qa-category dl').hide();
// Setup the category title to toggle display of questions
// Setup the question text to toggle the answer
$('.question-and-answer dl dt a, .question-and-answer .qa-category > h4 > a').each(function(){
// Add a class we can use to track this anchor
$(this).attr('class', $.generateId());
$(this).data('clicked', false);
}).click(function(){
var a = $(this);
// If they're clicking a cloned question in search results, we need to find the original
if (a.parents('.qa-category').is('#qa-category-search'))
a = $('.qa-category:not(#qa-category-search) a.' + a.attr('class'));
// Only work when clicking questions, not categories, and only if this link isn't expanded and hasn't been clicked
if (a.length > 0 && a.parent().is('dt') && !a.is('.active') && !a.data('clicked')) {
a.data('clicked', true);
try {
if (typeof pageTracker != 'undefined') {
// Strip out everything that isn't a-z, A-Z, 0-9, spaces, period, parenthesis, or hyphens
var category = $('> h4 > a', a.parents('.qa-category')).text().replace(/[^a-zA-Z0-9 .()-]/gi, '');
var question = a.text().replace(/[^a-zA-Z0-9 .()-]/gi, '');
// The regex on the URL makes sure there is no trailing forward slash
var url = $.url.attr('path').replace(/\/$/i, '') + '/faqclicks/' + category + '/' + question;
pageTracker._trackPageview(url);
}
}
catch (e) {}
}
$(this).toggleClass('active').parent().next('dd, dl').slideToggle();
return false;
});
// We create the label and select instead of having it in the HTML because otherwise IE6 has issues with the select
$('')
.appendTo('.question-and-answer form .row .column-2:first');
// Loop through each category and add it as an option to the select
$('.question-and-answer > div:not(:last) > h4').each(function(i){
$('').insertBefore('#qa-filter option:last');
});
// Remove the old custom selectbox styling and recreate it, since we added some options above
$('#qa-filter_input, #qa-filter_container').remove();
$('#qa-filter').selectbox();
// Clicking on one of the options in the drop down searches for the corresponding category and displays it
// Also, click the first category by default
$('#qa-filter_container ul li').click(function(){
$('.question-and-answer .qa-category').hide();
if ($(this).prev().length == 0) {
$('.question-and-answer .qa-category:not(:last)').show();
$('.question-and-answer > div > dl').hide();
$('.question-and-answer > div > h4 > a').removeClass('active');
}
else {
$('.question-and-answer .qa-category')
.filter(':eq(' + ($(this).prevAll().length - 1) + ')').show()
.children('dl').show().end().children('h4').children('a').addClass('active');
}
}).filter(':first').click();
// Clicking the collapse all link hides all answers
$('a.qa-collapse-all').click(function(){
try {
if (typeof pageTracker != 'undefined') {
// The regex on the URL makes sure there is no trailing forward slash
var url = $.url.attr('path').replace(/\/$/i, '') + '/faqclicks/collapse-all';
pageTracker._trackPageview(url);
}
}
catch (e) {}
// If viewing all categories, then collapse the categories too
if ($('#qa-filter_input_qa-all').is('.selected')) {
$('.question-and-answer > .qa-category > h4 > a').removeClass('active');
$('.question-and-answer > .qa-category > dl').slideUp();
}
$('.question-and-answer dl dt a').removeClass('active');
$('.question-and-answer > div:hidden dd').hide();
$('.question-and-answer > div:visible dl dd').slideUp();
return false;
});
// Clicking the expand all link shows all answers
$('a.qa-expand-all').click(function(){
try {
if (typeof pageTracker != 'undefined') {
// The regex on the URL makes sure there is no trailing forward slash
var url = $.url.attr('path').replace(/\/$/i, '') + '/faqclicks/expand-all';
pageTracker._trackPageview(url);
}
}
catch (e) {}
// If viewing all categories, then expand the categories too
if ($('#qa-filter_input_qa-all').is('.selected')) {
$('.question-and-answer > .qa-category > h4 > a').addClass('active');
$('.question-and-answer > .qa-category > dl').slideDown();
}
$('.question-and-answer dl dt a').addClass('active');
$('.question-and-answer > div:hidden dd').show();
$('.question-and-answer > div:visible dl dd').slideDown();
return false;
});
// When the search form is submitted...
$('.question-and-answer > form').submit(function(){
// This first set of code is responsible for breaking apart the text entered by the user and
// create an array of terms to use when searching.
var searchTerms = [];
var enteredTerms = $('#field-id-search').val();
if (enteredTerms.length > 0) {
// First try to find all of the double quoted text and add those to the terms so we perserve the word order
var matchQuoted = enteredTerms.match(/"[^"]+"/g);
if (matchQuoted != null)
{ // Remove double quotes from the double quoted terms
matchQuoted = $.map(matchQuoted, function(n, i){ return n.replace(/"/g, ''); });
searchTerms = searchTerms.concat(matchQuoted);
// Remove the double quoted text from the search string
enteredTerms = enteredTerms.replace(/"[^"]+"/g, ' ');
}
enteredTerms = $.trim(enteredTerms);
// Next just split on whitespace to find the individual words
if (enteredTerms.length > 0 && !enteredTerms.match(/^\s+$/))
searchTerms = searchTerms.concat(enteredTerms.split(/\s+/));
}
// Loop through each search term and find questions/answers that contain the term
var searchResults = $([]);
var i = 0;
for (i in searchTerms) {
// Check through each question and then check the question text and its corresponding answer text against the search term
var searchResult = $('.question-and-answer div:not(#qa-category-search) dl dt').filter(function(){
// This filter is the core of the search. Because the selector grabs all the DTs (the question text) we also do
// a .add with .next() to grab the DD, which is the corresponding question answer.
// Next it runs a filter using a case insensitive version of :contains with the search term as the argument.
// Finally we turn all of this into a boolean check against the length of the element set. If there is any length,
// then the :contains check found some elements, and so we know the current question we're checking is valid.
return ($(this).add($(this).next()).filter(':contains-nc("' + searchTerms[i] + '")').length > 0);
});
// If we have a search result, add it to the search results set
if (searchResult.length > 0)
searchResults = searchResults.add(searchResult);
}
// If we have some search results we need to display them...
if (searchResults.length > 0) {
// Update the paragraph text showing the number of results
$('#qa-category-search > p').text('Your search returned ' + searchResults.length + ' result' +
(searchResults.length > 1 ? 's' : '') + ':');
// If there is an old definition list, remove it, then create a new one
$('#qa-category-search > dl').remove();
var definitionList = $('
');
// Go through each question we found and clone it and the corresponding answer to the DL
searchResults.each(function(){
$(this).clone(true).appendTo(definitionList);
$(this).next().clone(true).appendTo(definitionList);
});
// Add the DL to the search results DIV
definitionList.appendTo('#qa-category-search');
}
// If we have no search results, first remove any lingering definition list and then show the
// no search results paragraph text.
else {
$('#qa-category-search > dl').remove();
$('#qa-category-search > p').text('Your search did not return any results.').show();
}
// Automatically move the filter dropdown to the search results filter
$('#qa-filter_input_qa-search-results').click();
return false;
});
}
};
jQuery.validator.addMethod("maxEmails", function(value, element, params) {
return this.optional(element) || value.split(/\r?\n/g).length <= params;
}, "Too many addresses.");
jQuery.validator.addMethod("multiEmail", function(value, element, params) {
var valid = false;
var context = this;
$.each(value.split(/\r?\n/g), function(){
return (valid = $.validator.methods['email'].call(context, this.toString(), element, true ));
});
return this.optional(element) || valid;
}, "Invalid address.");
var EmailModal = {
initialize: function() {
$('#action-navigation .email a').click(function(){
// Remove the old hidden modal if it exists
$('.ui-dialog').remove();
// Format the form as a modal
var dialogHTML = $(EmailModal.HTML).dialog({
modal: true,
width: 480,
height: 525,
title: 'Email this Page from GFS.com',
draggable: false,
resizable: false,
//show: 'clip',
overlay: {
background: '#000',
opacity: 0.4
},
buttons: {
'Send': function(){
if ($('#email-modal form').valid()) {
$('#to').val($('#to').val().replace(/\r/g, '').replace(/\n/g, ','));
var formData = $('#email-modal form').serialize();
$('#email-modal form').remove();
$('#email-modal').text('Sending your e-mail... Please wait.');
var extraSlash = '';
if (/alewife(\.grhq\.gfs\.com)?/.test($.url.attr('host')) ||
/anchovy(\.grhq\.gfs\.com)?/.test($.url.attr('host')))
{
extraSlash = '/';
}
$.ajax({
url: $.url.attr('protocol') + '://' + $.url.attr('host') + ($.url.attr('port') != null ? (':' + $.url.attr('port')) : '') + extraSlash + '/iw-cc/emailModel',
type: 'GET',
dataType: 'xml',
data: formData,
success: function(data, textStatus){
var returnedData = $('ServiceResponse', data).text();
$('#email-modal').text(returnedData);
setTimeout(function(){
$('#email-modal').dialog('destroy').remove();
}, 3000);
},
error: function(XHR, textStatus, errorThrown){
$('#email-modal').text('Sorry, but your email could not be sent.');
setTimeout(function(){
$('#email-modal').dialog('destroy').remove();
}, 3000);
}
});
}
},
'Cancel': function(){
$('#email-modal').dialog('destroy').remove();
}
},
open: function(){
// When clicking the overlay, close the dialog
$('.ui-dialog-overlay').click(function(){
$('#email-modal').dialog('destroy').remove();
});
$('#url').val($.url.attr('source'));
$('#email-modal .page-title').text($('#main-content h1:first').text());
$('#subject').val('I just read this on GFS.com: ' + $('#main-content h1:first').text());
$('#message').keyup(function(){
$(this).parent().next('.character-counter').children('.remaining-characters').text(
Math.max(0, 500 - $(this).val().length)
);
});
}
});
$('form', dialogHTML).validate({
rules: {
subject: 'required',
message: {
maxlength: 500
},
email: {
required: true,
email: true
},
to: {
//required: true,
maxEmails: 5,
multiEmail: true
}
},
messages: {
name: 'Required.',
subject: 'Required.',
message: {
required: 'Required.',
maxlength: 'Cannot exceed 500 characters.'
},
email: {
required: 'Required.',
email: 'Invalid format.'
},
to: {
//required: 'Required.',
email: 'Invalid format.'
}
},
errorPlacement: function(error, element) {
error.prependTo( element.parent() );
}
});
// Style the inputs on the modal HTML
$('input[type="radio"]', dialogHTML).checkbox({cls:'custom-radio'});
$('input[type="checkbox"]', dialogHTML).checkbox({cls:'custom-checkbox'});
return false;
});
},
HTML: '
Enter one e-mail address per line. For example: person1@example.com person2@example.com
'
};
var PageModal = {
initialize: function() {
$('a.modalize').click(function(){
// Remove the old hidden modal if it exists
$('#page-modal, .ui-dialog').remove();
// Do an AJAX call for the page pointed to by href
$('').appendTo('body')
.data('title', $(this).attr('title'))
.load($(this).attr('href') + ' #main-content', null, function(){
// If no title is set on the anchor and there is an h1 tag, use it as the title
if ($(this).data('title').length == 0 && $('#main-content > h1:first', this)) {
$(this).data('title', $('#main-content > h1:first', this).text());
}
// Remove the h1 tag
$('#main-content > h1:first', this).remove();
// We don't want two main-content ids
$('#main-content', this).removeAttr('id').addClass('ui-dialog-inner');
$('#breadcrumb-navigation, #action-navigation', this).removeAttr('id').remove();
// Turn the content into a modal
$(this).show().dialog($.extend({
title: $(this).data('title')
}, PageModal.modalDefaults));
});
// Prevent the link from being followed
return false;
});
},
modalDefaults: {
modal: true,
draggable: false,
resizable: false,
width: 480,
height: 500,
overlay: {
background: '#000',
opacity: 0.4
},
buttons: {
'Close': function(){
$(this).dialog('destroy').remove();
}
},
open: function(){
// When clicking the overlay, close the dialog
$('.ui-dialog-overlay').click(function(){
$('#page-modal').dialog('destroy').remove();
});
}
}
};
var SiteSearch = {
action: '',
initialize: function(){
if (SiteSearch.action.length > 0)
$('#site-search').attr('action', SiteSearch.action);
/*
$('#site-search').submit(function(){
// If we're on the page with the iframe, just update the iframe instead of reloading the entire page.
if ($('#searchiframe').length > 0) {
SiteSearch.updateFrame($('input[name=' + SiteSearch.searchInput + ']', this).val());
return false;
}
else {
$(this).attr('action', $('input[name=page]', this).val())
.attr('method', 'get');
$('input[name=page]', this).remove();
}
});
// Update the search frame for situations where we were directed to this page from another
SiteSearch.updateFrame();
*/
},
updateFrame: function(keywords){
// If no term was supplied, read the term out of the page URL
if (typeof keywords == 'undefined')
keywords = $.url.param(SiteSearch.searchInput);
// If our term is a valid string...
if (typeof keywords == 'string')
$('#searchiframe').attr('src', SiteSearch.frame.uri + keywords + SiteSearch.frame.param + SiteSearch.frame.num);
},
searchInput: 'search',
frame: {
uri: 'http://eprdsrch1.grhq.gfs.com/search?q=',
param: '&site=betatest&client=my_frontend&output=xml_no_dtd&proxystylesheet=my_frontend&num=',
num: 10
}
};
var FlashVideo = {
initialize: function(){
// Find all anchor tags that link to .flv files
$('a[href~=.flv]').each(function(){
// Parse out the URL, which has the file location and flashvars
var flvURL = jQuery.url.setUrl($(this).attr('href'));
// Skip turning this anchor into a player if the "ignore" query string parameter is defined
if (flvURL.param('ignore') != null) return;
// Default flashvars
// Note that we remove the query string from the URL
var flashvars = {
file: $(this).attr('href').replace('?' + flvURL.attr('query'), ''),
plugins: 'googlytics-1'
};
// Combine query string settings from the anchor URL into the flashvars
$.extend(true, flashvars, flvURL.param());
// If width and height aren't set, then provide some defaults
if (typeof flashvars.width == 'undefined') flashvars.width = 480;
if (typeof flashvars.height == 'undefined') flashvars.height = 380;
var attributes = {
allowscriptaccess: 'always',
allowfullscreen: 'true'
};
// Generate an ID for this anchor if it doesn't have one
if ($(this).attr('id') == '') $(this).generateId();
// Replace the anchor with the flash video player
$(this).flashembed({
src: '/flash/player.swf',
allowscriptaccess: 'always',
allowfullscreen: 'true',
wmode: 'opaque',
width: flashvars.width,
height: flashvars.height
}, flashvars);
/*swfobject.embedSWF('/flash/player.swf', $(this).attr('id'), flashvars.width, flashvars.height,
'9.0.0', '', flashvars, null, attributes);*/
});
}
};