slideShowClass = new Class

({

	

    initialize: function(main,magnify,largeImgDiv,host,galleryFolder,imageFolder,imgFileNameArray,

    index,numPics,slideshowPause,slideshowPlay,guest,allowRating,idArray,ratingsContainer,ratingsInfoDiv,

	ratingForm,ratingFormImgId,ratingFormImgRating,ratingsMessageContainer,ratedContainer,numRatingsSpan,

	allowComments,commentsAmountDiv,commentsDataContainer,commentsContainer,commentsForm,commentsTextarea,

	commentsImgId,commentsGif,darkDiv,commentsMessageContainer,desContainer,showDescriptions,lightbox,

	slideshowControls,imgholder,mainBehaviors,lboxSlideShow,thumbTable)

    {

    	this.main = main;

    	this.magnify = magnify;

    	this.largeImgDiv = largeImgDiv;

    	this.host = host;

    	this.galleryFolder = galleryFolder;

    	this.imageFolder = imageFolder;

    	this.imgFileNameArray = imgFileNameArray;

    	this.index = index;

    	this.numPics = numPics;

    	this.slideshowPause = slideshowPause + 1000;

    	this.slideshowPlay = slideshowPlay;

    	

    	this.guest = guest;

    	this.allowRating = allowRating;

    	this.idArray = idArray;

    	this.ratingsContainer = ratingsContainer;

		this.ratingsInfoDiv = ratingsInfoDiv;

		this.ratingForm = ratingForm;

		this.ratingFormImgId = ratingFormImgId;

		this.ratingFormImgRating = ratingFormImgRating;

		this.ratingsMessageContainer = ratingsMessageContainer;

		this.ratedContainer = ratedContainer;

		this.numRatingsSpan = numRatingsSpan;

		this.allowComments = allowComments;

		this.commentsAmountDiv = commentsAmountDiv;

		this.commentsDataContainer = commentsDataContainer;

		this.commentsContainer = commentsContainer;

		this.commentsForm = commentsForm;

		this.commentsTextarea = commentsTextarea;

		this.commentsImgId = commentsImgId;

		this.commentsGif = commentsGif;

		this.darkDiv = darkDiv;

		this.commentsMessageContainer = commentsMessageContainer;

		this.desContainer = desContainer;

		this.showDescriptions = showDescriptions;

		this.lightbox = lightbox;

		this.slideshowControls = slideshowControls;

		this.imgholder = imgholder;

		this.mainBehaviors = mainBehaviors;

		this.lboxSlideShow = lboxSlideShow;

		this.thumbTable = thumbTable;

    	

    },

    

    startSlideShow : function(autostart)

	{	

		if(autostart == false)

		{

			this.slideShowFunction(true);

		}

		this.slideShowVar = this.slideShowFunction.periodical(this.slideshowPause, this, true);

		if(this.slideshowControls == 1)

		{

			$(this.slideshowPlay).setProperty('src', this.host + '/components/com_igallery/images/pause.jpg');

			$(this.slideshowPlay).removeEvents();

			$(this.slideshowPlay).addEvent('click', function(e)

			{

				this.clearSlideShow();

			}.bind(this));

		}

	},

    

    clearSlideShow : function()

	{

		

		$clear(this.slideShowVar);

		if(this.slideshowControls == 1)

		{

			$(this.slideshowPlay).setProperty('src', this.host + '/components/com_igallery/images/play.jpg');

			$(this.slideshowPlay).removeEvents();

			$(this.slideshowPlay).addEvent('click', function(e)

			{

				this.startSlideShow(false);

			}.bind(this));

		}

	},

    

    slideShowFunction : function(forward)

	{

		this.forward = forward;

    	

		if(this.forward == false)

    	{

    		if(this.index > 1)

			{

				this.index = this.index - 2;

			}

			else

			{

				this.index = this.numPics - (2 - this.index);

			}

    	}

    	

    	if(this.allowRating == 1)

		{

			this.mainRatings = new ratingsClass(this.guest,this.idArray,this.host,this.index,this.ratingsContainer,

			this.ratingsInfoDiv,this.ratingForm,this.ratingFormImgId,this.ratingFormImgRating,this.ratingsMessageContainer,

			this.ratedContainer,this.numRatingsSpan);

		}

		

		if(this.allowComments == 1)

		{

			this.mainComments = new commentsClass(this.guest,this.idArray,this.host,this.commentsAmountDiv,

			this.commentsDataContainer,this.commentsContainer,

			this.commentsForm,this.commentsTextarea,this.commentsImgId,this.commentsGif,this.index,

			this.darkDiv,this.commentsMessageContainer,this.lightbox);

		}

		

		if(this.showDescriptions == 1)

		{

			this.descriptionDivs = $(this.desContainer).getElements('div[class=des_div]');

			this.descriptionDivs.each(function(el,index)

			{

				el.setStyle('display', 'none');

			});

			$(this.desContainer).scrollTo(0,0);

			this.descriptionDivs[this.index].setStyle('display', 'block');

		}

		

		

	    if(this.main == true)

		{

			if (this.magnify == 1 && $('magnifygif') != null) 

			{

				$('magnifygif').remove();

			}

		}

		

		if(this.main == true)

		{

			

			this.linksArray = $(this.thumbTable).getElements('a');

			this.linkClass = this.linksArray[this.index].getProperty('class');

			this.linkTarget = this.linksArray[this.index].getProperty('target');

			

			

			if(this.linkClass == 'picture_link')

			{	

				$(this.largeImgDiv).setStyle('cursor', 'pointer');

				$(this.largeImgDiv).removeEvents('click');

				$(this.largeImgDiv).addEvent('click', function(e)

				{

					if (this.linkTarget == '_blank') 

					{

						window.open(this.linksArray[this.index - 1]);

					}

					else

					{

						window.location = this.linksArray[this.index -1];

					}

					

				}.bind(this));

			}

			

			if(this.lightbox == 1 && this.linkClass == 'no_link' )

			{

				$(this.largeImgDiv).removeEvents('click');

				

				$(this.largeImgDiv).setStyle('cursor', 'pointer');

				

				$(this.largeImgDiv).addEvent('click', function(e)

				{	

					this.mainBehaviors.igniteLightBox(this.index - 1);

				}.bind(this));

			}

			

			

		}

		

		if(this.main == true)

		{

			if(this.lboxSlideShow != null)

				{

					this.lboxSlideShow.clearSlideShow();

					this.lboxSlideShow.index = this.index + 1;

					if(this.lboxSlideShow.index >= this.numPics)

					{

						this.lboxSlideShow.index = 0;

					}

					

				}

		}

		

		this.imageToFadeOut = $(this.largeImgDiv).getElement('img[class=large_img]');

		

		this.imageFadeAway = new Fx.Style(this.imageToFadeOut, 'opacity').start(1,0).chain(function()

		{

			this.imageToFadeOut.remove();

		}.bind(this));

		

		this.ImageAsset = this.imageToFadeIn = new Asset.images([this.host + 'images/stories/igallery/' + this.galleryFolder + '/' + this.imageFolder + '/' + this.imgFileNameArray[this.index] ], 

		{

			onComplete: function()

			{

				this.ImageAsset.injectTop( $(this.imgholder) )

				this.ImageAssetInjected = $(this.imgholder).getElement('img');

				

				this.imageAssetSizeArray = this.ImageAssetInjected.getSize();

				this.imageWidth = this.imageAssetSizeArray.size.x;

				this.imageHeight = this.imageAssetSizeArray.size.y;

				//$(this.imgholder).empty();

			

				this.imageToFadeInEl = new Element('img', 

				{

			    	'src': null

				});

				

				this.imageToFadeInEl.setStyle('opacity',0);

				this.imageToFadeInEl.injectTop(this.largeImgDiv);

				this.imageToFadeInEl.setProperty('src', this.host + 'images/stories/igallery/' + this.galleryFolder + '/' + this.imageFolder + '/' + this.imgFileNameArray[this.index]);

				this.imageToFadeInEl.setProperty('class', 'large_img');

				

				

				this.largeImgDivSizeArray = $(this.largeImgDiv).getSize();

				

				this.imageToFadeInLeftMargin = (this.largeImgDivSizeArray.size.x - this.imageWidth) /2;

				this.imageToFadeInTopMargin = (this.largeImgDivSizeArray.size.y - this.imageHeight) /2;

				

				

				this.imageToFadeInEl.setStyles

				({

					display: 'block',

					position: 'absolute',

					left: this.imageToFadeInLeftMargin,

					top: this.imageToFadeInTopMargin

				});

				

				

				

				this.imageFadeIn = new Fx.Style(this.imageToFadeInEl, 'opacity').start(0,1).chain(function()

				{

					if(this.main == true)

					{

						if (this.magnify == 1) 

						{

							this.insertMagnify = new insertMagnifyClass(this.largeImgDiv,this.host,this.imageWidth,this.imageHeight);

						}

					}

				}.bind(this));

				

				this.index++;

				if(this.index == this.numPics )

				{

					this.index = 0;

				}

				

			}.bind(this)

		});

		

		

	}

	

	

	

    

});



