// 9/6/2010 6:31:25 AM
var startPos = 0;
var totalLength = 0;
var navRight = true;
var navLeft = true;

var photoData = [
    
    	{
		title: "CIMG0851",
		thumbnailURL: "http://farm3.static.flickr.com/2610/4208833659_541fb70b00_s.jpg",
		fullURL: "http://farm3.static.flickr.com/2610/4208833659_541fb70b00.jpg"
	},
    	{
		title: "CIMG0858",
		thumbnailURL: "http://farm5.static.flickr.com/4057/4208833009_4e0372dc0b_s.jpg",
		fullURL: "http://farm5.static.flickr.com/4057/4208833009_4e0372dc0b.jpg"
	},
    	{
		title: "CIMG0861",
		thumbnailURL: "http://farm3.static.flickr.com/2670/4209594520_8d4bbc1b10_s.jpg",
		fullURL: "http://farm3.static.flickr.com/2670/4209594520_8d4bbc1b10.jpg"
	},
    	{
		title: "CIMG0865",
		thumbnailURL: "http://farm3.static.flickr.com/2583/4209594070_593e34f03b_s.jpg",
		fullURL: "http://farm3.static.flickr.com/2583/4209594070_593e34f03b.jpg"
	},
    	{
		title: "CIMG0870",
		thumbnailURL: "http://farm3.static.flickr.com/2662/4208831593_7b89a059f2_s.jpg",
		fullURL: "http://farm3.static.flickr.com/2662/4208831593_7b89a059f2.jpg"
	},
    	{
		title: "CIMG0879",
		thumbnailURL: "http://farm5.static.flickr.com/4058/4209593142_61cdc35c5c_s.jpg",
		fullURL: "http://farm5.static.flickr.com/4058/4209593142_61cdc35c5c.jpg"
	},
    	{
		title: "CIMG0892",
		thumbnailURL: "http://farm5.static.flickr.com/4025/4209592752_caee8b5c12_s.jpg",
		fullURL: "http://farm5.static.flickr.com/4025/4209592752_caee8b5c12.jpg"
	},
    	{
		title: "CIMG0894",
		thumbnailURL: "http://farm5.static.flickr.com/4032/4209592336_257a62893c_s.jpg",
		fullURL: "http://farm5.static.flickr.com/4032/4209592336_257a62893c.jpg"
	},
    	{
		title: "CIMG0895",
		thumbnailURL: "http://farm5.static.flickr.com/4018/4209591954_7a54c19baa_s.jpg",
		fullURL: "http://farm5.static.flickr.com/4018/4209591954_7a54c19baa.jpg"
	}
];


$(document).ready(function() {

    totalLength = photoData.length;
    populateThumbnails(startPos);
    
});

function fillMainImage(picToPull) {

    if (picToPull != "-1") {

        //picTitle = photoData[picToPull].title;
        picUrl = photoData[picToPull].fullURL;

        //$("#divMainPhoto").css("background-image", "url('" + picUrl + "')");
        $("#imgTest").attr("src",  picUrl);
    
    }

}

function populateThumbnails(thisPos) {

    fillMainImage(thisPos);    
    
    for (i=0; i<=4; i++)
    {     
    
        if (thisPos <= (totalLength-1)) {
        
            var thisThumb = "#divThumb_" + i;
            
            var thisUrl = photoData[thisPos].thumbnailURL;
            
            $(thisThumb).css("background-image", "");                
            $(thisThumb).css("background-image", "url('" + thisUrl + "')");        
            $(thisThumb).attr("rel", (thisPos));  
            $(thisThumb).css("cursor", "pointer");

            
        } else {
        
            var thisThumb = "#divThumb_" + i;
            $(thisThumb).css("background-image", "");
            $(thisThumb).attr("rel", ("-1"));                            
            $(thisThumb).css("cursor", "default");            
        
        }
        
        thisPos = thisPos + 1;
        
    }

    
    if (totalLength > thisPos) {
    
        navRight = true;        
    
    } else {
    
        navRight = false;    
    
    }

    startPos = thisPos;
    rebuildNavs(startPos);
     
}

function moveLeft() {

    if (navLeft) {
        populateThumbnails((startPos - 10));
    }

}

function moveRight() {

    if (navRight) {
    
        populateThumbnails(startPos);    
        
    }        

}

function rebuildNavs(startPos) {

     if (startPos > 5) {
     
        $("#divMoveLeft").css("background-image", "url('/app_themes/default/images/FlickrNavLeft_On.png')");
        $("#divMoveLeft").css("cursor", "pointer");        
     
     } else {
     
        $("#divMoveLeft").css("background-image", "url('/app_themes/default/images/FlickrNavLeft_Off.png')");
        $("#divMoveLeft").css("cursor", "default");             
     
     }

         
     var picsLeft = ((totalLength-1) - startPos+5);
     
     if (navRight == true) {
     
        $("#divMoveRight").css("background-image", "url('/app_themes/default/images/FlickrNavRight_On.png')");
        $("#divMoveRight").css("cursor", "pointer");        
     
     } else {
     
        $("#divMoveRight").css("background-image", "url('/app_themes/default/images/FlickrNavRight_Off.png')");
        $("#divMoveRight").css("cursor", "default");             
     
     }

     
}