' + (idx + 1) + '';
};
}
},
/* ---------------------- POPOVERLAY FOR PINBOARD ---------------------------*/
pinboardoverlay: {
init: function () {
$(".panel a.popVid, .panel a.popImg").fancybox({
'width': 590,
'height': '100%',
'autoScale': false,
'transitionIn': 'none',
'transitionOut': 'none'
});
$(".panel a.popVid, .panel a.popImg").click(function () {
//var contentId = $(this).attr("href");
var contentId = $(this).html();
$("#videocontainer").hide();
$.ajax({
type: "POST",
url: "/Services/PinboardService.asmx/GetPinboard",
data: "{contentId: '" + contentId + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
var pinboard = $.parseJSON(data.d);
var title = pinboard[0].Title;
var urlLink = pinboard[0].UrlLink;
var longDescription = pinboard[0].LongDescription;
var youtubeId = pinboard[0].YoutubeId;
var pinboardCategory = pinboard[0].Category.replace(/\s+/g, '');
$("#detailview").attr("class", pinboardCategory);
$("#pop").html(title);
$("#popparagraph").html(longDescription);
$("#findoutmore").attr("href", urlLink);
if (youtubeId !== null) {
var videoUrl = "http://www.youtube.com/embed/" + youtubeId + "?wmode=Opaque&rel=0";
$("#player").attr("src", videoUrl);
$("#videocontainer").show();
}
Cufon.replace('.pop-wrapper-590 h1', {
fontFamily: 'AvenirRoman',
hover: true
});
}
});
return false;
});
$(".panel a.popText").fancybox({
'width': 905,
'height': '100%',
'autoScale': false,
'transitionIn': 'none',
'transitionOut': 'none'
});
$(".panel a.popText").click(function () {
var contentId = $(this).html();
$("#videocontainertext").hide();
$.ajax({
type: "POST",
url: "/Services/PinboardService.asmx/GetPinboard",
data: "{contentId: '" + contentId + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
var pinboard = $.parseJSON(data.d);
var title = pinboard[0].Title;
var urlLink = pinboard[0].UrlLink;
var longDescription = pinboard[0].LongDescription;
var youtubeId = pinboard[0].YoutubeId;
var pinboardCategory = pinboard[0].Category.replace(/\s+/g, '');
$("#detailtextview").attr("class", pinboardCategory);
$("#poptext").html(title);
$("#popparagraphtext").html(longDescription);
$("#findoutmoretext").attr("href", urlLink);
if (youtubeId !== null) {
var videoUrl = "http://www.youtube.com/embed/" + youtubeId + "?wmode=Opaque&rel=0";
$("#playertext").attr("src", videoUrl);
$("#videocontainertext").show();
}
Cufon.replace('.pop-wrapper-920 h1', {
fontFamily: 'AvenirRoman',
hover: true
});
}
});
return false;
});
}
},
/* ---------------------- FILTER ---------------------------*/
filter: {
init: function () {
$('#prev').hide();
$('#next').bind('click', null, function () {
$('#prev').show();
});
//create an Array to store the Filter ids
var filterIDs = [];
var tempBGColors = ['#003258', '#525e03', '#7f400d', '#933210'];
var tempBorderBottomColors = ['#005ca4', '#a5bd07', '#FF811A', '#e34c16'];
var tempAllItems = ['.customer-owned', '.benefits', '.responsibility', '.community'];
var filtersToMatchAgainstArr = ['.customer-owned', '.community', '.benefits', '.responsibility'];
var doesexist = false;
//create the listeners for the filters
//on click make add active to their states so that they show that they have been choosen
$('#customer-owned, #benefits, #responsibility, #community').bind('click', null, function () {
$('#all').removeClass("active");
var itemID = $(this).attr('id');
if (jQuery.inArray("." + itemID, filterIDs) == -1) {
filterIDs.push('.' + itemID);
$(this).addClass("active");
} else {
for (var i = 0; i < filterIDs.length; i++) {
if (['.' + itemID] == filterIDs[i]) {
$(this).removeClass("active");
filterIDs.splice($.inArray(filterIDs[i], filterIDs), 1);
}
}
}
matchResults();
return false;
});
$('#all').bind('click', null, function () {
if ($(this).hasClass('active')) {
fadeOutItems(tempAllItems);
} else {
//reset bg colors and border colors
for (var i = 0; i < tempAllItems.length; i++) {
$(tempAllItems[i]).animate({
backgroundColor: tempBGColors[i]
}, 200, false).find('.heading').animate({
borderBottomColor: tempBorderBottomColors[i]
}, 200, false);
}
filterIDs = [];
$('.panel').fadeTo('0.2', 1).find('.img_grayscale').animate({
opacity: 1
}, 200, false);
$('#customer-owned, #benefits, #responsibility, #community').removeClass("active");
}
$(this).toggleClass("active");
return false;
});
function fadeOutItems(objectsToFade) {
$(objectsToFade.toString()).fadeTo('0.2', .2).find('.img_grayscale').animate({
opacity: 0,
backgroundColor: "#666"
}, 200).end().animate({
backgroundColor: "#666"
}, 200).find('.heading').stop().animate({
borderBottomColor: "#333"
}, 200);
}
/* ---------------------- MATCH RESULTS ---------------------------*/
function matchResults() {
var tempString = filterIDs.toString();
$(tempString).animate({
opacity: 1
}, { duration: 200 }).find('.img_grayscale').animate({
opacity: 1
}, { duration: 200 });
for (var i = 0; i < tempAllItems.length; i++) {
if (jQuery.inArray(tempAllItems[i], filterIDs) > -1) {
$(tempAllItems[i]).animate({
backgroundColor: tempBGColors[i]
}, 200, false).find('.heading').animate({
borderBottomColor: tempBorderBottomColors[i]
}, 200, false);
}
}
find_diff(filtersToMatchAgainstArr, filterIDs);
}
/* ---------------------- COMPARE DIFFERENCES ---------------------------*/
function find_diff(arr1, arr2) {
diff = [];
$.each(arr1, function (i, val) {
if ($.inArray(val, arr2) < 0)
diff.push(val);
});
$(diff.toString()).fadeTo('0.2', .2).find('.img_grayscale').animate({
opacity: 0,
backgroundColor: "#666"
}, 200).end().animate({
backgroundColor: "#666"
}, 200).find('.heading').animate({
borderBottomColor: "#333"
}, 200);
}
}
},
/* ---------------------- GREYSCALER ---------------------------*/
greyscaleInit: {
init: function () {
/* ---------------------- CHANGE ITEM COLOR ---------------------------*/
$('.panel img').each(function () {
var el = $(this);
el.css({
"position": "absolute"
}).wrap("").clone().addClass('img_grayscale').css({
"position": "absolute",
"z-index": "998",
"opacity": "0"
}).insertBefore(el).queue(function () {
var el = $(this);
el.parent().css({
"width": this.width,
"height": this.height
});
el.dequeue();
});
try {
this.src = grayscale(this.src);
}
catch (err) {
//Handle errors here
}
});
//force the image to show the color
$('.panel img').parent().find('img:first').stop().animate({
opacity: 1
}, 0);
// Grayscale w canvas method
function grayscale(src) {
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var imgObj = new Image();
imgObj.src = src;
canvas.width = imgObj.width;
canvas.height = imgObj.height;
ctx.drawImage(imgObj, 0, 0);
var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
for (var y = 0; y < imgPixels.height; y++) {
for (var x = 0; x < imgPixels.width; x++) {
var i = (y * 4) * imgPixels.width + x * 4;
var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
imgPixels.data[i] = avg;
imgPixels.data[i + 1] = avg;
imgPixels.data[i + 2] = avg;
}
}
ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
return canvas.toDataURL();
}
}
},
/* ---------------------- ACCORDIAN ---------------------------*/
accordian: {
init: function () {
var $accordian = $(".list_accordian");
if (!$accordian.length) return;
$accordian.delegate(".list_accordian_title", "click", function (e) {
e.preventDefault();
var $title = $(this);
var $content = $title.next();
$('.list_accordian li a.list_accordian_title').removeClass("list_accordian_title_exp");
// Toggle content
if ($title.hasClass("list_accordian_title_exp")) {
$title.removeClass("list_accordian_title_exp");
$content.hide();
} else {
$title.addClass("list_accordian_title_exp");
// Hide all content
$accordian.find(".list_accordian_content").hide()
$content.show();
}
});
// Hide all content
$accordian.find(".list_accordian_content").hide();
}
},
/* ----------------------SUSTAINABILITY REPORT 2011 ---------------------------*/
sustainabilityReport2011: {
init: function () {
// Get archive link
var $archiveLink = $(".nav_sust2011 .nav_archive > a");
if (!$archiveLink.length) return;
// Get archive list
var $archiveList = $(".nav_archive_list_wrap");
// Show/hide archive list when hovering on link or list itself
$archiveLink.add($archiveList).hover(function () {
$archiveLink.parent().addClass("nav_archive_current");
$archiveList.addClass("nav_archive_list_wrap_visible");
}, function () {
$archiveLink.parent().removeClass("nav_archive_current");
$archiveList.removeClass("nav_archive_list_wrap_visible");
Cufon.refresh();
});
//Get navigation list
var $navigationList = $(".nav_sust2011 li");
$navigationList.hover(function () {
if ($("a", this).hasClass("current") != true) {
$('.menu-bubble-item', this).css('opacity', '0').show().animate({ 'opacity': 1 }, 200);
}
}, function () {
$('.menu-bubble-item', this).css("display", "none").animate({ 'opacity': 0 }, 200); ;
});
}
},
/* ---------------------- CUFON ---------------------------*/
cufon: {
init: function () {
Cufon.replace('h1.cufon, .info h2, #previousbanner, #nextbanner, .cufon_litterbox', {
fontFamily: 'litterbox',
hover: true
});
Cufon.replace('h1.pop, .content h2, #content h2, .cta h2, h3, h4, #join, nav a, nav h2, nav h4, .join, .contact, .info p, .nav_sust2011 a, .nav_sust2011_ex a, .heading h4, .heading p, #filter li a, .list_subnav a, .cufon_avenir', {
fontFamily: 'AvenirRoman',
hover: true
});
}
}
};
reactive.init();