$(document).ready(function(){
    	/* 1) smart Tab === */
  		$('#tabs').smartTab({		
			selected: 0,  // Selected Tab, 0 = first step   
			keyNavigation:true, // Enable/Disable key navigation
			autoProgress:false, // Auto navigate tabs on interval
			progressInterval: 3500, // Auto navigate Interval
			stopOnFocus:false, // Stops autoProgress on mouse hover and restarts when not
			transitionEffect:'fade', // Effect on navigation, none/fade/slide
			tabContainerClass:'stContainer' // tab container css class name
		 });
		 /* ================= */
		 
		$('.roundabout ul').roundabout({
			easing: 'easeOutExpo',
			duration: 500,
			btnNext: '.next',
			btnPrev: '.previous',

                        /*
                        minOpacity: 1,
                        minScale: 0.3,
                        reflect: true,
                        startingChild: 0
                        */
		})
                
                .hover(function() {clearInterval(interval);},
                        function() {interval = startAutoPlay();}
                 );
                     
                interval = startAutoPlay();
                function startAutoPlay() {
                    return setInterval(function() {
			jQuery('.roundabout ul').roundabout_animateToNextChild();



                    }, 5000);



                };


                        
		// $('#slidepicture'+oldSlide).hide();
		$('.navbutton11').css('background-position','0 -22px');
		
		var oldSlide=0;
		

			 
		 $('#tabs a').click(function() {
			$('.navbutton11').css('background-position','0 0px');
			$('.navbutton12').css('background-position','0 0px');
			$('.navbutton13').css('background-position','0 0px');
			$('.navbutton14').css('background-position','0 0px');
			$('.navbutton11').css('background-position','0 -22px');
			
			 if(oldSlide>0){
				 $('#slidepicture'+oldSlide).hide();
				 }
				 else
				 {
					  $('#slidepicture1').hide();
					 }
			//alert(oldSlide);
			
			var slideNumber =$(this).attr('class');
			//alert(slideNumber);
			$('#slidepicture'+slideNumber).show();	
			$('#slidepicture'+slideNumber).fadeOut(500);
			$('#slidepicture'+slideNumber).fadeIn(500);			
			 oldSlide = slideNumber;
			
		});
			 
	
	 });