// JavaScript Document

hs.graphicsDir = '/galleries/gallery/highslide/graphics/';
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.outlineType = 'glossy-dark';
	hs.wrapperClassName = 'dark';
	hs.fadeInOut = true;
	//hs.dimmingOpacity = 0.75;

	// Add the controlbar
	if (hs.addSlideshow) hs.addSlideshow({
		//slideshowGroup: 'group1',
		interval: 5000,
		repeat: false,
		useControls: true,
		fixedControls: 'fit',
		overlayOptions: {
			opacity: .6,
			position: 'bottom center',
			hideOnMouseOut: true
		}
	});
	


var page=0;
var pageSize=32;
var theGallery;
function renderer(data)
    {
    theGallery=data;
	page=0;
    drawCurrentPage();
    }

function drawCurrentPage()
    {
    var result='<div class="highslide-gallery">';
   for (var i = 0+(page*pageSize); i < theGallery.feed.entry.length && i < pageSize+(page*pageSize); i++)
        {
            result+="<div style='margin:12px;height:72px;width:72px;float:left;'><center>";
            result+="<a href='"+theGallery.feed.entry[i].content.src+"?imgmax=640' class='highslide' onclick='return hs.expand(this)' >";
            result+='<img src="'+theGallery.feed.entry[i].content.src+'?imgmax=72"  title="Click to enlarge" align="absmiddle"/></a>';
            //alt="'+theGallery.feed.entry[i].title.$t+'"
        result+='<div class="highslide-caption">'+theGallery.feed.entry[i].title.$t+'</div></center></div>';
        } 
	for (var i = 0+((page+1)*pageSize); i < theGallery.feed.entry.length; i++)
        {
            result+="<div style='margin:12px;height:72px;width:72px;float:left;display:none;'><center>";
            result+="<a href='"+theGallery.feed.entry[i].content.src+"?imgmax=640' class='highslide' onclick='return hs.expand(this)' >";
            result+='<img src="'+theGallery.feed.entry[i].content.src+'?imgmax=72"  title="Click to enlarge" align="absmiddle"/></a>';
            //alt="'+theGallery.feed.entry[i].title.$t+'"
        result+='<div class="highslide-caption">'+theGallery.feed.entry[i].title.$t+'</div></center></div>';
        }
    result+='</div>';
    var jdBox=document.getElementById('myGallery');
    if(jdBox) jdBox.innerHTML=result;
	drawGalleryNav();
    }

function drawLastPage()
    {
    page = parseInt(theGallery.feed.entry.length/pageSize);
    drawCurrentPage();
    }

function drawNextPage()
    {
    page++;
    drawCurrentPage();
    }
    
function drawPreviousPage()
    {
    if(page>0) {
        page--;
        drawCurrentPage();
        }}
function drawFirstPage()
    {
    if(page>0) {
        page =0;
        drawCurrentPage();
        }
    }
    
function loadJS(href) { with (document) {
	var span = createElement('SPAN');
	span.style.display = 'none';
	body.insertBefore(span, body.lastChild);
	span.innerHTML = 'Text for stupid IE.<s'+'cript></' + 'script>';
	setTimeout(function() {
		var s = span.getElementsByTagName('script')[0];
		s.language = 'JavaScript';
		if (s.setAttribute) s.setAttribute('src', href); else s.src = href;
	}, 10);
}}

function drawGalleryNav()
	{
		var result='';
		result+='<center>';
		if(page>0) {
			result+='<span style="padding-right:10px;"><a href="javascript:drawFirstPage()" style="color:#333333;">First</a></span>';
		}
		
		if(page>0) {
			result+='<span style="padding-right:10px;"><a href="javascript:drawPreviousPage()" style="color:#333333;">Previous</a></span>';
		}
		var end=(page*pageSize+pageSize); if(end>theGallery.feed.entry.length) {end=theGallery.feed.entry.length}
		result+='<span style="color:#333333;">'+ (page*pageSize+1) + ' to ' + end + ' of ' + theGallery.feed.entry.length +'</span>';
		if((page+1)*pageSize<theGallery.feed.entry.length) {
			result+='<span style="padding-left:10px;"><a href="javascript:drawNextPage()" style="color:#333333;">Next</a></span>';
		}
		
		if((page+1)*pageSize<theGallery.feed.entry.length) {
			result+='<span style="padding-left:10px;"><a href="javascript:drawLastPage()" style="color:#333333;">Last</a></span>';
		}
		
		result+='</center>';
		var jdBox=document.getElementById('galleryNav');
		if(jdBox) jdBox.innerHTML=result;
	}