function otherInitialAdjustments() { rollerImagesWidth = $(".rollerimages").width(); rollerImagesHeight = $(".rollerimages").height(); // $(".theFrameToDisplay").html(""); putFullHtml("rollerimages", allTheRollerImages, rollerImagesWidth, rollerImagesHeight); /* putFullHtml("rollerimages", allTheRollerImages, rollerImagesWidth, rollerImagesHeight); $("#goBehind").click(function() { rollImages("backward", "rollerimages", rollerImagesWidth, allTheRollerImages); }); $("#goForward").click(function() { rollImages("forward", "rollerimages", rollerImagesWidth, allTheRollerImages); }); */ } /* Inside jqrollerimages_fo */ function putFullHtml(specificClass, allTheImages, viewWindowWidth, viewWindowHeight) { var fullDisplayPlateWidth, fullDisplayPlateHeight, eachDisplayWidth, eachDisplayHeight, eachDisplayTop, maxNoOfImageBoxes, beforeImageDecidingNo; var noOfSriniImages = allTheImages.length; var htmlPart = "
Front Jumper
"; noOfSriniImages = allTheImages.length; if(noOfSriniImages + 2 >= MAX_NO_OF_IMAGE_BOXES_PERMISSIBLE) { maxNoOfImageBoxes = MAX_NO_OF_IMAGE_BOXES_PERMISSIBLE; imgSriniPointer[specificClass] = Math.ceil((maxNoOfImageBoxes - 2) / 3); } else { maxNoOfImageBoxes = noOfSriniImages + 2; imgSriniPointer[specificClass] = 0; } maxNoOfDisplayBoxes[specificClass] = maxNoOfImageBoxes - 2; BACK_JUMPER_POSITION[specificClass] = maxNoOfImageBoxes - 1; beforeImageDecidingNo = Math.max(noOfSriniImages, maxNoOfDisplayBoxes[specificClass]); for(var checkImagePointer = 0;checkImagePointer < maxNoOfDisplayBoxes[specificClass]; checkImagePointer++) { if(checkImagePointer == 0) { frontJumperImageNo[specificClass] = (beforeImageDecidingNo - imgSriniPointer[specificClass] + checkImagePointer - 1) % beforeImageDecidingNo; } if(checkImagePointer == maxNoOfDisplayBoxes[specificClass] - 1) { backJumperImageNo[specificClass] = (beforeImageDecidingNo - imgSriniPointer[specificClass] + checkImagePointer + 1) % beforeImageDecidingNo; } htmlPart += "
" + allTheImages[(beforeImageDecidingNo - imgSriniPointer[specificClass] + checkImagePointer) % beforeImageDecidingNo].imagedescription + ".
"; } htmlPart += "
Back Jumper
"; $("." + specificClass + " .fulldisplayplate").append(htmlPart); fullDisplayPlateWidth = viewWindowWidth * maxNoOfImageBoxes; fullDisplayPlateHeight = viewWindowHeight; $("." + specificClass + " .fulldisplayplate").css({"width":fullDisplayPlateWidth, "height":fullDisplayPlateHeight}); eachDisplayWidth = viewWindowWidth * (1 - 2 * INNER_HORIZONTAL_MARGIN); eachDisplayHeight = viewWindowHeight * (1 - 2 * INNER_VERTICAL_MARGIN); eachDisplayTop = viewWindowHeight * INNER_VERTICAL_MARGIN; $("." + specificClass + " .eachdisplay").css({width:eachDisplayWidth, height:eachDisplayHeight}); $("." + specificClass + " .frontjumper").css({width:eachDisplayWidth, height:eachDisplayHeight}); $("." + specificClass + " .backjumper").css({width:eachDisplayWidth, height:eachDisplayHeight}); $("." + specificClass).css({width:viewWindowWidth}); $("." + specificClass + " .frontjumper").css({left:(INNER_HORIZONTAL_MARGIN * viewWindowWidth), top:eachDisplayTop}); for(var i = 0; i < maxNoOfDisplayBoxes[specificClass]; i++) { $("." + specificClass + " .eachdisplay").eq(i).css({left:((i + 1 + INNER_HORIZONTAL_MARGIN) * viewWindowWidth), top:eachDisplayTop}); } $("." + specificClass + " .backjumper").css({left:((maxNoOfDisplayBoxes[specificClass] + 1 + INNER_HORIZONTAL_MARGIN) * viewWindowWidth), top:eachDisplayTop}); imgSriniPointer[specificClass]++; $("." + specificClass + " .fulldisplayplate").css({left:"-" + (imgSriniPointer[specificClass] * viewWindowWidth) + "px"}); $("." + specificClass + " .frontjumper").html("
" + allTheImages[frontJumperImageNo[specificClass]].imagedescription + ".
"); $("." + specificClass + " .backjumper").html("
" + allTheImages[backJumperImageNo[specificClass]].imagedescription + ".
"); } function rollImages(direction, specificClass, viewWindowWidth, allTheImages) { var noOfSriniImages = allTheImages.length; if(noOfSriniImages <= 1) return; if(direction == "backward") { imgSriniPointer[specificClass]--; imgSriniCounter[specificClass] = (noOfSriniImages + imgSriniCounter[specificClass] - 1) % noOfSriniImages; } else { imgSriniPointer[specificClass]++; imgSriniCounter[specificClass] = (imgSriniCounter[specificClass] + 1) % noOfSriniImages; } $("." + specificClass + " .fulldisplayplate").animate({left:"-" + (imgSriniPointer[specificClass] * viewWindowWidth)}, DURATION, function() { if(noOfSriniImages > maxNoOfDisplayBoxes[specificClass]) { if(imgSriniPointer[specificClass] == BACK_JUMPER_POSITION[specificClass] && direction == "forward") { // alert("Wait"); frontJumperImageNo[specificClass] = (noOfSriniImages + backJumperImageNo[specificClass] - 1) % noOfSriniImages; $("." + specificClass + " .frontjumper").html("
" + allTheImages[frontJumperImageNo[specificClass]].imagedescription + ".
"); for(var checkImagePointer = 0;checkImagePointer < maxNoOfDisplayBoxes[specificClass]; checkImagePointer++) { $("." + specificClass + " .eachdisplay").eq(checkImagePointer).html("
" + allTheImages[(backJumperImageNo[specificClass] + checkImagePointer) % noOfSriniImages].imagedescription + ".
"); if(checkImagePointer == maxNoOfDisplayBoxes[specificClass] - 1) { backJumperImageNo[specificClass] = (backJumperImageNo[specificClass] + checkImagePointer + 1) % noOfSriniImages; } } } if(imgSriniPointer[specificClass] == FRONT_JUMPER_POSITION && direction == "backward") { backJumperImageNo[specificClass] = (noOfSriniImages + frontJumperImageNo[specificClass] + 1) % noOfSriniImages; $("." + specificClass + " .backjumper").html("
" + allTheImages[backJumperImageNo[specificClass]].imagedescription + ".
"); for(var checkImagePointer = 0;checkImagePointer < maxNoOfDisplayBoxes[specificClass]; checkImagePointer++) { // alert((maxNoOfDisplayBoxes[specificClass] - checkImagePointer - 1) + " display will have image no. " + ((noOfSriniImages + frontJumperImageNo[specificClass] - checkImagePointer) % noOfSriniImages)); $("." + specificClass + " .eachdisplay").eq(maxNoOfDisplayBoxes[specificClass] - checkImagePointer - 1).html("
" + allTheImages[(noOfSriniImages + frontJumperImageNo[specificClass] - checkImagePointer) % noOfSriniImages].imagedescription + ".
"); if(checkImagePointer == maxNoOfDisplayBoxes[specificClass] - 1) { frontJumperImageNo[specificClass] = (noOfSriniImages + frontJumperImageNo[specificClass] - checkImagePointer - 1) % noOfSriniImages; } } } } if(imgSriniPointer[specificClass] == FRONT_JUMPER_POSITION){ imgSriniPointer[specificClass] = BACK_JUMPER_POSITION[specificClass] - 1; $("." + specificClass + " .fulldisplayplate").css({left:"-" + (imgSriniPointer[specificClass] * viewWindowWidth) + "px"}); } if(imgSriniPointer[specificClass] == BACK_JUMPER_POSITION[specificClass]) { imgSriniPointer[specificClass] = FRONT_JUMPER_POSITION + 1; $("." + specificClass + " .fulldisplayplate").css({left:"-" + (imgSriniPointer[specificClass] * viewWindowWidth) + "px"}); } if(noOfSriniImages > maxNoOfDisplayBoxes[specificClass]) { if(direction == "forward") { $("." + specificClass + " .backjumper").html("
" + allTheImages[backJumperImageNo[specificClass]].imagedescription + ".
"); } if(direction == "backward") { $("." + specificClass + " .frontjumper").html("
" + allTheImages[frontJumperImageNo[specificClass]].imagedescription + ".
"); } } }); } /* Exit jqrollerimages_fo */