/*
	Mouse over efect
*/
var DOM = YAHOO.util.Dom;

    var selectFrame = function(index) {
        DOM.setStyle("frameDesc_" + index, "display", "block");
    };

    var deselectFrame = function(index) {
        DOM.setStyle("frameDesc_" + index, "display", "none");
    };

/*
	Hide/Show list
*/
    var showList = function() {
        DOM.setStyle("list", "display", "block");
        DOM.setStyle("container", "width", "647px");
        DOM.setStyle("container", "left", "921px");
    };

	var hideList = function() {
        DOM.setStyle("list", "display", "none");
        DOM.setStyle("container", "width", "943px");
        DOM.setStyle("container", "left", "626px");
    };

/*
	Carousel
*/
var carousel; // for ease of debugging; globals generally not a good idea

//Uncomment the next lines to randomize the image order
//shuffle = function(o){ //v1.0
//	for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
//	return o;
//};

//imageList = shuffle(imageList);
 


var lastRan = -1;


var loadInitialItems = function(type, args) {
    var start = args[0];
    var last = args[1];
    load(this, start, last);
};

var loadNextItems = function(type, args) {
    var start = args[0];
    var last = args[1];
    var alreadyCached = args[2];

    if(!alreadyCached) {
        load(this, start, last);
    }
};

var loadPrevItems = function(type, args) {
    var start = args[0];
    var last = args[1];
    var alreadyCached = args[2];

    if(!alreadyCached) {
        load(this, start, last);
    }
};
var load = function(carousel, start, last) {
	var last=carousel.cfg.getProperty("size");
    for(var i=start-1;i<=last-1;i++) {
        var imageElement;
        //if (i >= imageList.length) {
        //    var index = i - imageList.length * Math.floor(i / imageList.length);
        //    imageElement = "<a href='" + imageList[index].url + "'><img id='dhtml-carousel-img-" + i + "' src='" + imageList[index].imageUrl + "'/><\/a>";
        //} else {
            //imageElement = "<a href='" + imageList[i].url + "'><img id='dhtml-carousel-img-" + i + "' src='" + imageList[i].imageUrl +  "'/><\/a>";
          //  imageElement = "<img id='dhtml-carousel-img-" + i + "' src='" + carousel_images[i]+  "'/>";
        if(carousel_images[i]!=null)    
        imageElement = "<a href='" + carousel_images[i].mediumUrl + "' id='carouselImageLink" + i + "' rel='lightbox[carousel]'><img id='dhtml-carousel-img-" + i + "' src='" + carousel_images[i].thumbUrl +  "' width='"+carousel_images[i].thumbWidth+"px' height='"+ carousel_images[i].thumbHeight+"px' onmouseover='showFlickrDetails(this,\""+escape(carousel_images[i].title)+"\",\""+escape(carousel_images[i].author)+"\" );' onmouseout='hideFlickrDetails(this);' /><\/a>";
          
        //}
        carousel.addItem(i + 1, imageElement);
    }
   // alert('call lb?'+ g_Lightboxinitialized);
   if(g_Lightboxinitialized==0)  createLightBox();
   attachMouseUpEventToSet(last-1, 'carouselImageLink');

}

/**
 * Custom button state handler for enabling/disabling button state.
 * Called when the carousel has determined that the previous button
 * state should be changed.
 * Specified to the carousel as the configuration
 * parameter: prevButtonStateHandler
 **/
var handlePrevButtonState = function(type, args) {
    var enabling = args[0];
    var leftImage = args[1];
    if(enabling) {
        DOM.setStyle(leftImage, "display", "block");
      //DOM.setStyle(leftImage, "height", "40");
        
    } else {
        DOM.setStyle(leftImage, "display", "none");
    }
};

var handleNextButtonState = function(type, args) {
//	alert('handleNextButtonState--enabling'+args[0]);
    var enabling = args[0];
    var leftImage = args[1];
    if(enabling) {
        DOM.setStyle(leftImage, "display", "block");
        //leftImage.src = g_imageHost+"/"+g_siteid+"/btn-right.gif";
        
    } else {
        DOM.setStyle(leftImage, "display", "none");
    }
};


/**
 * You must create the carousel after the page is loaded since it is
 * dependent on an HTML element (in this case 'dhtml-carousel'.) See the
 * HTML code below.
 */
var initCarouselLoad = function()
{
    carousel = new YAHOO.extension.Carousel("dhtml-carousel",
    {
        numVisible:        5,
        animationSpeed:   0.5,
        scrollInc:         5,
        navMargin:         20,
        firstVisible:       1,
        prevElement:     "prev-arrow",
        nextElement:     "next-arrow",
        loadInitHandler:   loadInitialItems,
      
        prevButtonStateHandler:   handlePrevButtonState,
        nextButtonStateHandler:   handleNextButtonState,
        autoPlay: 0,
        size: 10
       
    });
   carousel.setProperty("size", carouselSize);

   carousel.setProperty("prevButtonStateHandler",handlePrevButtonState);
   carousel.setProperty("nextButtonStateHandler",handleNextButtonState);
};
//moved to index.jsp
//YAHOO.util.Event.addListener(window, 'load', pageLoad);