﻿if (!window.Spark) window.Spark=new Object();
if (!window.Spark.Portals) window.Spark.Portals=new Object();
if (!window.Spark.Portals.Ptak) window.Spark.Portals.Ptak=new Object();
if (!window.Spark.Portals.Ptak.Gallery) window.Spark.Portals.Ptak.Gallery=new Object();

Spark.Portals.Ptak.Gallery.OnThumbnailClick=function(evt, Direction, Thumbnails) {
	if (!evt) evt=window.event;
	var Source=(evt.srcElement?evt.srcElement:evt.target);
	Thumbnails=document.getElementById(Thumbnails);
	if (Thumbnails.childNodes.length>0) {
		if (((Thumbnails.offsetLeft-909>-Thumbnails.childNodes.length*101)&&(Direction>0))||((Thumbnails.offsetLeft<0)&&(Direction<0)))
			Thumbnails.style.left=(Thumbnails.offsetLeft-Direction*101)+"px";
	}
	evt.cancelBubble=true;
	return false;
}

Spark.Portals.Ptak.Gallery.OnImageClick=function(evt, Direction, Thumbnails, MainImage, MainImageDescription) {
	if (!evt) evt=window.event;
	var ThumbnailsContainer=document.getElementById(Thumbnails);
	var ThumbnailsId=Thumbnails;
	Thumbnails=document.getElementById(Thumbnails).getElementsByTagName("img");
	MainImage=document.getElementById(MainImage);
	MainImageDescription=document.getElementById(MainImageDescription);
	for (var Index=0; Index<Thumbnails.length; Index++) {
		if (MainImage.src==Thumbnails[Index].getAttribute("imageurl")) {
			if (((Direction>0)&&(Index<Thumbnails.length-1))||((Direction<0)&&(Index>0))) {
				MainImage.src=Thumbnails[Index+Direction].getAttribute("imageurl");
				MainImageDescription.innerHTML=(Thumbnails[Index+Direction].getAttribute("imagedescription")!=null?Thumbnails[Index+Direction].getAttribute("imagedescription"):"");
				break;
			}
		}
	}
    for (var i=0;i<Thumbnails.length;i++)
    {
        if (Thumbnails[i].getAttribute("imageurl")==MainImage.src)
        {
            if (Spark.Web.HttpRequest.Browser.isIE==true)
                Thumbnails[i].style.filter = 'alpha(opacity=100)';
            else
                Thumbnails[i].style.opacity = 1;
            if(Spark.Web.HttpRequest.Browser.findPositionX(Thumbnails[i])>1000)
            {
                if (Direction==1)
                {
                    if (Spark.Web.HttpRequest.Browser.findPositionX(Thumbnails[i])>1200)
                        ThumbnailsContainer.style.left=(-(i*101))+"px";
                    else
                        Spark.Portals.Ptak.Gallery.OnThumbnailClick(evt,Direction,ThumbnailsId);
                }
                else
                    ThumbnailsContainer.style.left=(-(i*101))+"px";
            }
            if(Spark.Web.HttpRequest.Browser.findPositionX(Thumbnails[i])<100)
                Spark.Portals.Ptak.Gallery.OnThumbnailClick(evt,-1,ThumbnailsId);
            if(Spark.Web.HttpRequest.Browser.findPositionX(Thumbnails[i])<0)
                ThumbnailsContainer.style.left=(-(i*101))+"px";            
        }
        else
        {
            if (Spark.Web.HttpRequest.Browser.isIE==true)
                Thumbnails[i].style.filter = 'alpha(opacity=30)';
            else
                Thumbnails[i].style.opacity = 0.3;
        }
    }
	evt.cancelBubble=true;
	return false;
}

Spark.Modules.Gallery.Gallery.OnThumbnailClick=function(evt,MainImage,MainImageTitle,MainImageDescription)
{
	if (!evt) evt=window.event;
	var Source=(evt.srcElement?evt.srcElement:evt.target);
    Thumbnails=Source.parentNode.parentNode.getElementsByTagName("img");
	MainImage=document.getElementById(MainImage);
	MainImage.src=Source.getAttribute("imageurl");
	MainImage.imageurl=null;
	if (MainImageTitle!=null)
	{
		MainImageTitle=document.getElementById(MainImageTitle);
		if (MainImageTitle!=null)
			MainImageTitle.innerHTML=(Source.getAttribute("imagetitle")!=null?Source.getAttribute("imagetitle"):"");
	}
	if (MainImageDescription!=null)
	{
		MainImageDescription=document.getElementById(MainImageDescription);
		if (MainImageDescription!=null)
			MainImageDescription.innerHTML=(Source.getAttribute("imagedescription")!=null?Source.getAttribute("imagedescription"):"");
	}
	for (var i=0;i<Thumbnails.length;i++)
    {
        if (Spark.Web.HttpRequest.Browser.isIE==true)
            Thumbnails[i].style.filter = 'alpha(opacity=30)';
        else
            Thumbnails[i].style.opacity = 0.3;
    }
    if (Spark.Web.HttpRequest.Browser.isIE==true)
        Source.style.filter = 'alpha(opacity=100)';
    else
        Source.style.opacity = 1;
}