imageFaderClass = new Class

({

	initialize: function(main,magnify,largeImgDiv,host,galleryFolder,imageFolder,imgFileNameArray,index,fade,first,imgholder)

    {

    	this.main = main;

    	this.magnify = magnify;

    	this.largeImgDiv = largeImgDiv;

    	this.host = host;

    	this.galleryFolder = galleryFolder;

    	this.imageFolder = imageFolder;

    	this.imgFileNameArray = imgFileNameArray;

    	this.index = index;

    	this.fade = fade;

    	this.first = first;

    	this.imgholder = imgholder

		

		if(this.main == true)

		{

			if (this.magnify == 1 && $('magnifygif') != null) 

			{

				$('magnifygif').remove();

			}

		}

		

		if(this.first == false)

		{

			this.imageToFadeOut = $(this.largeImgDiv).getElement('img[class=large_img]');

			

			if(this.fade == true)

			{

				this.imageFadeAway = new Fx.Style(this.imageToFadeOut, 'opacity').start(1,0).chain(function()

				{

					this.imageToFadeOut.remove();

				}.bind(this));

			}

			else

			{

				this.imageFadeAway = new Fx.Style(this.imageToFadeOut, 'opacity').set(0).chain(function()

				{

					this.imageToFadeOut.remove();

				}.bind(this));

			}

		}

		

		this.ImageAsset = this.imageToFadeIn = new Asset.images([this.host + 'images/stories/igallery/' + this.galleryFolder + '/' + this.imageFolder + '/' + this.imgFileNameArray[index] ], 

		{

			onComplete: function()

			{	

				this.ImageAsset.injectTop( $(this.imgholder) )

				this.ImageAssetInjected = $(this.imgholder).getElement('img');

				

				this.imageAssetSizeArray = this.ImageAssetInjected.getSize();

				this.imageWidth = this.imageAssetSizeArray.size.x;

				this.imageHeight = this.imageAssetSizeArray.size.y;

				

				//$(this.imgholder).empty()

				

				this.imageToFadeInEl = new Element('img', 

				{

			    	'src': null

				});

				

				this.imageToFadeInEl.setStyle('opacity',0);

				this.imageToFadeInEl.injectTop(this.largeImgDiv);

				this.imageToFadeInEl.setProperty('src', this.host + 'images/stories/igallery/' + this.galleryFolder + '/' + this.imageFolder + '/' + this.imgFileNameArray[index]);

				this.imageToFadeInEl.setProperty('class', 'large_img');

				

				this.largeImgDivSizeArray = $(this.largeImgDiv).getSize();

				

				this.imageToFadeInLeftMargin = (this.largeImgDivSizeArray.size.x - this.imageWidth) /2;

				this.imageToFadeInTopMargin = (this.largeImgDivSizeArray.size.y - this.imageHeight) /2;

				

				

				this.imageToFadeInEl.setStyles

				({

					display: 'block',

					position: 'absolute',

					left: this.imageToFadeInLeftMargin,

					top: this.imageToFadeInTopMargin

				});

				

				

				if(this.fade == true)

				{

					this.imageFadeIn = new Fx.Style(this.imageToFadeInEl, 'opacity').start(0,1).chain(function()

					{

						if(this.main == true)

						{

							if (this.magnify == 1) 

							{

								this.insertMagnify = new insertMagnifyClass(this.largeImgDiv,this.host,this.imageWidth,this.imageHeight);

							}

						}

					}.bind(this));

				}

				else

				{

					this.imageFadeIn = new Fx.Style(this.imageToFadeInEl, 'opacity').start(1,1).chain(function()

					{

						if(this.main == true)

						{

							if (this.magnify == 1) 

							{

								this.insertMagnify = new insertMagnifyClass(this.largeImgDiv,this.host,this.imageWidth,this.imageHeight);

							}

						}

					}.bind(this));

				}

				

			}.bind(this)

		});

    }



});



