/*  
JAVASCRIPT IMAGE GALLERY W/ mootools
Description: A easy, non destructive javascript image gala.
Version: 1.1
Author: Devin Ross
Author URI: http://tutorialdog.com
*/

/*
Release notes:
	1.1 - Adds loading animation, and properly fades in images when fully loaded
	1.1.1 - Fixes displaying description, Fades out current image, Works with Mootools 1.2
*/


window.addEvent('domready', function() {
		
	
		// CHANGE THIS !!
		if($('image_list_count') == null)
		   return;
		i_count = parseInt($('image_list_count').innerHTML,10);
		var count = Math.ceil(i_count/7);

		var slides = count;		// NUMBER OF SLIDES IN SLIDESHOW, CHANGE ACCORDINGLY
		
		var pos = 0;

		var offset = $('wrapper').getStyle('width').toInt() + $('wrapper').getStyle('padding-right').toInt();	// HOW MUCH TO SLIDE WITH EACH CLICK

		var currentslide = 1;	// CURRENT SLIDE IS THE FIRST SLIDE
		var inspector = $('fullimg');	// WHERE THE LARGE IMAGES WILL BE PLACE	
		var fx = new Fx.Morph(inspector, {duration: 300, transition: Fx.Transitions.Sine.easeOut});
 		var fx2 = new Fx.Morph(inspector, {duration: 200, transition: Fx.Transitions.Sine.easeOut});

		
		/* THUMBNAIL IMAGE SCROLL */
		var imgscroll = new Fx.Scroll('wrapper', {
   			offset: {'x': 0, 'y': 0},
   			transition: Fx.Transitions.Cubic.easeOut	// HOW THE SCROLLER SCROLLS
		}).toLeft();

	
		/* EVENTS - WHEN AN ARROW IS CLICKED THE THUMBNAILS SCROLL */
		$('moveleft').addEvent('click', function(event) { event = new Event(event).stop();
			if(currentslide < 1) return;
			currentslide--;					// CURRENT SLIDE IS ONE LESS
			pos += -(offset);				// CHANGE SCROLL POSITION
			imgscroll.start(pos);			// SCROLL TO NEW POSITION
		});
		$('moveright').addEvent('click', function(event) { event = new Event(event).stop();
			if(currentslide >= slides) return;
			currentslide++;
			pos += offset;
			imgscroll.start(pos);
		});
		
		// INSERT THE INITAL IMAGE - LIKE ABOVE
		inspector.empty();
		
		firstElement = '1';
		first = $(firstElement);

		if(first){
		
			/*	opisy wyłaczone
			 *
				var description = first.getElement('span');
				if(description) var desc = new Element('p').set('html',description.get('html')).inject(inspector);
			*/
			
			
			var largeImage = new Element('img', {'src': first.href}).inject(inspector);
			
			inspector.getElement('img').addEvent('click',function(e){
					oMilkbox.openMilkbox(oMilkbox.galleries[0],firstElement.toInt() - 1);
			}.bindWithEvent(this));
		}
		
		/* WHEN AN ITEM IS CLICKED, IT INSERTS THE IMAGE INTO THE FULL VIEW DIV */
		
		$$('.item').each(function(item){ 
			item.addEvent('click', function(e) { 
			
				e = new Event(e).stop();

				fx2.start({ 
					'opacity' : 0													
				}).chain(function(){
					
					inspector.empty();		// Empty Stage
					var loadimg = '/images/wait.gif';	   // Reference to load gif
					var load = new Element('img', { 'src': loadimg, 'class': 'loading' }).inject(inspector); 
					fx2.start({ 'opacity' : 1 });
					var largeImage = new Element('img', { 'src': item.href }); // create large image
					
					/*
					pobranie z linku, autora i tytulu zdjecia
					*/
					var link = item.href;
					title  = '/title/';
					author = 'author/';
					
					image_author =   link.substring(link.indexOf(author) + author.length , link.indexOf(title) ) ;
					image_title  =   link.substring(link.indexOf(title)  + title.length ) ;
					
					var oDivTransparent = new Element('div', {'class' : 'box-image-information'});	
					
						
					/* When the large image is loaded, fade out, fade in with new image */
					//largeImage.onload = function(){  // While this line of code causes the images to load/transition in smoothly, it cause IE to stop working
						fx.start({ 
							'opacity' : 0													
						}).chain(function(){
							inspector.empty();	           				// empty stage
							var description = item.getElement('span');	// see if there is a description
							
							/* 
							* dodac jesli chcem opis
							*
							
							if(description)					   
								var des = new Element('p').set('text', description.get('text')).inject(inspector);
							
							*/	
								
							largeImage.inject(inspector); // insert new image
							
							
							inspector.getElement('img').addEvent('click',function(e){
							oMilkbox.openMilkbox(oMilkbox.galleries[0],item.id-1);
							}.bindWithEvent(this));
									
							fx.start({'opacity': 1});	 // then bring opacity of elements back to visible				
						});
					//};
					
				});
			});
		});


});