');
};
var panelWidth = slider.find(".panel").width();
var panelCount = slider.find(".panel").size();
var panelContainerWidth = panelWidth*panelCount;
var navClicks = 0; // Used if autoSlideStopWhenClicked = true
// Surround the collection of panel divs with a container div (wide enough for all panels to be lined up end-to-end)
$('.panel', slider).wrapAll('');
// Specify the width of the container div (wide enough for all panels to be lined up end-to-end)
$(".panel-container", slider).css({ width: panelContainerWidth });
// Specify the current panel.
// If the loaded URL has a hash (cross-linking), we're going to use that hash to give the slider a specific starting position...
if (settings.crossLinking && location.hash && parseInt(location.hash.slice(1)) <= panelCount) {
var currentPanel = parseInt(location.hash.slice(1));
var offset = - (panelWidth*(currentPanel - 1));
$('.panel-container', slider).css({ marginLeft: offset });
// If that's not the case, check to see if we're supposed to load a panel other than Panel 1 initially...
} else if (settings.firstPanelToLoad != 1 && settings.firstPanelToLoad <= panelCount) {
var currentPanel = settings.firstPanelToLoad;
var offset = - (panelWidth*(currentPanel - 1));
$('.panel-container', slider).css({ marginLeft: offset });
// Otherwise, we'll just set the current panel to 1...
} else {
var currentPanel = 1;
};
// Left arrow click
$("#coda-nav-left-" + sliderCount + " a").click(function(){
navClicks++;
if (currentPanel == 1) {
offset = - (panelWidth*(panelCount - 1));
alterPanelHeight(panelCount - 1);
currentPanel = panelCount;
slider.siblings('.coda-nav').find('a.current').removeClass('current').parents('ul').find('li:last a').addClass('current');
} else {
currentPanel -= 1;
alterPanelHeight(currentPanel - 1);
offset = - (panelWidth*(currentPanel - 1));
slider.siblings('.coda-nav').find('a.current').removeClass('current').parent().prev().find('a').addClass('current');
};
$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);
if (settings.crossLinking) { location.hash = currentPanel }; // Change the URL hash (cross-linking)
return false;
});
// Right arrow click
$('#coda-nav-right-' + sliderCount + ' a').click(function(){
navClicks++;
if (currentPanel == panelCount) {
offset = 0;
currentPanel = 1;
alterPanelHeight(0);
slider.siblings('.coda-nav').find('a.current').removeClass('current').parents('ul').find('a:eq(0)').addClass('current');
} else {
offset = - (panelWidth*currentPanel);
alterPanelHeight(currentPanel);
currentPanel += 1;
slider.siblings('.coda-nav').find('a.current').removeClass('current').parent().next().find('a').addClass('current');
};
$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);
if (settings.crossLinking) { location.hash = currentPanel }; // Change the URL hash (cross-linking)
return false;
});
// If we need a dynamic menu
if (settings.dynamicTabs) {
var dynamicTabs = '
';
switch (settings.dynamicTabsPosition) {
case "bottom":
slider.parent().append(dynamicTabs);
break;
default:
slider.parent().prepend(dynamicTabs);
break;
};
ul = $('#coda-nav-' + sliderCount + ' ul');
// Create the nav items
$('.panel', slider).each(function(n) {
ul.append('
');
});
navContainerWidth = slider.width() + slider.siblings('.coda-nav-left').width() + slider.siblings('.coda-nav-right').width();
ul.parent().css({ width: navContainerWidth });
switch (settings.dynamicTabsAlign) {
case "center":
ul.css({ width: ($("li", ul).width() + 2) * panelCount });
break;
case "right":
ul.css({ float: 'right' });
break;
};
};
// If we need a tabbed nav
$('#coda-nav-' + sliderCount + ' a').each(function(z) {
// What happens when a nav link is clicked
$(this).bind("click", function() {
navClicks++;
$(this).addClass('current').parents('ul').find('a').not($(this)).removeClass('current');
offset = - (panelWidth*z);
alterPanelHeight(z);
currentPanel = z + 1;
$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);
if (!settings.crossLinking) { return false }; // Don't change the URL hash unless cross-linking is specified
});
});
// External triggers (anywhere on the page)
$(settings.externalTriggerSelector).each(function() {
// Make sure this only affects the targeted slider
if (sliderCount == parseInt($(this).attr("rel").slice(12))) {
$(this).bind("click", function() {
navClicks++;
targetPanel = parseInt($(this).attr("href").slice(1));
offset = - (panelWidth*(targetPanel - 1));
alterPanelHeight(targetPanel - 1);
currentPanel = targetPanel;
// Switch the current tab:
slider.siblings('.coda-nav').find('a').removeClass('current').parents('ul').find('li:eq(' + (targetPanel - 1) + ') a').addClass('current');
// Slide
$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);
if (!settings.crossLinking) { return false }; // Don't change the URL hash unless cross-linking is specified
});
};
});
// Specify which tab is initially set to "current". Depends on if the loaded URL had a hash or not (cross-linking).
if (settings.crossLinking && location.hash && parseInt(location.hash.slice(1)) <= panelCount) {
$("#coda-nav-" + sliderCount + " a:eq(" + (location.hash.slice(1) - 1) + ")").addClass("current");
// If there's no cross-linking, check to see if we're supposed to load a panel other than Panel 1 initially...
} else if (settings.firstPanelToLoad != 1 && settings.firstPanelToLoad <= panelCount) {
$("#coda-nav-" + sliderCount + " a:eq(" + (settings.firstPanelToLoad - 1) + ")").addClass("current");
// Otherwise we must be loading Panel 1, so make the first tab the current one.
} else {
$("#coda-nav-" + sliderCount + " a:eq(0)").addClass("current");
};
// Set the height of the first panel
if (settings.autoHeight) {
panelHeight = $('.panel:eq(' + (currentPanel - 1) + ')', slider).height();
slider.css({ height: panelHeight });
};
// Trigger autoSlide
if (settings.autoSlide) {
slider.ready(function() {
setTimeout(autoSlide,settings.autoSlideInterval);
});
};
function alterPanelHeight(x) {
if (settings.autoHeight) {
panelHeight = $('.panel:eq(' + x + ')', slider).height()
slider.animate({ height: panelHeight }, settings.autoHeightEaseDuration, settings.autoHeightEaseFunction);
};
};
function autoSlide() {
if (navClicks == 0 || !settings.autoSlideStopWhenClicked) {
if (currentPanel == panelCount) {
var offset = 0;
currentPanel = 1;
} else {
var offset = - (panelWidth*currentPanel);
currentPanel += 1;
};
alterPanelHeight(currentPanel - 1);
// Switch the current tab:
slider.siblings('.coda-nav').find('a').removeClass('current').parents('ul').find('li:eq(' + (currentPanel - 1) + ') a').addClass('current');
// Slide:
$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);
setTimeout(autoSlide,settings.autoSlideInterval);
};
};
// Kill the preloader
$('.panel', slider).show().end().find("p.loading").remove();
slider.removeClass("preload");
sliderCount++;
});
};
//ceebox
/*
* Ceebox 1.4.3 jQuery Plugin
* Requires jQuery 1.3.2 and swfobject.jquery.js plugin to work
* Code hosted on GitHub (http://github.com/catcubed/CeeBox) Please visit there for version history information
* By Colin Fahrion (http://www.catcubed.com)
* Inspiration for CeeBox comes from Thickbox (http://jquery.com/demo/thickbox/) and Videobox (http://videobox-lb.sourceforge.net/)
* However, along the upgrade path CeeBox has morphed a long way from those roots.
* Copyright (c) 2009 Colin Fahrion
* Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
*/
// To make ceebox work add $(".ceebox").ceebox(); to your global js file or if you don't have one just uncomment the following...
//$(document).ready(function(){ $(".ceebox").ceebox();});
/* OPTIONAL DEFAULT SETTINGS
* You can also change the default sizes for html and/or video toa static size (if you set width, you must also set height)
* Also, the animation speed and the color and opacity of the overlay can be changed.
* Changing settings is done by adding parameters to the function like so:
* $(".ceebox").ceebox({vidWidth:600,vidHeight:400,htmlWidth:600,htmlHeight:400,animSpeed:"fast",overlayColor:"#f00",overlayOpacity:0.8});
*/
(function($) {
$.ceebox = {version:"1.4.3"};
$.fn.ceebox = function(settings){
settings = jQuery.extend({
// default size settings are set to false which automatically sizes for the browser window
vidWidth: false,
vidHeight: false,
htmlWidth: false,
htmlHeight: false,
animSpeed: "normal",
overlayColor:"#000",
overlayOpacity:0.8
}, settings);
$(this).each(function(){
if ($(this).is("a") || $(this).is("area") || $(this).is("input")) {
$(this).bind('click',function(e){
e.preventDefault();
$.ceebox.show(this.title || this.name || this.t || "", this.href || this.alt, this.rel || false);
$(this).blur();
});
}
return this;
});
//---------------- CeeBox detector and launcher function -----------------------
$.ceebox.show = function(t,h,r){// detects the type of link and launches the appropriete type of ceebox popup
// t = title (used for caption), h = href, r = rel (used for params)
var urlTest = [
{
"url" : true, //catch all throws it in an iframe
"act" : function(){$.ceebox.iframe(t,h,r)}
},
{
"url" : (!h.match(/^http:+/) && (r && !r.match("iframe"))) || (r && r.match("ajax")) || false,
"act" : function(){$.ceebox.ajax(t,h,r)}
},
{
"url" : h.match(vidMatch) || false,
"act" : function(){$.ceebox.video(t,h,r)}
},
{
"url" : h.match(/\.jpg$|\.jpeg$|\.png$|\.gif$|\.bmp$/i) || false,
"act" : function(){$.ceebox.image(t,h,r)}
}
];
var i = urlTest.length;
do {
if (urlTest[i-1]["url"]){urlTest[i-1].act(); break};
} while (--i);
}
//---------------- iFrame popup function -----------------------
$.ceebox.iframe = function(t,h,r) { // creates an ifreame popup
var htmlSize = cee_htmlSize(r);
var iframeSize = [htmlSize[0] + 29,htmlSize[1] + 12];
$("#cee_iframe").remove();
var append = "
"+t+"
";
$.ceebox.append(append,htmlSize[0]+30,htmlSize[1]+40,r,"cee_iframe");
}
//---------------- AJAX popup function -----------------------
$.ceebox.ajax = function(t,h,r) {
// t = title for window, h = href, r = rel
//if indicated as ajax display as such; also, show relative path links as ajax unless indicated as iframe
var htmlSize = cee_htmlSize(r);
var ajaxSize = [htmlSize[0],htmlSize[1] - 5];
if($("#cee_box").css("display") != "block"){ //if window currently not displaying
$.ceebox.append("
"+t+"
",htmlSize[0]+30,htmlSize[1]+40,r,"cee_ajax");
}else{ //if the window is already up, we are just loading new content via ajax
$("#cee_ajaxContent")[0].style.width = ajaxSize[0] +"px";
$("#cee_ajaxContent")[0].style.height = ajaxSize[1] +"px";
$("#cee_ajaxContent")[0].scrollTop = 0;
$("#cee_ajaxWindowTitle").html(caption);
}
if (r && r.match(/#[a-z_A-Z1-9]+/)){ //if the user as supplied a id to target in the rel than use that
targetId = r.match(/#[a-z_A-Z1-9]+/);
$("#cee_ajax").load(h + " " + targetId);
} else {
$("#cee_ajax").load(h);
}
$("#cee_ajax a.ceebox").ceebox(); //adds ceebox functionality to any ceebox links within the ajax box
}
//---------------- Video popup function -----------------------
$.ceebox.video = function(t,h,r) { // creates an embeded video popup
//detect video type and get src and params
var vidType = cee_vidType(t,h,r);
var vidSize = (!settings.vidWidth || !settings.vidHeight) ? cee_getSize(r) : [settings.vidWidth,settings.vidHeight];
//create ceebox window for video
$.ceebox.append("" + "
"+t+"
",vidSize[0] + 30,vidSize[1] + 60,r,"cee_vid");
//embed swfobject
$('#cee_vid').flash({
swf: vidType.src,
params: vidType.params,
width: vidSize[0],
height: vidSize[1]
});
}
//---------------- Video popup helper functions -----------------------
// to add additional video formats you must add the url to the regex match string and a case to the switch function.
// regex match string for all supported video player formats and generic swf
var vidMatch = /youtube\.com\/watch|metacafe\.com\/watch|google\.com\/videoplay|ifilm\.com\/video|vimeo\.com|dailymotion\.com|facebook\.com\/video|\.swf$/i
// Helper function for video; detects which player it is and returns the src and params
function cee_vidType(t,h,r) {
// h = href
var domain = String(h.match(/\w+\.com/i));
var baseUrl = "http://www." + domain
var s,p // s = src, p = params
switch (domain) {
case "facebook.com":
s = baseUrl + "/v/"+h.split('v=')[1].split('&')[0];
p = {wmode: "transparent",movie: s,allowFullScreen: "true",allowScriptAccess: "always",flashvars: {autoplay: true}};
break;
case "youtube.com":
s = baseUrl + "/v/"+h.split('v=')[1].split('&')[0]+"&hl=en&fs=1&autoplay=1";
p = {wmode: "transparent",allowFullScreen: "true",allowScriptAccess: "always"};
break;
case "metacafe.com":
s = baseUrl + "/fplayer/"+h.split('id=')[1].split('&')[0]+"/.swf";
p = {wmode: "transparent"};
break;
case "google.com":
s = "http://video.google.com/googleplayer.swf?docId="+h.split('id=')[1].split('&')[0]+"&hl=en";
p = {wmode: "transparent",allowFullScreen: "true",allowScriptAccess: "always",flashvars: {autoplay: true,playerMode: "normal",fs: true}};
break;
case "ifilm.com":
s = baseUrl + "/efp";
p = {wmode: "transparent",flashvars: {flvbaseclip: h.split('id=')[1].split('&')[0]+"&"}};
break;
case "vimeo.com":
s = baseUrl + "/moogaloop.swf?clip_id="+h.split('/')[3]+"&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1";
p = {wmode: "transparent",allowFullScreen: "true",allowScriptAccess: "always"};
break;
case "dailymotion.com":
s = baseUrl + "/swf/"+h.split('/')[4]+"&related=0&autoplay=1";
p = {allowFullScreen: "true",allowScriptAccess: "always"};
break;
default:
s = h; // used for .swf files
p = {wmode: "transparent",allowFullScreen: "true",allowScriptAccess: "always"};
break;
}
return {src:s,params:p};
}
//---------------- Image Gallery popup function -----------------------
$.ceebox.image = function(t,h,r) {
// t = title for window, h = href, r = rel
//Display images in box
var imgPreloader = new Image();
imgPreloader.onload = function(){
imgPreloader.onload = null;
// Resizing large images
var pg = cee_getPageSize();
var x = pg[0] - 150;
var y = pg[1] - 150;
var imgW = imgPreloader.width;
var imgH = imgPreloader.height;
if (imgW > x) {
imgW = x;
imgH = imgH * (x / imgW);
};
if (imgH > y) {
imgW = imgW * (y/imgH);
imgH = y;
};
// End Resizing
$.ceebox.append("" + "
"+t+"
",imgW + 30,imgH + 60,r,"cee_img");
if (r) {imgGal(t,h,r,imgW,imgH);} //set up gallery if there is one
}; //end imgPreloader function
imgPreloader.src = h;
};
//---------------- Image Gallery Helper functions -----------------------
function imgNav(t,h,r) {
document.onkeydown = null;
$("#cee_box").empty();
$.ceebox.image(t,h,r);
return false;
}
function imgGal(t,h,r,imgW,imgH){
var g = $("a[rel="+r+"]").get();
var gLength = g.length;
if (gLength > 1) {
var navW = imgW+30;
var $ceeNav = $("").css({width:navW,height:imgH});
var i = gLength;
do { //find current image
if (g[i-1].href == h) {var gImg = i;break;};
} while (--i);
var gCount = "
