var priorCenterItem = 1;
var imageList = [ "",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/thumbnails/foggy-75-75-thumb-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/thumbnails/gambhir-75-index-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/thumbnails/cook-75-75-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/thumbnails/ishant-75-75-thumb-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/thumbnails/ianbell-75-75-thumb-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/thumbnails/dhoni-75-75-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/thumbnails/zaheer-75-75-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/thumbnails/kevin-75-75-231208-thumb.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/thumbnails/captaincup-75-75-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/thumbnails/engteam-75-75-231208-thumb.jpg"];
var urlList = [ "",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/foggy-400-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/gambhir-400-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/cook-400-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/ishant-400-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/ianbell-400-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/dhoni-400-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/zaheer-400-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/kevin-400-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/captaincup-400-231208.jpg",
"/images/photo-gallery/mohali-test---day-5-(ind-v-eng)/engteam-400-231208.jpg"];
var headList = [ "",
"SETTING IT RIGHT",
"GOING FOR THE SHOT",
"COOK GETS OUT",
"ISHANT DOES IT AGAIN",
"BELL TAKES ON ZAHEER",
"CHANGE IN ROLE FOR TEAM INDIA CAPTAIN ",
"MAN OF THE MOMENT",
"THAT'S HEAVY",
"VICTORIOUS CAPTAIN",
"APPRECIATING THE CROWD"];
var capList = [ "",
"Grounds men get busy under foggy conditions at the PCA stadium",
"Gautam Gambhir looks back after hitting a shot towards the third man ",
"Alastair Cook walks back after edging a catch in the slips to VVS Laxman",
"Ishant Sharma celebrates with teammates after taking the wicket of Alastair Cook ",
"Ian Bell thrashes a boundary of a Zaheer Khan delivery ",
"VVS Laxman did the wicket keeping while Dhoni bowled the last over on day 5 ",
"Zaheer Khan is drentched by team mates at the trophy presentation as he is adjudged the Man of the Series",
"Kevin Pietersen pulls a dejected face after the presentation ceremony ",
"India captain Mahendra Singh Dhoni poses with series trophy after winning the RBS Cup by 1 -0",
"England players applause the crowd for their support"];
var lastRan = -1;
var fmtItem = function(imgUrl, url, title, i) {
var innerHTML = '<img id="carousel-image-' + i + '" src="' + imgUrl + '" width="' + 75 + '" height="' + 75+ '"/><a id="carousel-anchor-' + i + '" href="' + url + '">' + title + '</a>';
return innerHTML;
};
var loadInitialItems = function(type, args) {
 var start = args[0];
 var last = args[1]; 
load(this, start, last);
spotlight(this);
preview(this);
};
var loadNextItems = function(type, args) {;
var li = this.getItem(priorCenterItem);;
var start = args[0];
var last = args[1];
var alreadyCached = args[2];
if(!alreadyCached) {
load(this, start, last);
 }
spotlight(this);
 preview(this);
};
var loadPrevItems = function(type, args) {
// get the last middle item and turn off spotlight
var li = this.getItem(priorCenterItem);
var start = args[0];
var last = args[1]; 
var alreadyCached = args[2];
 if(!alreadyCached) {
load(this, start, last);
}
spotlight(this);
preview(this);
};
var load = function(carousel, start, last) {
for(var i=start;i<=last;i++) {
carousel.addItem(i, fmtItem(imageList[i], urlList[i], "", i), 'non-spotlight');
 // Image click will scroll to the corresponding carousel item.
 YAHOO.util.Event.addListener('carousel-image-'+i, 'click', function(evt) {
 this.carousel.scrollTo(this.index-2);
  }, {carousel:carousel,index:i}, true);
 }
};
var getRandom = function(max, last) {
  var randomIndex;
  do {
     randomIndex = Math.floor(Math.random()*max);
   } while(randomIndex == last);
  return randomIndex;
};
var handlePrevButtonState = function(type, args) {
  var enabling = args[0];
  var leftImage = args[1];
  if(enabling) {
      leftImage.src = "/images/left-enabled.gif"; 
  } else {
     leftImage.src = "/images/left-disabled.gif";
 }
};
var handleNextButtonState = function(type, args) {
var enabling = args[0];
var rightImage = args[1];
if(enabling) {
rightImage.src = "/images/right-enabled.gif";   
} else {
rightImage.src = "/images/right-disabled.gif";
}
};
 function completeHandler(type, args) {
}
function preview(carousel) {
var firstVisible = carousel.getProperty("firstVisible");
var middle = firstVisible + 2;
var anchor = YAHOO.util.Dom.get('carousel-anchor-' + middle);
//alert(anchor.href)
YAHOO.util.Dom.get('preview').innerHTML = '<img src="' + anchor.href + '"/>';
//alert(middle);
var status = "Showing " + middle + " of 10"; 
YAHOO.util.Dom.get("indicator").innerHTML = status;
YAHOO.util.Dom.get("photo-header").innerHTML = headList[middle];
YAHOO.util.Dom.get("photo-caption").innerHTML = capList[middle];
}
function spotlight(carousel) {
var firstVisible = carousel.getProperty("firstVisible");
var start = firstVisible;
var revealAmount = carousel.getProperty("revealAmount");
var size = carousel.getProperty("size");
if(revealAmount && firstVisible > 1) {
   start = firstVisible - 1;
}
var lastVisible = firstVisible + carousel.getProperty("numVisible") - 1;
var end = lastVisible;
 if(revealAmount && lastVisible < size) {
    end = lastVisible + 1;
 }
var middle = firstVisible + 2;
for(var i=start; i<=end; i++) {
    var li = carousel.getItem(i);
   if(i == middle) {
       YAHOO.util.Dom.replaceClass(li, 'non-spotlight', 'spotlight');
       priorCenterItem = i;
   } else {
       YAHOO.util.Dom.replaceClass(li, 'spotlight', 'non-spotlight');
   }
 }
}
     var carousel; // for ease of debugging; globals generally not a good idea
var pageLoad = function() 
{
   carousel = new YAHOO.extension.Carousel("dhtml-carousel", 
      {
    numVisible:         4,
    animationSpeed:     0.6,
    animationMethod:    YAHOO.util.Easing.backBoth,
    scrollInc:          1,
    navMargin:          40,
    scrollBeforeAmount: 2,
    firstVisible:       1,
    size:               10,
    scrollAfterAmount:  2,
    prevElement:        "prev-arrow",
    nextElement:        "next-arrow",
    loadInitHandler:    loadInitialItems,
    loadNextHandler:    loadNextItems,
    loadPrevHandler:    loadPrevItems,
    prevButtonStateHandler:   handlePrevButtonState,
    nextButtonStateHandler:   handleNextButtonState,
    animationCompleteHandler: completeHandler
   }
 );
  //carousel.loadNextHandlerEvt.subscribe(beforeNext, carousel);
};
YAHOO.util.Event.addListener(window, 'load', pageLoad);