ÿþ//----------------------------------------------------------------- 

function PhotoGallery_ResizeImage(img,maxsize)

{

    var newimg=new Image();

    newimg.src=img.src;



    var height=maxsize;

    var width=maxsize;



    img.width=width;

    img.height=height;



    if(img.style.visible!='hidden')

    {

        if(parseInt(newimg.height)>=parseInt(newimg.width)&&parseInt(newimg.height)<=parseInt(maxsize))

        {

            height=newimg.height;

            width=null;

        }    

        else if(parseInt(newimg.height)>=parseInt(newimg.width))

        {

            width=null;

        }    

        else if(parseInt(newimg.width)>=parseInt(newimg.height)&&parseInt(newimg.width)<=parseInt(maxsize))

        {

            width=newimg.width;

            height=null;

        }    

        else if(parseInt(newimg.width)>=parseInt(newimg.height))

        {

            height=null;

        }    



        if(height==0||width==0)

        {

            img.height=maxsize;

            img.width=maxsize;

        }

        else

        {

            if(height==null)

                img.removeAttribute("height");

            else

                img.height=height;

                

            if(width==null)

                img.removeAttribute("width");

            else

                img.width=width;

        }

    }

}



//-----------------------------------------------------------------

function PhotoGallery()

{

    var AllImages=new Array();

    var ControlID=null;

    var PhotoGalleryXML=null;

    var Columns=3;

    var Rows=3;

    var CurrentPageIndex=1;

    var CurrentImageIndex=-1;

    var PageCount=0;

    var ValidThumbnailCount=0;



    var Thumbnails;



    var PhotoWindow;

    var PhotoContainer;

    var PhotoSpacer;

    var PhotoText;

    var Photo;

    

    var Control_PageNumbersPrevious;

    var Control_PageNumbersNext;

    var Control_PageNumbers;

    var Control_PreviousImage;

    var Control_NextImage;

    var Control_CloseImage;

    var Control_OpenImage;

    

    //-----------------------------------------------------------------

    this.Init=_Init;

    function _Init(controlID,columns,rows)

    {

        ControlID=controlID;

        Columns=columns;

        Rows=rows;



        PhotoGalleryXML=CrossBrowser_GetXML("xml/PhotoGalleryXML.aspx?controlid="+ControlID, null);

        

        var imgs=PhotoGalleryXML.selectNodes("/photos/photo");

        for(var i=0;i<imgs.length;i++)

        {

            AllImages[i]=new Object();

            AllImages[i].title=imgs[i].getAttribute("title")

            AllImages[i].desc=imgs[i].getAttribute("desc");

            AllImages[i].thumbnail=imgs[i].getAttribute("thumbnail");

            AllImages[i].mediumurl=imgs[i].getAttribute("mediumurl");

            AllImages[i].largeurl=imgs[i].getAttribute("largeurl");

            

            if(AllImages[i].thumbnail=="") 

            {

                if(AllImages[i].mediumurl=="")

                    AllImages[i].thumbnail=AllImages[i].largeurl;

                else

                    AllImages[i].thumbnail=AllImages[i].mediumurl;

            }

            

            if(AllImages[i].mediumurl=="") 

            {

                if(AllImages[i].largeurl=="")

                    AllImages[i].mediumurl=AllImages[i].thumbnail;

                else

                    AllImages[i].mediumurl=AllImages[i].largeurl;

            }

            

            if(AllImages[i].largeurl=="") 

            {

                if(AllImages[i].mediumurl=="")

                    AllImages[i].mediumurl=AllImages[i].thumbnail;

                else

                    AllImages[i].mediumurl=AllImages[i].mediumurl;

            }

        }



        PageCount=Math.ceil(AllImages.length/(Columns*Rows));



        PhotoContainer=document.getElementById("PhotoGallery"+ControlID+"PhotoContainer");

        PhotoSpacer=document.getElementById("PhotoGallery"+ControlID+"PhotoSpacer");

        Photo=document.getElementById("PhotoGallery"+ControlID+"Photo");

        PhotoText=document.getElementById("PhotoGallery"+ControlID+"PhotoText");

        Thumbnails=document.getElementsByName("PhotoGallery"+ControlID+"Thumbnail");

        Control_PageNumbers=document.getElementById("PhotoGallery"+ControlID+"Control_PageNumbers");

        Control_PageNumbersPrevious=document.getElementById("PhotoGallery"+ControlID+"Control_PageNumbersPrevious");

        Control_PageNumbersNext=document.getElementById("PhotoGallery"+ControlID+"Control_PageNumbersNext");



        Control_PreviousImage=document.getElementById("PhotoGallery"+ControlID+"Control_PreviousImage");

        Control_NextImage=document.getElementById("PhotoGallery"+ControlID+"Control_NextImage");

        Control_CloseImage=document.getElementById("PhotoGallery"+ControlID+"Control_CloseImage");

        Control_OpenImage=document.getElementById("PhotoGallery"+ControlID+"Control_OpenImage");



        Control_PageNumbers.disabled=false;

        for(var i=1;i<=PageCount;i++)

        {

            var option = document.createElement("option");

            Control_PageNumbers.appendChild(option);

                

            option.value=i;

            option.innerHTML=i;

        }



       _RenderThumbnails(CurrentPageIndex);

    }



    //-----------------------------------------------------------------

    this.RenderThumbnails=_RenderThumbnails;

    function _RenderThumbnails(page)

    {

        CurrentImageIndex=-1;

        CurrentPageIndex=page;



        PhotoText.innerHTML="";

        PhotoText.style.display='none';



        _UpdateControls();



        ValidThumbnailCount=0;

        var i=(parseInt(page)-1)*(Rows*Columns);

        for(var j=0;j<Thumbnails.length;j++)

        {

            

            Thumbnails[j].height=Thumbnails[j].getAttribute("size");

            Thumbnails[j].width=Thumbnails[j].getAttribute("size");

            Thumbnails[j].src="img/spacer.gif"; //set them all to blank then reload them.

            Thumbnails[j].setAttribute("index",j);

            Thumbnails[j].setAttribute("controlid",ControlID);

            Thumbnails[j].setAttribute("CurrentPageIndex",CurrentPageIndex);

            

            if(AllImages[i]!=null)

            {

                ValidThumbnailCount++;

                Thumbnails[j].style.visible="visible";

                Thumbnails[j].disabled=false;

                Thumbnails[j].src=AllImages[i].thumbnail;

                Thumbnails[j].setAttribute("alt",AllImages[i].title);

                Thumbnails[j].setAttribute("title",AllImages[i].title);

                Thumbnails[j].setAttribute("desc",AllImages[i].desc);

                Thumbnails[j].setAttribute("largeurl",AllImages[i].largeurl);

                Thumbnails[j].setAttribute("mediumurl",AllImages[i].mediumurl);

                Thumbnails[j].setAttribute("thumbnail",AllImages[i].thumbnail);

                Thumbnails[j].style.borderStyle="double";

                

                window.setTimeout("preloadImage('"+AllImages[i].mediumurl+"');",1);

            }

            else

            {

                Thumbnails[j].disabled=true;

                Thumbnails[j].setAttribute("alt","");

                Thumbnails[j].setAttribute("title","");

                Thumbnails[j].setAttribute("caption","");

                Thumbnails[j].setAttribute("desc","");

                Thumbnails[j].removeAttribute("thumbnail");

                Thumbnails[j].removeAttribute("mediumurl");

                Thumbnails[j].removeAttribute("largeurl");

                Thumbnails[j].style.visible="hidden";

                Thumbnails[j].style.borderStyle="none";

            }

            PhotoGallery_ResizeImage(Thumbnails[j],Thumbnails[j].getAttribute("size"))//Opera does not always fire the onload event so just fire it manually

            i++;

        }

    }

    

    //-----------------------------------------------------------------

    this.RenderFullImage=_RenderFullImage;

    function _RenderFullImage(img)

    {

        CurrentImageIndex=parseInt(img.getAttribute("index"));

        if(img.getAttribute("mediumurl")!=null)

        {

            Photo.width=Photo.getAttribute("size");

            Photo.height=Photo.getAttribute("size");

            Photo.src=img.getAttribute("mediumurl");

            Photo.style.visibility='hidden';

            Photo.style.visibility='visible';

            Photo.setAttribute("alt",img.getAttribute("alt"));

            Photo.setAttribute("title",img.getAttribute("title"));



            PhotoSpacer.style.visibility='visible';

            PhotoContainer.style.visibility='visible';

            

            _HoverThumbnail(img);



            PhotoGallery_ResizeImage(Photo,Photo.getAttribute("size"));//Opera does not always fire the onload event so just fire it manually

        }

        

        _UpdateControls();

    }

    

    //-----------------------------------------------------------------

    this.HideFullImage=_HideFullImage;

    function _HideFullImage()

    {

        PhotoContainer.style.visibility='hidden';

        Photo.style.visibility='hidden';

        PhotoSpacer.style.visibility='hidden';



        _UpdateControls();

    }

    

    //-----------------------------------------------------------------

    this.HoverThumbnail=_HoverThumbnail;

    function _HoverThumbnail(img)

    {

        PhotoText.innerHTML="";

        

        var title=document.createElement("h3");

        title.innerHTML=img.getAttribute("alt");

        if(title.innerHTML!="")

            PhotoText.appendChild(title);



        var desc=document.createElement("div");

        desc.innerHTML=img.getAttribute("desc");

        if(desc.innerHTML!="")

            PhotoText.appendChild(desc);



        if(PhotoText.innerHTML=="")

            PhotoText.style.display='none';

        else

            PhotoText.style.display='';

    }    



    //-----------------------------------------------------------------

    this.PreviousImage=_PreviousImage;

    function _PreviousImage()

    {

        if(CurrentImageIndex<=0)

        {

            if(CurrentPageIndex>1)

            {

                CurrentPageIndex--;

                _RenderThumbnails(CurrentPageIndex);

                CurrentImageIndex=Thumbnails.length-1;

            }

            else

                CurrentImageIndex=0;

        }

        else

            CurrentImageIndex--;



        _RenderFullImage(Thumbnails[CurrentImageIndex]);

        _UpdateControls();

    }

    

    //-----------------------------------------------------------------

    this.NextImage=_NextImage;

    function _NextImage()

    {

        CurrentImageIndex++;

        if(CurrentImageIndex>=Thumbnails.length)

        {

            CurrentPageIndex++;

            _RenderThumbnails(CurrentPageIndex);

            CurrentImageIndex++;

        }



        _RenderFullImage(Thumbnails[CurrentImageIndex]);

        _UpdateControls();

    }

    

    //-----------------------------------------------------------------

    this.OpenImage=_OpenImage;

    function _OpenImage()

    {

        if(CurrentImageIndex<0) CurrentImageIndex++;



        _RenderFullImage(Thumbnails[CurrentImageIndex]);



        PhotoWindow=window.open(Thumbnails[CurrentImageIndex].getAttribute("largeurl"),"_new");

        _UpdateControls();

    }

    

    //-----------------------------------------------------------------

    this.CloseImage=_CloseImage;

    function _CloseImage()

    {

        try{if(PhotoWindow!=null)PhotoWindow.close();}catch(e){;}



        _HideFullImage();

        _UpdateControls();

    }    



    //-----------------------------------------------------------------

    this.ChangePage=_ChangePage;

    function _ChangePage(obj)

    {

        _RenderThumbnails(obj.options[obj.selectedIndex].value);

        _HideFullImage();

    }



    //-----------------------------------------------------------------

    this.PreviousPage=_PreviousPage;

    function _PreviousPage(obj)

    {

        Control_PageNumbers.selectedIndex--;

        _ChangePage(Control_PageNumbers);

    }



    //-----------------------------------------------------------------

    this.NextPage=_NextPage;

    function _NextPage()

    {

        Control_PageNumbers.selectedIndex++;

        _ChangePage(Control_PageNumbers);

    }

    

    //-----------------------------------------------------------------

    this.UpdateControls=_UpdateControls;

    function _UpdateControls()

    {



        if(Control_PageNumbers.options.length>0)

        {

            Control_PageNumbers.disabled=false;

            Control_PageNumbers.selectedIndex=CurrentPageIndex-1;



            if(CurrentPageIndex>=PageCount&&CurrentImageIndex>=(ValidThumbnailCount-1))

                CurrentImageIndex=ValidThumbnailCount-1;

                

            if(Control_PageNumbers.selectedIndex>=Control_PageNumbers.options.length-1)

                Control_PageNumbersNext.disabled=true;

            else

                Control_PageNumbersNext.disabled=false;

            

            if(Control_PageNumbers.selectedIndex==0)

                Control_PageNumbersPrevious.disabled=true;

            else

                Control_PageNumbersPrevious.disabled=false;



            if(CurrentPageIndex<=1&&CurrentImageIndex<=0)

                Control_PreviousImage.disabled=true;

            else

                Control_PreviousImage.disabled=false;





            if(CurrentPageIndex>=PageCount&&Thumbnails.length>=ValidThumbnailCount&&CurrentImageIndex>=(ValidThumbnailCount-1))

                Control_NextImage.disabled=true;

            else

                Control_NextImage.disabled=false;



            if(PhotoContainer.style.visibility=='visible')

            {

                Control_CloseImage.disabled=false;

                Control_CloseImage.style.display='';

                

                Control_OpenImage.disabled=false;

                Control_OpenImage.style.display='';

            }

            else

            {

                Control_CloseImage.disabled=true;

                Control_CloseImage.style.display='none';

                Control_OpenImage.disabled=true;

                Control_OpenImage.style.display='none';

            }

        }

    }

}