var curPanel = 0;
var sliderIdText = 0;
var $panelsText = null;
var $containerText = null;
var thrId = -1;


function selectNavText() {
        $(this)
            .parents('ul:first')
                .find('a')
                    .removeClass('selected')
                .end()
            .end()
            .addClass('selected');
		
		$(this).click();
		
		
		var divId = $(this).attr('href');
		var divHeight = $(divId).innerHeight();
		$('#slider_'+sliderIdText+' .scroll').css("height",divHeight);
}
		



function triggerText(data) {
        var el = $('#slider_'+sliderIdText+' .navigation').find('a[href$="' + data.id + '"]').get(0);

		selectNavText.call(el);
    }


function rotateText(){
	curPanel = (curPanel == ($panelsText.length - 1)) ? 0 : curPanel + 1;
	triggerText($('#slider_'+sliderIdText+' .panel').get(curPanel));
}


function startSliderText(slider) {

	sliderIdText = slider;
    $panelsText = $('#slider_'+sliderIdText+' .scrollContainer > div');
    $containerText = $('#slider_'+sliderIdText+' .scrollContainer');

    
    var horizontal = true;

    // float panels a sx
    if (horizontal) {
        $panelsText.css({
            'float' : 'left',
            'position' : 'relative' // IE fix 
        });

        // calculate a new width for the container (so it holds all panels)
        $containerText.css('width', $panelsText[0].offsetWidth * $panelsText.length);
    }

    // Rimuove le scrollbars
    var $scroll = $('#slider_'+sliderIdText+' .scroll').css('overflow', 'hidden');

    $('#'+sliderIdText+' .navigation').find('a').click();
	
	
    $('#slider_'+sliderIdText+' ul.navigation a:first').click();
   
     
    var offset = parseInt((horizontal ? 
        $containerText.css('paddingTop') : 
        $containerText.css('paddingLeft')) 
        || 0) * -1;


    var scrollOptions = {
        target: $scroll, 

        items: $panelsText,

        navigation: $('#slider_'+sliderIdText+' .navigation a'),

        prev: 'img.left', 
        next: 'img.right',

        // scroll effect in entrambe le direzioni
        axis: 'xy',

        onAfter: triggerText,

        offset: offset,

        // durata dello sliding effect
        duration: 250,

        easing: 'swing'
    };

	var compId = '#slider_'+sliderIdText;

    // applico serialScroll allo slider
    $(compId).serialScroll(scrollOptions);

    // applico localScroll
    $.localScroll(scrollOptions);
	
	//$('#slider_'+sliderIdText).mouseout(function(){thrId = setInterval('rotateText()', 6000);});
	//$('#slider_'+sliderIdText).mouseover(function(){clearInterval(thrId);});
	
	//thrId = setInterval('rotateText()', 6000);

	$(compId).mouseout(function(){$(document).everyTime(6000, compId , function(){ rotateText(); });});
	$(compId).mouseover(function(){$(document).stopTime(compId);});
	
	$(document).everyTime(6000, compId , function(){ rotateText(); } );

}