var slideshow_start_mode  = false; 
var autostart_slideshow = true;  
var rewind_slideshow = false;  
var display_slideshow_control_panel = false;  
	 
var slide_transition_time = 800;  
var slide_viewing_time = 9000;  
var direction=1;
var currentPosition=0;
 
 
 	
	
	
  function pause_slideshow() {  
	   slideshow_start_mode = false;  
		   clearInterval(interval);  
	} 	

$(document).ready(function() {
    var currentPosition = 0;
    var currentSubPosition = 0;
    var slideWidth = 940;
    var slideWidthPadding = 551;
    var slides = $('.box');
    var slidesSub = $('.box-sub');
    var numberOfSlides = slides.length;
    var numberOfSlidesSub = slidesSub.length;
    $('#slidesContainer').css('overflow', 'hidden');
    slides
    .wrapAll('<div id="slideInner"></div>')
	.css({
	    'float': 'left',
	    'width': slideWidth
	});
    slidesSub
    .wrapAll('<div id="slideInnerSub"></div>')
	.css({
	    'float': 'left',
	    'width': slideWidthPadding
	});
    $('#slideInner').css('width', slideWidth * numberOfSlides);
    $('#slideInnerSub').css('width', slideWidthPadding * numberOfSlidesSub);
    $('#slideshowsub')
.prepend('<div id="controls"></div>');
   $('#slidesContainer')
.prepend('<div id="frontcontrols"></div>');
    $('#controls')
.prepend('<div id="left"><span class="control" id="rightControl"><img src="/typo3conf/ext/hx_doublebanner/ressources/left.gif" border="0"></span></div>')
.append('<div id="right"><span class="control" id="leftControl"><img src="/typo3conf/ext/hx_doublebanner/ressources/right.gif" border="0"></span></div>');
    manageControls(currentSubPosition);
    $('.control')
    .bind('click', function() {
    
       
 	
   
   currentPosition = ($(this).attr('id')=='rightControl')
	? currentPosition+1 : currentPosition-1;
	
	
		manageControls(currentPosition);
		$('#slideInner').stop().animate({ 
			'marginLeft' : slideWidth*(-currentPosition)
		}, 800);
		$('#slideInnerSub').stop().animate({
			'marginLeft' : slideWidthPadding*(-currentPosition)
		}, 800);
	});
    $('#frontcontrol')
    .bind('click', function() {
    
        currentPosition = ($(this).attr('id') == 'rightControl') ? currentPosition - 1 : currentPosition + 1;
        manageControls(currentPosition);
        $('#slideInner').animate({
            'marginLeft': slideWidthPadding * (-currentPosition)
        }, 0)});
        
       	// If auto start is on kick off the slideshow
      	if(autostart_slideshow == true){  
      		start_slideshow();  
      	} 
        
        
    function manageControls(position) {
     // Hide left arrow if position is first slide
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }

		// Hide right arrow if position is last slide
		// and if auto rewind is not on
		if(position==numberOfSlides-1 )  //&& rewind_slideshow == false
		{
			$('#rightControl').hide();
		} else {
			$('#rightControl').show();
		}
		
		// Go back to the first slide if we're on the last slide
		// and if auto rewind is on
		if(position == numberOfSlides )   //&& rewind_slideshow == true
    
    {     
			currentPosition = 0;
			 $('#leftControl').hide();
		}
  }	
    
function start_slideshow() {  
	   slideshow_start_mode = true;  
	   interval = setInterval(shownextslide, slide_viewing_time );  
	}  
	

function shownextslide(){  
     if (direction == 1) 
                      {
                       if($("#rightControl").is(":visible") )     //&& (direction == 1) 
                       {
                       currentPosition += 1;
                       }
                       else {
                       currentPosition -= 1; 
                       direction = 0;
                       }
                      }
                       else {
                       if($("#leftControl").is(":visible") )     //&& (direction == 0) 
                       {
                       currentPosition -= 1;
                       }
                       else {
                       currentPosition += 1;
                       direction = 1;
                       }
                       } 
    
  
		manageControls(currentPosition);
		$('#slideInner').stop().animate({ 
			'marginLeft' : slideWidth*(-currentPosition)
		}, 800);
		$('#slideInnerSub').stop().animate({
			'marginLeft' : slideWidthPadding*(-currentPosition)
		}, 800);
	}  



    function manageSubControls(position) {
        if (position == numberOfSlidesSub) { currentSubPosition = 0; }
        if (position < 0 && $(this).attr('id') != 'rightControl') { currentSubPosition = numberOfSlidesSub - 1; }
    }
  
     
    });