var Slider = {
	
	Current : 0,
	Current2 : 0,
	Objects : 0,
	TimeOut : null,
	Timer : 3000,
	OnClick : 6000,
	FadeOut : 3000,
	FadeIn : 2000,
	
	Init : function() {
	
		var elements = $("#slide_inside").children();
	
		Slider.Objects = elements.length - 1;
	
		$("#slide_inside").css('position', 'relative').css('height', 398).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();
        
        //Skapar och skriver ut thumbsen
        for(var i = 0; i < elements.length; i++){
        	
        	var source = $('#slide_inside > li >img').eq(i).attr('src');
        	//source = source = source.substring(0,7) + "thumbs/thumb_" + source.substring(7);
        	
        	var thumbNode = $("<a href='#' rel='" + i + "' ><img src=" + source + " class='thumb' widht='74' height='30' /></a>");
        	
        	//thumbNode.onclick = Slider.SlideThumb(elements, i);
        	
        	$("#thumb_wrapper").append(thumbNode);
        }
        
        $(".thumb").click(function(e){
			
        	var rel = $(this).parent().attr("rel");
        	Slider.SlideThumb(elements, rel);
        	
        });

        
        //Kollar om man håller musen över och isf stanna bildspelet//
		$("#slide_inside").mouseover(function(){
			Slider.TimeOut = clearTimeout(Slider.TimeOut);
		});
		$("#slide_inside").mouseout(function(){
			Slider.TimeOut = setTimeout((function(){
				Slider.Fade(elements);
			}), 1000);
		});
		
		Slider.TimeOut = setTimeout((function() {
			Slider.Fade(elements);
		}), Slider.Timer);
	 
	 
	},
	
	Fade : function(elements){
		
		if(Slider.Current != Slider.Objects){
			
			Slider.Current2 = Slider.Current + 1;
			
			$(elements[Slider.Current]).fadeOut(Slider.FadeOut);
			$(elements[Slider.Current+1]).fadeIn(Slider.FadeIn);
			
			$("#thumb_wrapper").animate({backgroundPosition: Slider.Current2 * 84 + "px 0px"}, 2500);			
			
			Slider.Current++;
			
		}else{
		
			$(elements[Slider.Current]).fadeOut(Slider.FadeOut);
			$(elements[0]).fadeIn(Slider.FadeIn);
			
			$("#thumb_wrapper").animate({backgroundPosition: "0px 0px"}, 2500);
			
			Slider.Current = 0;
			
		}
		
		Slider.TimeOut = setTimeout((function(){
			Slider.Fade(elements);
		}), Slider.Timer);
	

	},
	
	SlideThumb : function(elements, rel){
		
		Slider.TimeOut = clearTimeout(Slider.TimeOut);
		
		$(elements[Slider.Current]).fadeOut(Slider.FadeOut);
		$(elements[rel]).fadeIn(Slider.FadeIn);
			
		$("#thumb_wrapper").animate({backgroundPosition: rel * 84 + "px 0px"}, 1000);
		
		Slider.Current = parseInt(rel);
		
		Slider.TimeOut = setTimeout((function(){
			Slider.Fade(elements);
		}), Slider.OnClick);
		
		return false;
	}
	
}


window.onload = Slider.Init;