$(document).ready(function() {
	//$('.image_slideshow').imageSlider({'autoSlide':'true', 'autoSlideInterval':'5000'});
	
	$('.image_slideshow').each(function(){
		try {
			$(this).imageSlider({'autoSlide':'true', 'autoSlideInterval':'4000'});
		} catch(err){
			//$('#content-home').html(err.description);
		}
	});
});


(function($){
	jQuery.fn.imageSlider = function(params) {
	    var defaults = {
	        autoSlide: false,
	        autoSlideInterval: 2000,
	        slide: function(imgContainer, i){
	    		imgContainer.find('li').removeClass("selected");
	    		imgContainer.find('li[value="'+i+'"]').addClass("selected");
	    		//console.log(imgContainer.html());
		    	var imageObj = imgContainer.find('img');
		    	
		    	if(i == selected)
		    		return;
		    	selected = i;
		    	
		    	imageObj.fadeOut("fast", function(){
		    		imageObj.attr('src', imageArr[i]);
		    		imageObj.fadeIn("fast");
		    	});
	    	},
	    	startInterval:function(){
	    		intervalObj = setInterval(function(){
			    	var next = selected+1;
			    	if((imageArr.length-1) == selected)
			    		next = 0;
			    	data.slide(currentObj.find('.image_container'), next) 
			    },data.autoSlideInterval);
	    	}
	    };
	    var data = $.extend(defaults, params);
	    var currentObj;
	    var imageArr = new Array();
	    var selected = 0;
	    var intervalObj;
	    
	    $(this).each(function(i){
	    	var htmlNav = '<div class="image_nav"><ul>';
			var html = '<div class="image_container">';
			currentObj = $(this);
		    $(this).find('img').each(function(i){
		    	imageArr.push($(this).attr('src'));
		    	if(i == 0) {
		    		htmlNav += '<li class="selected" value="'+i+'"><div class="image_nav_button">&nbsp;</div></li>';
		    		html += '<img title="' + $(this).attr('title') + '" alt="' + $(this).attr('alt') + '" style="height:' + $(this).attr('height') + 'px;width:' + $(this).attr('width') + 'px;" src="' + $(this).attr('src') + '" />';
		    	}
		    	else
		    		htmlNav += '<li value="'+i+'"><div class="image_nav_button">&nbsp;</div></li>';
		    });
		    htmlNav += '</ul></div>';
		    html 	+= htmlNav;
		    html 	+= '</div>';
		    $(this).html(html);
		    $(this).find('.image_nav').fadeTo("fast", 0.50);
		    
		    if(data.autoSlide == 'true') {
		    	data.startInterval();
		    }
		    
		    $(this).find('.image_nav_button').mouseover(function(i){
		    	var imgContainer = $(this).parent().parent().parent().parent();
		    	var i = parseInt($(this).parent().attr('value'));
		    	if(isNaN(i)) 
		    		i = 0;
		    	if(data.autoSlide == true) {
		    		clearInterval(intervalObj);
			    	data.startInterval();
		    	}
		    	data.slide(imgContainer, i);
		    });
		});
	}
})(jQuery);