function Slideboxx () {
		$(document).ready(function() {
		
			$('#slider .slide-info').animate({height: '87'}, 1000, "easeInOutExpo");
						
			var leftPosition=0;
			var autoPlayTime=10000;
			autoPlayTimer = setInterval(autoPlay, autoPlayTime);
			function autoPlay(){
				Slidebox('next');
			}
			$('#slideshow-navs .navleft').click(function () {
				Slidebox('next','stop');
				return false;
			});
			$('#slideshow-navs .navright').click(function () {
				Slidebox('previous','stop');
				return false;
			});
			var yPosition=($('#slider').height()-$('#slideshow-navs .navleft').height())/2;
			$('#slideshow-navs .navleft').css('top',yPosition);
			$('#slideshow-navs .navright').css('top',yPosition);
			$('#slideshow-navs .thumbs span:first-child').removeClass('thumb').addClass('active');
			/*$("#slider .slide-image").each(function(i){
				slideboxTotalContent=i*$('#slider').width();
				alert(i);
				$('#slider .container').css("width",slideboxTotalContent+$('#slider').width());
			});*/
			var car_image_count = $("#slider .slide-image").length;
			slideboxTotalContent=(car_image_count-1)*$('#slider').width();
			$('#slider .container').css("width",slideboxTotalContent+$('#slider').width());
			
			
			//append thumbs ;) yeah
			/*var i = 1;
			while(i <= car_image_count){
				if (i == 1)
				{
					var thumb = '<a class="selected_thumb" href="#">'+i+'</a>';
				}
				else
				{
					var thumb = '<a class="thumb" href="#">'+i+'</a>';
				}
				
				$('#slideshow-navs .thumbs').append(thumb);
				i++;
			}*/
			
			$('#slideshow-navs .thumbs span').each(function(){
				$(this).click(function(){
					var image_number = $(this).text();
					$('#slider .slide-info').animate({height: '0'}, 250, "easeInOutExpo");
					//$('#slider .slide-info').css("height","0");
					Slidebox(image_number);
					$('#slider .slide-info').animate({height: '87'}, 1000, "easeInOutExpo");
					clearInterval(autoPlayTimer);
					autoPlayTimer = setInterval(autoPlay, autoPlayTime);
					return false;
				});
			});
			
			$("#slider").hover(function(){
				clearInterval(autoPlayTimer);
			},function(){
				autoPlayTimer = setInterval(autoPlay, autoPlayTime);
			});
			
			$(document).ready(function(){
				//Examples of how to assign the ColorBox event to elements
				$("a[rel='carimage']").colorbox({
					current:"{current} / {total}"
				});
			});
		});

	function Slidebox(slideTo,autoPlay){
		var animSpeed=1000; //animation speed
		var infoSpeed=1000;
		var infoSpeedOut=250;
		var easeType='easeInOutExpo'; //easing type
		var sliderWidth=$('#slider').width();
		var leftPosition=$('#slider .container').css("left").replace("px", "");
		
		if( !$("#slider .container").is(":animated")){
			if(slideTo=='next'){ //next
				if(autoPlay=='stop'){
					clearInterval(autoPlayTimer);
				}
				if(leftPosition==-slideboxTotalContent){
					$('#slider .slide-info').animate({height: '0'}, infoSpeedOut, easeType);
					//$('#slider .slide-info').css("height","0");
					$('#slider .container').animate({left: 0}, animSpeed, easeType); //reset
					$('#slider .slide-info').animate({height: '87'}, infoSpeed, easeType);
					$('#slideshow-navs .thumbs span:first-child').removeClass('thumb').addClass('active');
					$('#slideshow-navs .thumbs span:last-child').removeClass('active').addClass('thumb');
				} else {
					$('#slider .slide-info').animate({height: '0'}, infoSpeedOut, easeType);
					//$('#slider .slide-info').css("height","0");
					$('#slider .container').animate({left: '-='+sliderWidth}, animSpeed, easeType); //next
					$('#slider .slide-info').animate({height: '87'}, infoSpeed, easeType);
					$('#slideshow-navs .thumbs .active').next().removeClass('thumb').addClass('active');
					$('#slideshow-navs .thumbs .active').prev().removeClass('active').addClass('thumb');
				}
			} else if(slideTo=='previous'){ //previous
				if(autoPlay=='stop'){
					clearInterval(autoPlayTimer);
				}
				if(leftPosition=='0'){
					$('#slider .slide-info').animate({height: '0'}, infoSpeedOut, easeType);
					//$('#slider .slide-info').css("height","0");
					$('#slider .container').animate({left: '-'+slideboxTotalContent}, animSpeed, easeType); //reset
					$('#slider .slide-info').animate({height: '87'}, infoSpeed, easeType);
					$('#slideshow-navs .thumbs span:last-child').removeClass('thumb').addClass('active');
					$('#slideshow-navs .thumbs span:first-child').removeClass('active').addClass('thumb');
				} else {
					$('#slider .slide-info').animate({height: '0'}, infoSpeedOut, easeType);
					//$('#slider .slide-info').css("height","0");
					$('#slider .container').animate({left: '+='+sliderWidth}, animSpeed, easeType); //previous
					$('#slider .slide-info').animate({height: '87'}, infoSpeed, easeType);
					$('#slideshow-navs .thumbs .active').prev().removeClass('thumb').addClass('active');
					$('#slideshow-navs .thumbs .active').next().removeClass('active').addClass('thumb');
				}
			} else {
				var slide2=(slideTo-1)*sliderWidth;
				if(leftPosition!=-slide2){
					clearInterval(autoPlayTimer);
					$('#slider .container').animate({left: -slide2}, animSpeed, easeType); //go to number
					$('#slideshow-navs .thumbs .active').removeClass('active').addClass('thumb');
					var selThumb=$('#slideshow-navs .thumbs span').eq((slideTo-1));
					selThumb.removeClass('thumb').addClass('active');
				}
			}
		}
	}
}

Slideboxx ();
