/**
*    Morph gallery for jQuery 
*    Copyright (C) 2008 Ziadin Givan www.CodeAssembly.com  
*
*    This program is free software: you can redistribute it and/or modify
*    it under the terms of the GNU Lesser General Public License as published by
*    the Free Software Foundation, either version 3 of the License, or
*    (at your option) any later version.
*
*    This program is distributed in the hope that it will be useful,
*    but WITHOUT ANY WARRANTY; without even the implied warranty of
*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
*    GNU General Public License for more details.
*
*    You should have received a copy of the GNU Lesser General Public License
*    along with this program.  If not, see http://www.gnu.org/licenses/
*    
*    Examples 
*	 $(".jmorph").jmorphGallery();
*/
jQuery.fn.jmorphGallery = function(settings) 
{
	return this.each( function()//do it for each matched element
	{
		
		settings = jQuery.extend(//provide default settings
		{
			timeout: 1000
		} , settings);

		var parent = $(this);
		var images = new Array;
		var dates = new Array;
		var titles = new Array;
		var descs = new Array;
		var links = new Array;
		var currentImageNr = 0;
		var preloadImage = new Image();

		//get all images
		$(".band li a", parent).each(function(i)
		{
			dates.push($(this).attr('date'));
			images.push($(this).attr('href'));
			titles.push($(this).attr('top_title'));
			descs.push($(this).attr('desc'));
			links.push($(this).attr('link'));
		});
		
		//load first image
		preloadImage.src = images[currentImageNr];
		dates_cont = dates[currentImageNr];
		titles_cont = titles[currentImageNr];
		descs_cont = descs[currentImageNr];
		links_cont = links[currentImageNr];
		$(preloadImage).bind('load',function ()
		{
			$('.nextImg',parent).css('background-image','url(' + images[currentImageNr] + ')').
			width(preloadImage.width).
			height(preloadImage.height).
			css('opacity','0');
			$('.currentImg',parent)
			.animate({width:preloadImage.width,height:preloadImage.height},settings.timeout,
			function(e) 
			{
				$('.currentImg',parent).css('background-image','url(' + images[currentImageNr] + ')');
				$('.nextImg',parent).css('opacity','1');
			});
			$('.nextImg',parent).animate({opacity:'1'},settings.timeout);
		});
		
			document.getElementById('date_container').innerHTML=dates_cont;
			document.getElementById('text_container').innerHTML=titles_cont;
			document.getElementById('desc_container').innerHTML=descs_cont;
			document.getElementById('links_container').innerHTML="<a class=style4 href='"+links_cont+"'> >> More</a>";
			document.getElementById('pages_container').innerHTML= "1 of "+ images.length;
		function loadImage()
		{	
			preloadImage.src = images[currentImageNr];
			dates_cont = dates[currentImageNr];
			titles_cont = titles[currentImageNr];
			descs_cont = descs[currentImageNr];
			links_cont = links[currentImageNr];
			var current = $('ul li',parent).removeClass('selected').eq(currentImageNr).addClass('selected');
			var band = $('.band',parent);
			band.animate({marginLeft:( - current.position().left + band.offset().left) + "px"});
			temp_currentImageNr = currentImageNr;
			temp_currentImageNr++;
			document.getElementById('date_container').innerHTML=dates_cont;
			document.getElementById('text_container').innerHTML=titles_cont;
			document.getElementById('desc_container').innerHTML=descs_cont;
			document.getElementById('links_container').innerHTML="<a class=style4 href='"+links_cont+"'> >> More</a>";
			document.getElementById('pages_container').innerHTML= temp_currentImageNr+" of "+ images.length;
		}
		
		$(".previous", parent).click(function(e)
		{
			currentImageNr <= 0 ? 0 : currentImageNr-=4;
			if(currentImageNr <= 0){
				currentImageNr =0;
			}
			loadImage();
		});
		
		$(".next,.nextImg", parent).click(function(e)
		{
			currentImageNr >= images.length - 1 ? images.length - 1 : currentImageNr+=4;
			if(currentImageNr >= images.length - 4){
				currentImageNr =images.length - 4;
			}
			loadImage();
		});	

		$(".currentImg,.text_container", parent).click(function(e)
		{
			links_cont = links[currentImageNr];
			window.location.href=links_cont;
		});	
		
		$("div ul li", parent).click(function(e)
		{
			e.preventDefault();
			currentImageNr = $('li',this.parentNode).index(this);
			
			loadImage();
		});
	});
};