/* modified by kry (kry@vizkom.hu) jQuery Coda-Slider v1.1 - http://www.ndoherty.com/coda-slider Copyright (c) 2007 Niall Doherty Inspired by the clever folks at http://www.panic.com/coda Many thanks to Gian Carlo Mingati. Coda-Slider is a heavily modified version of his slideViewer, which can be found at http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html Requirements: - jQuery 1.2 ... available via http://www.jquery.com - jQuery easing plugin (1.2) ... available via http://gsgd.co.uk/sandbox/jquery/easing/ - jQuery easing compatability plugin ... available via http://gsgd.co.uk/sandbox/jquery/easing/ - CSS included in index.html */ jQuery(function(){ jQuery("div.csw").prepend("

Loading...

"); }); var j = 0; jQuery.fn.codaSlider = function(settings) { settings = jQuery.extend({ easeFunc: "expoinout", easeTime: 750, toolTip: false, tabNav: false, arroNav: false, css: "_gyrt", startRandom: false }, settings); return this.each(function(){ var container = jQuery(this); // Remove the preloader gif... container.find("p.loading").remove(); // Self-explanatory... container.removeClass("csw").addClass("stripViewer" + settings.css); // Get the width of a panel, set from CSS... container.find("div.panelContainer").css("display", "block"); var panelWidth = container.find("div.panel").width(); // panelCount gives us a count of the panels in the container... var panelCount = container.find("div.panel").size(); // Calculate the width of all the panels when lined up end-to-end... var stripViewerWidth = panelWidth*panelCount; // Use the above width to specify the CSS width for the panelContainer element... container.find("div.panelContainer").css("width" , stripViewerWidth); // Set the navWidth as a multiple of panelCount to account for margin-right on each li var navWidth = panelCount*2; var cont = container.find("div.panelContainer"); var rnd = Math.round(Math.random() * panelCount); if (rnd == 0) { rnd = 1; } // 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 (location.hash && parseInt(location.hash.slice(1)) <= panelCount) { var cPanel = parseInt(location.hash.slice(1)); var cnt = - (panelWidth*(cPanel - 1)); jQuery(this).find("div.panelContainer").css({ left: cnt }); // Otherwise, we'll just set the current panel to 1... } else { if (settings.startRandom) { //var rnd = Math.round(Math.random() * panelCount); //alert(rnd); var cnt = - (panelWidth*(rnd -1)); jQuery(this).find("div.panelContainer").css({ left: cnt }); } else { var cPanel = 1; } }; // Create appropriate nav container.each(function(i) { // Create the Left and Right arrows if (settings.arrowNav) { jQuery(this).after("

<\/div>"); jQuery(this).after("

<\/div>"); } // Create the Tabs if (settings.tabNav) { //jQuery(this).before("

" + jQuery(this).attr("title") + "<\/a><\/li>"); jQuery("div#stripNav" + j + " ul").append("
" + (n+1) + "<\/a><\/li>"); }); } // Tab nav jQuery("div#stripNav" + j + " a").each(function(z) { // Figure out the navWidth by adding up the width of each li navWidth += jQuery(this).parent().width(); // What happens when a nav link is clicked jQuery(this).bind("click", function() { //alert("klikk"); jQuery(this).addClass("current" +settings.css).parent().parent().find("a").not(jQuery(this)).removeClass("current" +settings.css); // wow! var cnt = - (panelWidth*z); cPanel = z + 1; //jQuery(this).parent().parent().parent().next().find("div.panelContainer").animate({ left: cnt}, settings.easeTime, settings.easeFunc); cont.animate({ left: cnt}, settings.easeTime, settings.easeFunc); }); }); // Left nav jQuery("div#stripNavL" + j + " a").click(function(){ if (cPanel == 1) { var cnt = - (panelWidth*(panelCount - 1)); cPanel = panelCount; jQuery(this).parent().parent().find("div.stripNav a.current" +settings.css).removeClass("current" +settings.css).parent().parent().find("li:last a").addClass("current" +settings.css); } else { cPanel -= 1; var cnt = - (panelWidth*(cPanel - 1)); jQuery(this).parent().parent().find("div.stripNav a.current" + settings.css).removeClass("current" +settings.css).parent().prev().find("a").addClass("current" + settings.css); }; jQuery(this).parent().parent().find("div.panelContainer").animate({ left: cnt}, settings.easeTime, settings.easeFunc); // Change the URL hash (cross-linking)... //location.hash = cPanel; return false; }); // Right nav jQuery("div#stripNavR" + j + " a").click(function(){ if (cPanel == panelCount) { var cnt = 0; cPanel = 1; jQuery(this).parent().parent().find("div.stripNav a.current" + settings.css).removeClass("current"+settings.css).parent().parent().find("a:eq(0)").addClass("current" +settings.css); } else { var cnt = - (panelWidth*cPanel); cPanel += 1; jQuery(this).parent().parent().find("div.stripNav a.current" +settings.css).removeClass("current" +settings.css).parent().next().find("a").addClass("current"+settings.css); }; jQuery(this).parent().parent().find("div.panelContainer").animate({ left: cnt}, settings.easeTime, settings.easeFunc); // Change the URL hash (cross-linking)... //location.hash = cPanel; return false; }); // Same-page cross-linking jQuery("a.cross-link").click(function(){ jQuery(this).parents().find(".stripNav ul li a:eq(" + (parseInt(jQuery(this).attr("href").slice(1)) - 1) + ")").trigger('click'); }); // Set the width of the nav using the navWidth figure we calculated earlier. This is so the nav can be centred above the slider jQuery("div#stripNav" + j).css("width" , navWidth); // Specify which tab is initially set to "current". Depends on if the loaded URL had a hash or not (cross-linking). if (location.hash && parseInt(location.hash.slice(1)) <= panelCount) { jQuery("div#stripNav" + j + " a:eq(" + (location.hash.slice(1) - 1) + ")").addClass("current"+settings.css); } else if (settings.startRandom) { // alert(rnd); jQuery("div#stripNav" + j + " a:eq(" + (rnd -1)+ ")").addClass("current"+settings.css); } else { jQuery("div#stripNav" + j + " a:eq(0)").addClass("current"+settings.css); } }); j++; }); };