| Current Path : /home/megadansyp/www/media/com_videogallerylite/js/ |
| Current File : /home/megadansyp/www/media/com_videogallerylite/js/gallery-all.js |
// SET THIS VARIABLE FOR DELAY, 1000 = 1 SECOND
var delayLength = 4000;
function doMove(panelWidth, tooFar) {
var leftValue = jQuery("#mover").css("left");
// Fix for IE
if (leftValue == "auto") { leftValue = 0; };
var movement = parseFloat(leftValue, 10) - panelWidth;
if (movement == tooFar) {
jQuery(".slide img").animate({
"top": -200
}, function() {
jQuery("#mover").animate({
"left": 0
}, function() {
jQuery(".slide img").animate({
"top": 20
});
});
});
}
else {
jQuery(".slide img").animate({
"top": -200
}, function() {
jQuery("#mover").animate({
"left": movement
}, function() {
jQuery(".slide img").animate({
"top": 20
});
});
});
}
}
jQuery(function(){
var $slide1 = jQuery("#slide-1");
var panelWidth = $slide1.css("width");
var panelPaddingLeft = $slide1.css("paddingLeft");
var panelPaddingRight = $slide1.css("paddingRight");
panelWidth = parseFloat(panelWidth, 10);
panelPaddingLeft = parseFloat(panelPaddingLeft, 10);
panelPaddingRight = parseFloat(panelPaddingRight, 10);
panelWidth = panelWidth + panelPaddingLeft + panelPaddingRight;
var numPanels = jQuery(".slide").length;
var tooFar = -(panelWidth * numPanels);
var totalMoverwidth = numPanels * panelWidth;
jQuery("#mover").css("width", totalMoverwidth);
jQuery("#slider").append('<a href="#" id="slider-stopper">Stop</a>');
sliderIntervalID = setInterval(function(){
doMove(panelWidth, tooFar);
}, delayLength);
jQuery("#slider-stopper").click(function(){
if (jQuery(this).text() == "Stop") {
clearInterval(sliderIntervalID);
jQuery(this).text("Start");
}
else {
sliderIntervalID = setInterval(function(){
doMove(panelWidth, tooFar);
}, delayLength);
jQuery(this).text("Stop");
}
});
});