﻿var ImageGallery_ActualListIndex		= 0;
var ImageGallery_pointerID				= "indexGallery_Pointer";
var ImageGallery_lblGalleryTitleID		= "indexGallery_GalleryTitle";
var ImageGallery_lblImageTitleID		= "indexGallery_ImageTitle";
var ImageGallery_lblDestinationID		= "indexGallery_Destination";
var ImageGallery_aAvatarProfileID		= "indexGallery_AvatarProfile";
var ImageGallery_imgAvatarID			= "indexGallery_Avatar";
var ImageGallery_aAuthorID				= "indexGallery_Author";

function ImageGallery_RefreshCurrent()
{
	ImageGallery_SetPointerIndex( ImageGallery_ActualListIndex );
}

function ImageGallery_SetPointerIndex( iImgIndex )
{
	ImageGallery_ActualListIndex = iImgIndex;

	if( imageGalleryController == null ) return;

	var carouselListClass		= "carousel-list";
	var mainID					= "indexGallery";
	
	var oMain					= document.getElementById( "indexGallery" );
	var oContainer				= document.getElementById( imageGalleryController.carouselElemID );
	var oUL						= document.getElementsByClassName(carouselListClass, oContainer)[0];
	
	_ImageGallery_RemoveTextNodes( oUL );
	
	var oLI						= oUL.childNodes[ iImgIndex ];
	var oIMG					= oLI.getElementsByTagName( "IMG" )[ 0 ];

	var oPointer				= document.getElementById( ImageGallery_pointerID );
	
	oPointer.style.visibility	= "visible";
	oPointer.style.left			= Math.round( _ImageGallery_GetLeft( oIMG ) -_ImageGallery_GetLeft( oMain ) + ( (oIMG.offsetWidth - oPointer.offsetWidth) / 2 ) ) + "px";
	oPointer.style.top			= -galleryPtrOffsetBottom + "px";
	
	document.getElementById( ImageGallery_lblGalleryTitleID ).innerHTML	= galleryImages[ iImgIndex ][2];
	document.getElementById( ImageGallery_lblImageTitleID ).innerHTML	= galleryImages[ iImgIndex ][3];
	document.getElementById( ImageGallery_lblDestinationID ).innerHTML	= galleryImages[ iImgIndex ][4];
	document.getElementById( ImageGallery_aAuthorID ).innerHTML			= galleryImages[ iImgIndex ][5];
	document.getElementById( ImageGallery_aAuthorID ).href				= galleryProfileUrl + galleryImages[ iImgIndex ][15];
	document.getElementById( ImageGallery_aAvatarProfileID ).href		= galleryProfileUrl + galleryImages[ iImgIndex ][15];
	
	var oAvatar					= document.getElementById( ImageGallery_imgAvatarID );
	oAvatar.style.visibility	= "visible";
	oAvatar.src					= galleryImages[ iImgIndex ][6] != "" ? galleryAvatarUrl + galleryImages[ iImgIndex ][6] : galleryDefaultAvatar;
	
	var cmpRating				= Sys.Application.findComponent( galleryRatingCompID );
	cmpRating.get_element().style.visibility	
								= "visible";
	cmpRating.set_Rating( galleryImages[ iImgIndex ][7] );
}

function ImageGallery_ClearData()
{
	document.getElementById( ImageGallery_imgAvatarID ).style.visibility	= "hidden";
	document.getElementById( ImageGallery_pointerID ).style.visibility		= "hidden";
	document.getElementById( ImageGallery_lblGalleryTitleID ).innerHTML		= "&nbsp;";
	document.getElementById( ImageGallery_lblImageTitleID ).innerHTML		= "&nbsp;";
	document.getElementById( ImageGallery_lblDestinationID ).innerHTML		= "&nbsp;";
	document.getElementById( ImageGallery_aAuthorID ).innerHTML				= "&nbsp;";
	document.getElementById( ImageGallery_aAuthorID ).href					= "#";
	
	Sys.Application.findComponent( galleryRatingCompID ).get_element().style.visibility	
																			= "hidden";
}

function _ImageGallery_RemoveTextNodes( oEl )
{
	while( oEl.childNodes.length > 0 && typeof( oEl.childNodes[ 0 ].tagName ) == "undefined" )
	{
		oEl.removeChild( oEl.childNodes[ 0 ] );
	}
}

function _ImageGallery_GetLeft( oChild )
{
	var iRet = 0;
	do
	{
		iRet += oChild.offsetLeft;
		oChild = oChild.offsetParent;
	}
	while( oChild != null )
	
	return iRet;
}
function _ImageGallery_GetTop( oChild )
{
	var iRet = 0;
	do
	{
		iRet += oChild.offsetTop;
		oChild = oChild.offsetParent;
	}
	while( oChild != null )
	
	return iRet;
}
