jQuery(document).ready(function(){
jQuery(".portalpage21").animate({opacity:"1"},"fast").fadeIn();

function slidepage21(direction){
var peeker = jQuery("div[@id^=yespage21]");

var classLength = jQuery(peeker).attr("class").length;

if(direction == "left"){
if(parseInt(peeker.attr("class").substring(10,classLength)) == (0)){
jQuery(peeker).attr("id","nopage21");
jQuery(".cellpage211").attr("id","yespage21");
jQuery(".tubepage21").animate({left: "+=770"},"slow", function(){
jQuery(this).css("display","none");})
.animate({left: "-=2310"},"fast", function(){jQuery(this).css("display","block");}).animate({left: "+=770"},"slow");}

else{
var classLength = jQuery(peeker).attr("class").length;

var nextLeft = ".cell" + "page21" + (parseInt(jQuery(peeker).attr("class").substring(10,classLength)) - 1);
jQuery(peeker).attr("id","nopage21");
jQuery(nextLeft).attr("id","yespage21");
jQuery(".tubepage21").animate({left: "+=770"},"slow");}}

if(direction == "right"){
var peeker = jQuery("div[@id^=yespage21]");
var classLength = jQuery(peeker).attr("class").length;

if(parseInt(peeker.attr("class").substring(10,classLength)) == 1){
jQuery(peeker).attr("id","nopage21");
jQuery(".cellpage210").attr("id","yespage21");
jQuery(".tubepage21").animate({left: "-=770"},"slow", function(){jQuery(this).css("display","none");})
.animate({left: "+=2310"},"fast", function(){jQuery(this).css("display","block");}).animate({left: "-=770"},"slow");}

else{
var classLength = jQuery(peeker).attr("class").length;

var nextRight = ".cell" + "page21" + (parseInt(jQuery(peeker).attr("class").substring(10,classLength)) + 1);
jQuery(peeker).attr("id","nopage21");
jQuery(nextRight).attr("id","yespage21");
jQuery(".tubepage21").animate({left: "-=770"},"slow");}
}}

jQuery(".leftpage21").click(function(){
slidepage21("left");});
jQuery(".rightpage21").click(function(){
slidepage21("right");});
});