insertMagnifyClass = new Class

({

	initialize: function(largeImgDiv,host,imageWidth,imageHeight)

    {

    	this.largeImgDiv = largeImgDiv;

    	this.host = host;

    	this.imageWidth = imageWidth;

    	this.imageHeight = imageHeight;

    	

    	this.mainImage = $(this.largeImgDiv).getElement('img');

		this.mainImageLeft = this.mainImage.getLeft();

		this.containerLeft = $(this.largeImgDiv).getLeft();

		this.leftMargin = this.mainImageLeft - this.containerLeft;

	

		this.mainImageTop = this.mainImage.getTop();

		this.containerTop = $(this.largeImgDiv).getTop();

		this.mainImageTopMargin = this.mainImageTop - this.containerTop;

		

		this.magnifyMarginLeft = this.leftMargin + this.imageWidth - 27;

		this.magnifyMarginTop = this.imageHeight + this.mainImageTopMargin - 20;

		

		

		this.magnify = new Asset.images([this.host + 'components/com_igallery/images/magnify.gif' ], 

		{

			onComplete: function()

			{

				this.magnify[0].injectTop(this.largeImgDiv).setStyles

				({

					position: 'absolute',

					top: this.magnifyMarginTop,

					left: this.magnifyMarginLeft,

					'z-index': 1020,

					opacity: 0

				});

				this.magnify[0].setProperty('id', 'magnifygif');

				this.magnifyFadeIn = new Fx.Style(this.magnify[0], 'opacity').set(0.5);

			}.bind(this)

		});

	}

});







