/*
Froot Script modified from:
jQuery Coda-Slider v1.1 - http://www.ndoherty.com/coda-slider
Copyright (c) 2007 Niall Doherty
*/
jQuery(function(){
jQuery("div.csw").prepend("Cargando...
");
});
var j = 0;
jQuery.fn.slide = function(settings) {
settings = jQuery.extend({
easeFunc: "expoinout",
easeTime: 750,
toolTip: 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");
// Get the width of a panel, set from CSS...
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 timer = null;
// 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 {
var cPanel = 1;
};
// Create appropriate nav
container.each(function(i) {
// Create the Left and Right arrows
jQuery(this).before("
<\/div>");
jQuery(this).after("
<\/div>");
jQuery(this).after("
<\/div>");
jQuery(this).after("
<\/div>");
// Create the Tabs
jQuery(this).before("
<\/ul><\/div>");
jQuery(this).find("div.panel").each(function(n) {
jQuery("div#stripNav" + j + " ul").append("- <\/a><\/li>");
});
jQuery("div#stripNav" + j + " ul li:eq(0) a").addClass('current');
// 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() {
stop();
jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current"); // wow!
var cnt = - (panelWidth*z);
cPanel = z + 1;
current = z + 1;
jQuery(this).parent().parent().parent().next().find("div.panelContainer").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
});
});
//Play
jQuery("div#stripNavP" + j + " a").click(function(){
start();
return false;
});
//Play
jQuery("div#stripNavS" + j + " a").click(function(){
stop();
return false;
});
// Left nav
jQuery("div#stripNavL" + j + " a").click(function(){
stop();
if (cPanel == 1) {
var cnt = - (panelWidth*(panelCount - 1));
cPanel = panelCount;
jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().parent().find("li:last a").addClass("current");
} else {
cPanel -= 1;
var cnt = - (panelWidth*(cPanel - 1));
jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().prev().find("a").addClass("current");
};
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(){
stop();
if (cPanel == panelCount) {
var cnt = 0;
cPanel = 1;
jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().parent().find("a:eq(0)").addClass("current");
} else {
var cnt = - (panelWidth*cPanel);
cPanel += 1;
jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().next().find("a").addClass("current");
};
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;
});
/* Rulo */
start = function (){
timer = setTimeout("start()", 6000);
if (cPanel == panelCount) {
var cnt = 0;
cPanel = 1;
jQuery("div.stripNav a.current").removeClass("current").parent().parent().find("a:eq(0)").addClass("current");
} else {
var cnt = - (panelWidth*cPanel);
cPanel += 1;
jQuery("div.stripNav a.current").removeClass("current").parent().next().find("a").addClass("current");
};
jQuery("div.panelContainer").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
//location.hash = cPanel;
jQuery("div#stripNavS0 a").removeClass("hide").addClass("show");
jQuery("div#stripNavP0 a").removeClass("show").addClass("hide");
}
stop = function (){
jQuery("div#stripNavS0 a").removeClass("show").addClass("hide");
jQuery("div#stripNavP0 a").removeClass("hide").addClass("show");
if(timer!=null){clearTimeout(timer);}
}
if(!(location.hash && parseInt(location.hash.slice(1)))){
timer = setTimeout("start()", 6000);
}
});
j++;
});
};
jQuery.timer = function (interval, callback){
var interval = interval || 100;
if (!callback)
return false;
_timer = function (interval, callback) {
this.stop = function () {
clearInterval(self.id);
};
this.internalCallback = function () {
callback(self);
};
this.reset = function (val) {
if (self.id)
clearInterval(self.id);
var val = val || 100;
this.id = setInterval(this.internalCallback, val);
};
this.interval = interval;
this.id = setInterval(this.internalCallback, this.interval);
var self = this;
};
return new _timer(interval, callback);
};
jQuery(window).bind("load", function() {
jQuery("div#slider1").slide()
});