/******************** <<<<<<<<<< [VERSION 3.0] >>>>>>>>>> *******************
	<summary>
		Created By		:	Asif Ahmed
		Company			:	WebOnRetail Technologies
		Creation Date	:	07 february 2011 
		Date Modified	:	08 february 2011
		Dependencies	:	None
		Website			:	www.webonretail.com
		Email			:	asif.ahmed01@gmail.com
		Copyright (c) 2011 webonretail Technologies. All rights reserved.
	</summary>
/**************************************************************************/

$.fn.extend({
	spaceGallery: function() {
		var e = $(this);
		var ControlBoxID = 'div' + $(e).attr('id').toString() + 'ControlBox';
		var lstrSlideShowButton = "<div id='" + ControlBoxID + "' spaceGallery='" + $(e).attr('id').toString() + "'>";
		$(e).children().each(function(index) {
			lstrSlideShowButton += "<a href='javascript:void(0);' class='spaceGalleryButton' rel='#" + $(this).attr('id').toString() + "'>&nbsp;</a>";
		});
		lstrSlideShowButton +="</div>";
		$(e).after(lstrSlideShowButton); 
		
		var lobjControlbox = $('#' + ControlBoxID);
		
		var toppos = ($(e).position().top + $(e).height()); 
		$(lobjControlbox).css({ 
			'position' : 'absolute',
			'visibility' : 'visible',
			'left' : $(e).position().left,
			'top' : toppos,
			'z-index' : '99',
			'width' : $(e).width(),
			'min-height' : '25px',
			'margin-top' : - $(lobjControlbox).height(),
			'text-align' : 'right'
		});
		
		$(lobjControlbox).find('a.spaceGalleryButton').bind('click',function(){
			var lobjCcontrolBox = $(this).parent();
			$currentActive = $('#' + $(lobjCcontrolBox).attr('spaceGallery').toString()).find($(this).attr('rel'));
			
			if(!$currentActive.is('.active') && $(lobjCcontrolBox).is(":visible") && $currentActive.parent().find('div.last-active').dequeue().length == 0) {
				$active = $('#' + $(lobjCcontrolBox).attr('spaceGallery').toString()).find('.active');
				$next = $('#' + $(lobjCcontrolBox).attr('spaceGallery').toString()).find($(this).attr('rel'));
				//$(lobjCcontrolBox).css({'visibility' : 'hidden'});
				if($active.length > 0) $active.addClass('last-active');
				$next.css({height:'0%'}).addClass('active').dequeue().stop().animate({height:'100%'}, 2000, function() { 
					if($active.length > 0) $active.removeClass('active last-active');
					//$(lobjCcontrolBox).css({'visibility' : 'visible'});
				});
				$(this).parent().find('.spaceGalleryButtonHover').removeClass('spaceGalleryButtonHover').addClass('spaceGalleryButton');
				$(this).removeClass('spaceGalleryButton').addClass('spaceGalleryButtonHover');
			};
			return false;
		});
	}
});
//jQuery('#apDivSpaceGallery').spaceGallery();

$.extend({ 
	spaceGallery: function(e) {
		var ControlBoxID = 'div' + $(e).attr('id').toString() + 'ControlBox';
		var lstrSlideShowButton = "<div id='" + ControlBoxID + "' spaceGallery='" + $(e).attr('id').toString() + "'>";
		$(e).children().each(function(index) {
			lstrSlideShowButton += "<a href='javascript:void(0);' class='spaceGalleryButton' rel='#" + $(this).attr('id').toString() + "'>" + (index + 1) + "</a>";
		});
		lstrSlideShowButton +="</div>";
		$(e).after(lstrSlideShowButton); 
		
		var lobjControlbox = $('#' + ControlBoxID);
		
		var toppos = ($(e).position().top + $(e).height()); 
		$(lobjControlbox).css({ 
			'position' : 'absolute',
			'visibility' : 'visible',
			'left' : $(e).position().left,
			'top' : toppos,
			'z-index' : '99',
			'width' : $(e).width(),
			'min-height' : '25px',
			'margin-top' : - $(lobjControlbox).height(),
			'text-align' : 'right'
		});
		
		$(lobjControlbox).find('a.spaceGalleryButton').bind('click',function(){
			var lobjCcontrolBox = $(this).parent();
			$currentActive = $('#' + $(lobjCcontrolBox).attr('spaceGallery').toString()).find($(this).attr('rel'));
			
			if(!$currentActive.is('.active') && $(lobjCcontrolBox).is(":visible") && $currentActive.parent().find('div.last-active').dequeue().length == 0) {
				$active = $('#' + $(lobjCcontrolBox).attr('spaceGallery').toString()).find('.active');
				$next = $('#' + $(lobjCcontrolBox).attr('spaceGallery').toString()).find($(this).attr('rel'));
				//$(lobjCcontrolBox).css({'visibility' : 'hidden'});
				if($active.length > 0) $active.addClass('last-active');
				$next.css({width:'0%', height:'0%'}).addClass('active').dequeue().stop().animate({width:'100%', height:'100%'}, 1000, function() { 
					if($active.length > 0) $active.removeClass('active last-active');
					//$(lobjCcontrolBox).css({'visibility' : 'visible'});
				});
				$(this).parent().find('.spaceGalleryButtonHover').removeClass('spaceGalleryButtonHover').addClass('spaceGalleryButton');
				$(this).removeClass('spaceGalleryButton').addClass('spaceGalleryButtonHover');
			};
		});
		$(lobjControlbox).find('a.spaceGalleryButton').each(function(index) {
			$active=$(e).find('.active');
			if($active.length > 0)	{
				if($(this).attr('rel').toString() == ('#' + $active.attr('id').toString()))	{
					$(this).removeClass('spaceGalleryButton').addClass('spaceGalleryButtonHover');
					return false;
				};
			};
		});
		return false;
	}
});  
//jQuery.spaceGallery('#apDivSpaceGallery');

jQuery(document).ready(function() {
	//jQuery.spaceGallery('#apDivSpaceGallery');
});