preloaderClass = new Class

({

    initialize: function(host,galleryFolder,imageFolder,imgFileNameArray,numPics)

    {

    	this.host = host;

    	this.galleryFolder = galleryFolder;

    	this.imageFolder = imageFolder;

    	this.imgFileNameArray = imgFileNameArray;

    	this.numPics = numPics;

    	this.counter = 0;

    	

    	this.preloaderVar = this.preloaderFunction.periodical(750, this);

    },

    

    preloaderFunction : function()

	{

    	new Asset.images([this.host + 'images/stories/igallery/' + this.galleryFolder + '/' + this.imageFolder + '/' + this.imgFileNameArray[this.counter] ],

		{

		    onComplete: function()

		 	{

				

		    }

		});

		

		this.counter++;

		

		if(this.counter == this.numPics)

		{

			$clear(this.preloaderVar);

		}

	}

    

});



addArrowBehaviors = new Class

({

    initialize: function(arrow, pixels, mode, container)

    {

    	this.arrow = arrow;

    	this.pixels = pixels;

    	this.mode = mode;

		this.container = container;

		

		this.arrowScroller = new Fx.Scroll(this.container);

		

		$(this.arrow).addEvent('click', function(e)

		{

			this.containerSizeArray = $(this.container).getSize();

			this.currentScrollX = this.containerSizeArray.scroll.x;

			this.currentScrollY = this.containerSizeArray.scroll.y;

			this.contentWidth = this.containerSizeArray.scrollSize.x;

			this.contentHeight = this.containerSizeArray.scrollSize.y;

			

			if (this.mode == 'horizontal') 

			{

				this.arrowScroller.scrollTo(this.currentScrollX + this.pixels, this.currentScrollY);

			}

			

			if (this.mode == 'vertical') 

			{

				this.arrowScroller.scrollTo(this.currentScrollX, this.currentScrollY + this.pixels);

			}

			

	    }.bind(this));

    }

});





