var pause = false
var loop_throgh = [];
var loop_index = 1;
var secs = 6000;
window.addEvent('domready', function() {
	
	
	$$('#current').addEvents({ 
	'mouseover':function(){
		//alert('lalalaal');
		$('#showed').setStyle('display', 'block');
		},
		'mouseout':function(){ 
		$('#showed').setStyle('display', 'none');
		}
	});
	
	
	tween = new Fx.Tween('tabs_cont', {
	property: 'opacity',
	link:'chain'
})
		
	$$('.sub_li_active').getParent().set('class','sub_active');
	
	$$('.select').addEvents({ 
		'mouseover':function(){
		this.addClass('li-active');
		},
		'mouseout':function(){ 
		this.removeClass('li-active');	
		}
	});
	
	if ($('tabs_menu')) {
    	/* create the progress bar for example 1 */
    	pb = new dwProgressBar({
    		container: $('put-bar-here'),
    		startPercentage: 0,
    		speed:secs-1000,
    		boxID: 'box',
    		percentageID: 'perc'
    	});


        loop_through = $$('.tab_link');
        var inst = mySwitch;
        mySwitch.periodical(secs);


		$$('.tab_link_div a').each(function(el) {
			el.addEvent('click', function(e) {
				e = new Event(e).stop();
                         pause = true;
                         pb.set(0);
                         $('pause').setStyle('background-position', '0 -20px');

			loadProject(this);
			});
		});
		loadProject($$('#tabs_menu a')[0]);
		


    $('pause').addEvent("click", function(event) {
        if(pause){
          pause = false;
          loop_index = 0;
          $('pause').setStyle('background-position', '0 0');
        }else{
           pause = true;

           pb.set(0);
           $('pause').setStyle('background-position', '0 -20px');
        };

         return false;
     });

  	}

});
var mySwitch = function(){
    if (!pause){
        var lnk = loop_through[loop_index];
	
       loadProject(lnk);
      
        loop_index = (loop_index + 1) % loop_through.length;
    }

}
function loadProject(a) {
	$('tabs_cont').setStyle('opacity','0');
	$$('#tabs_menu li').each(function(li) { li.removeClass('current'); })
	a.getParent().getParent().addClass('current');
	source_id = a.getProperty('href').split('#')[1].toString();
	$('tabs_first').set('html',$('tabs_cont_'+source_id).get('html'));
	tween.start(1)
	if (!pause)
              pb.set(100);
   

}