var Slider = {
	
	Current : 0,
	Object : 0,
	Timer: 4500,
	FadeIn: 2000,
	FadeOut: 3000,
	TimeOut: null,
	
	Init : function() {
		
		var g_inside = document.getElementById("galleryslider_inside");
		if(g_inside == null)
		{
			return false;
		}
		
		var elements = $('#galleryslider_inside').children();
		
		
		
		Slider.Objects = elements.length-1;
		
		// Fix some css if the javascript works
		$('#galleryslider').css('border-bottom', '0px');
		
		// Fix the thumbs and put in the gallery tag
		$('#galleryslider_thumbwrapper').before('<p>Gallery</p>');
		
		$('#galleryslidery_inside').css('position', 'relative')
								   .css('height', 552)
								   .addClass('innerfade');
		
		for(var i = 0; i < elements.length; i++) {
			$(elements[i]).css('z-index', String(elements.length-i))
						  .css('position', 'absolute')
						  .hide();	
		}
		
		$(elements[Slider.Current]).show();
		
		// Here we feed the slider with thumbs
		for(var i = 0; i < elements.length; i++) {
			var source = $('#galleryslider_inside > li > img').eq(i).attr('src');
			var thumbNode = $("<a href='#' rel='"+i+"'><img src='"+source+"' class='thumb' width='74' height='42' /></a>");
			$('#galleryslider_thumbwrapper').append(thumbNode);
		}
		
		$('.thumb').click(function(e){
			var rel = $(this).parent().attr('rel');
			
			//Slider.TimeOut = clearTimeout(Slider.TimeOut);
			Slider.ThumbClick(elements, rel);
			return false;
		});
		
		// Here we check if the user put the mouse over then stop the slider
		$('#galleryslider_inside').mouseover(function(){
			Slider.TimeOut = clearTimeout(Slider.TimeOut);
		});
		// Starts it's again
		$('#galleryslider_inside').mouseout(function(){
			Slider.TimeOut = setTimeout((function(){
				Slider.Fade(elements);
			}), 1000);
		});
		
		Slider.TimeOut = setTimeout((function(){
			Slider.Fade(elements);
		}), Slider.Timer);
		
	},
	
	Fade : function(elements) {
		
		//alert('Current: '+Slider.Current+' Objects: '+Slider.Objects);
		
		if(Slider.Current != Slider.Objects) {
			
			var next = Slider.Current + 1;
			
			$(elements[Slider.Current]).fadeOut(Slider.FadeOut);
			$(elements[next]).fadeIn(Slider.FadeIn);
			
			$('#galleryslider_thumbwrapper').animate({backgroundPosition: next * 84 +"px 0px"}, 2500);
			
			Slider.Current++;
			
		} else {
			
			$(elements[Slider.Current]).fadeOut(Slider.FadeOut);
			$(elements[0]).fadeIn(Slider.FadeIn);
			
			$('#galleryslider_thumbwrapper').animate({backgroundPosition: '0px 0px'}, 2500);
			
			Slider.Current = 0;
			
		}
		
		Slider.TimeOut = setTimeout((function() {
			Slider.Fade(elements);
		}), Slider.Timer);
		
	},
	
	ThumbClick : function(elements, rel) {
		
		Slider.TimeOut = clearTimeout(Slider.TimeOut);
		
		$(elements[Slider.Current]).fadeOut(Slider.FadeOut);
		$(elements[rel]).fadeIn(Slider.FadeIn);
			
		$('#galleryslider_thumbwrapper').animate({backgroundPosition: rel * 84 + "px 0px"}, 1000);
		
		Slider.Current = parseInt(rel);
		
		Slider.TimeOut = setTimeout((function(){
			Slider.Fade(elements);
		}), 6000);
		
		return false;
	}
	
}

//window.onload = Slider.Init;