commentsClass = new Class

({

	initialize: function(guest,idArray,host,commentsAmountDiv,commentsDataContainer,commentsContainer,commentsForm,commentsTextarea,

	commentsImgId,commentsGif,imgIndex,darkDiv,commentsMessageContainer,lightbox)

    {

    	this.guest = guest;

    	this.idArray = idArray;

    	this.host = host;

    	

    	this.commentsAmountDiv = commentsAmountDiv;

    	this.commentsDataContainer = commentsDataContainer;

    	this.commentsContainer = commentsContainer;

    	this.commentsForm = commentsForm;

    	this.commentsTextarea = commentsTextarea;

    	this.commentsImgId = commentsImgId;

    	this.commentsGif = commentsGif;

    	this.imgIndex = imgIndex;

    	this.darkDiv = darkDiv;

    	this.commentsMessageContainer = commentsMessageContainer;

		this.lightbox = lightbox;

    	

    	

  

    	

    	

		if(this.guest == 0)

		{

			$(this.commentsImgId).setProperty('value', this.idArray[this.imgIndex]);

			$(this.commentsForm).removeEvents();

			

			this.commentsMessages = $(this.commentsMessageContainer).getElements('span');

    		this.commentsMessages.each(function(el,index){el.setStyle('display','none')});

		}

		//alert(this.commentsMessageContainer);

		this.caculateComments();

		

		//ajax comments bit

		if(this.guest == 0)

		{	

			$(this.commentsForm).addEvent('submit', function(e) 

			{

				new Event(e).stop();

				this.commentToSend = $(this.commentsTextarea).getValue();

				

				if(this.commentToSend.length < 1)

				{

					this.commentsMessages[0].setStyle('display','inline');

					this.commentsMessages[1].setStyle('display','none');

					this.commentsMessages[2].setStyle('display','none');

				}

				else

				{

					$(this.commentsGif).setHTML('<img src="' + this.host + 'components/com_igallery/images/loader.gif');

					

					$(this.commentsForm).send

					({

						onComplete: function(response) 

						{

							if(response == 0)

							{

								this.commentsMessages[0].setStyle('display','none');

								this.commentsMessages[1].setStyle('display','inline');

								this.commentsMessages[2].setStyle('display','none');

							}

							else

							{

								this.newCommentDiv = new Element('div', 

								{

							    	'class': 'main_comments_div_' + this.idArray[this.imgIndex]

								});

								this.newCommentDiv.injectInside(this.commentsDataContainer);

								

								

								

								this.newCommentDiv.setStyles({'border-bottom': '1px solid #cccccc',padding: '8px 0px',display: 'none'});

								

								

								this.responseWithLineBreak = response.replace(new RegExp("\\n","g"),"<br />" );

								

								this.newCommentDiv.setHTML(this.responseWithLineBreak);

								$(this.commentsGif).setHTML('');

								

								this.commentsMessages[0].setStyle('display','none');

								this.commentsMessages[1].setStyle('display','none');

								this.commentsMessages[2].setStyle('display','inline');

								

								$(this.commentsTextarea).value = '';

								this.caculateComments();

							}

						}.bind(this)

					});

					

				}

				

			}.bind(this));

			

		}

    },

    

    caculateComments: function()

    {

    	

    	this.commentDataDivs = $(this.commentsDataContainer).getElements('div');

    	this.commentsContainerDiv = $(this.commentsContainer);

    	

    	this.commentsContainerChildDivs = $(this.commentsContainer).getElements('div');

    	this.commentsContainerChildDivs.each(function(el,index)

    	{

    		el.remove();

    	});

    	

		this.commentsCounter = 0;

		this.commentDataDivs.each(function(el,index)

		{

			this.commentDivId = el.getProperty('class');

			this.commentDivImgIdArray = this.commentDivId.split("_");

			this.commentDivImgId = this.commentDivImgIdArray.pop();

			

			if(this.commentDivImgId == this.idArray[this.imgIndex])

			{

				//el.setStyle('display','block');

				this.clone = el.clone().injectInside(this.commentsContainerDiv);

				this.clone.setStyle('display','block')

				this.commentsCounter++

			}

		}.bind(this));

		

		$(this.commentsAmountDiv).setHTML(this.commentsCounter);

		

		this.totalScrollHeight = Window.getScrollHeight();

		if(this.lightbox == 1)

		{

			$(this.darkDiv).setStyle('height',this.totalScrollHeight + 30);

		}

    }

    

    

});



ratingsClass = new Class

({

	initialize: function(guest,idArray,host,imgIndex,ratingsContainer,ratingsInfoDiv,ratingForm,

	ratingFormImgId,ratingFormImgRating,ratingsMessageContainer,ratedContainer,numRatingsSpan)

	{	

		this.guest = guest;

    	this.idArray = idArray;

    	this.host = host;

    	this.imgIndex = imgIndex;

    	

    	this.ratingsContainer = ratingsContainer;

    	

    	this.ratingsInfoDiv = ratingsInfoDiv;

    	this.ratingForm = ratingForm;

    	this.ratingFormImgId = ratingFormImgId;

    	this.ratingFormImgRating = ratingFormImgRating;

    	this.ratingsMessageContainer = ratingsMessageContainer;

    	this.ratedContainer = ratedContainer;

		this.numRatingsSpan = numRatingsSpan;

		

    	this.newRatedArray = new Array();

    	this.ratedDivs = $(this.ratedContainer).getElements('div');

		this.ratedCounter = 0;

		this.ratedDivs.each(function(el,index)

		{

			this.ratedDivValue = el.innerHTML;

			this.ratedDivInt = parseInt(this.ratedDivValue);

			this.newRatedArray[index] = this.ratedDivInt;

		}.bind(this));

    	

    	this.caculateRating();

    	

    	this.ratingMessages = $(this.ratingsMessageContainer).getElements('span');

    	this.ratingMessages.each(function(el,index){el.setStyle('display','none')});

    	if(this.guest == 1)

		{

    		this.ratingMessages[0].setStyle('display','inline');

		}

		if(this.guest == 0 && this.newRatedArray[this.imgIndex] == 0)

		{

    		this.ratingMessages[1].setStyle('display','inline');

		}

		if(this.guest == 0 && this.newRatedArray[this.imgIndex] == 1)

		{

    		this.ratingMessages[2].setStyle('display','inline');

		}

		

		if(this.guest == 0)

		{

			//set the mouse enter and mouse leave

			this.ratingStars.each(function(el,index)

			{

				el.removeEvents();

				if(this.newRatedArray[this.imgIndex] == 0)

				{

				    el.addEvent('mouseenter', function()

				    {

				    	for(this.i = 0; this.i<5; this.i++)

						{

							if(this.i <= index)

							{

								this.ratingStars[this.i].setProperty('src', this.host + 'components/com_igallery/images/star-blue.gif');

							}

							else

							{

								this.ratingStars[this.i].setProperty('src', this.host + 'components/com_igallery/images/star-white.gif');

							}

						}

				    }.bind(this));

				    

				    el.addEvent('mouseleave', function()

				    {

				    	for(this.i = 0; this.i<5; this.i++)

						{

							if(this.i < Math.floor(this.imgRating))

							{

								this.ratingStars[this.i].setProperty('src', this.host + 'components/com_igallery/images/star-blue.gif');

							}

							else

							{

								this.ratingStars[this.i].setProperty('src', this.host + 'components/com_igallery/images/star-white.gif');

							}

							if(this.imgRating - Math.floor(this.imgRating) > 0)

							{

								this.ratingStars[Math.floor(this.imgRating)].setProperty('src', this.host + 'components/com_igallery/images/star-half.gif');

							}

						}

				    }.bind(this));

					

				    

				    //submit the form

				    el.addEvent('click', function()

				    {	

				    	this.ratingMessages.each(function(el,index){el.setStyle('display','none')});

				    	this.ratingMessages[3].setStyle('display','inline');

				    	

				    	$(this.ratingFormImgId).setProperty('value', this.idArray[this.imgIndex]);

				    	$(this.ratingFormImgRating).setProperty('value', index + 1);

				    	

				    	$(this.ratingForm).send

						({

							onComplete: function(response) 

							{

								

								this.ratingMessages.each(function(el,index){el.setStyle('display','none')});

				    			if(response == 0)

				    			{

									this.ratingMessages[5].setStyle('display','inline');

				    			}

				    			if(response == 1)

				    			{

									this.ratingMessages[2].setStyle('display','inline');

				    			}

				    			if(response == 2)

				    			{

									this.ratingMessages[4].setStyle('display','inline');

									this.newRatingDiv = new Element('div', 

									{

								    	'class': 'ratings_div_' + this.idArray[this.imgIndex]

									});

									this.newRatingDiv.setStyle('display','none');

									this.newRatingDiv.injectInside(this.ratingsContainer);

									this.newRatingDiv.setHTML(index + 1);

									

									this.ratedDivs[this.imgIndex].setHTML(1);

									

									this.caculateRating();

				    			}

								

							}.bind(this)

						});

				    	

				    }.bind(this));

			    

				}

			

			}.bind(this));

		

		}

	},

	

	caculateRating: function()

	{

		//caculate the rating

		

		this.ratingDivs = $(this.ratingsContainer).getElements('div');

		this.ratingCounter = 0;

		this.ratingSum = 0;

		this.ratingDivs.each(function(el,index)

		{

			this.ratingDivId = el.getProperty('class');

			this.ratingDivImgIdArray = this.ratingDivId.split("_");

			this.ratingDivImgId = this.ratingDivImgIdArray.pop();

			

			if(this.ratingDivImgId == this.idArray[this.imgIndex])

			{	

				this.ratingNumber = parseInt(el.innerHTML);

				this.ratingSum = this.ratingSum + this.ratingNumber;

				this.ratingCounter++

			}

		}.bind(this));

		

		$(this.numRatingsSpan).setHTML(this.ratingCounter);

		

		if(this.ratingSum == 0 && this.ratingCounter == 0)

		{

			this.imgRating = 0;

		}

		else

		{

			this.imgRatingtoRound = this.ratingSum/this.ratingCounter;

			this.imgRating = Math.round( (this.imgRatingtoRound * 2) ) /2;

		}

		

		//set the rating

		this.ratingStars = $(this.ratingsInfoDiv).getElements('img');

		for(this.k = 0; this.k<5; this.k++)

		{

			this.ratingStars[this.k].setProperty('src', this.host + 'components/com_igallery/images/star-white.gif');

		}

		

		for(this.k = 0; this.k<Math.floor(this.imgRating); this.k++)

		{

			this.ratingStars[this.k].setProperty('src', this.host + 'components/com_igallery/images/star-blue.gif');

		}

		

		if(this.imgRating - Math.floor(this.imgRating) > 0)

		{

			this.ratingStars[Math.floor(this.imgRating)].setProperty('src', this.host + 'components/com_igallery/images/star-half.gif');

		}

	}

	

});