// JavaScript Document
var currentPosition = 0;
//var newPosition = currentPosition;
var slideWidth = 560;
var slides = "";
var numberOfSlides = slides.length;
var beforePosition = 1;
var oldPosition = 0;
imgpos=0;
var imgpath="templates/yoo_shuffle/images/";
function manageControls(position)
{
	// Hide left arrow if position is first slide
	if(position==0){ $('#controlLeft').hide() } else{ $('#controlLeft').show() }
	// Hide right arrow if position is last slide
	if(position==numberOfSlides-1){ $('#controlRight').hide() } else{ $('#controlRight').show() }
}	
var dir=0;
function showit()
{
    // Determine new position
	imgpos=currentPosition;
	if(currentPosition==0)
	{
		currentPosition =  currentPosition+1;
		dir=1;
		manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#sliderInnerHolder').animate({
		  'marginLeft' : slideWidth*(-currentPosition)
		}); 
		document.getElementById(currentPosition+"tab").src=imgpath+currentPosition+"htab.jpg";
		document.getElementById(imgpos+"tab").src=imgpath+imgpos+"tab.jpg";
		return;
	}
	if(currentPosition==1 || currentPosition==2)
	{
		if(dir==1)
		currentPosition =  currentPosition+1;
		else
		currentPosition =  currentPosition-1;
		manageControls(currentPosition);
    // Move slideInner using margin-left
    	$('#sliderInnerHolder').animate({
      	'marginLeft' : slideWidth*(-currentPosition)
   		 }); 
		document.getElementById(currentPosition+"tab").src=imgpath+currentPosition+"htab.jpg";
		document.getElementById(imgpos+"tab").src=imgpath+imgpos+"tab.jpg";
		return;
	}
	if(currentPosition==3)
	{
		currentPosition =  currentPosition-1;
		dir=0;
		manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#sliderInnerHolder').animate({
		  'marginLeft' : slideWidth*(-currentPosition)
		}); 
		document.getElementById(currentPosition+"tab").src=imgpath+currentPosition+"htab.jpg";
		document.getElementById(imgpos+"tab").src=imgpath+imgpos+"tab.jpg";
		return;
	}
	oldPosition = beforePosition;
	beforePosition = currentPosition+1;
	// Hide / show controls
}
$(document).ready(function(){
 	currentPosition = 0;
  	//var newPosition = currentPosition;
	slideWidth = 560;
	slides = $('.sliderContent');
	numberOfSlides = slides.length;
	beforePosition = 1;
	oldPosition = 0;
	imgpos=0;
  	var imgpath="templates/yoo_shuffle/images/";
  	// Set #slideInner width equal to total width of all slides
  	$('#sliderInnerHolder').css('width', slideWidth * numberOfSlides);
  	// Hide left arrow control on first load
  	manageControls(currentPosition);
  	// Create event listeners for .controls clicks
  	setInterval('showit()',30000);
  	$('.control').bind('click', function(){
		// Determine new position
		imgpos=currentPosition;
		currentPosition = ($(this).attr('id')=='controlRight') ? currentPosition+1 : currentPosition-1;
		oldPosition = beforePosition;
		beforePosition = currentPosition+1;
		// Hide / show controls
		document.getElementById(currentPosition+"tab").src=imgpath+currentPosition+"htab.jpg";
		document.getElementById(imgpos+"tab").src=imgpath+imgpos+"tab.jpg";
   		 manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#sliderInnerHolder').animate({
		 	'marginLeft' : slideWidth*(-currentPosition)
    	});
  });
		$('#index_bottom_tab_container img').bind('click', function(){
		// Determine new position
		id=this.id;
		parser = parseInt(id);
		imgpos=currentPosition;
		currentPosition =  parser;
		manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#sliderInnerHolder').animate({
		  'marginLeft' : slideWidth*(-currentPosition)
		}); 
		document.getElementById(currentPosition+"tab").src=imgpath+currentPosition+"htab.jpg";
		document.getElementById(imgpos+"tab").src=imgpath+imgpos+"tab.jpg";
		oldPosition = beforePosition;
		beforePosition = currentPosition+parser;
  });
  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
	if(position==0){ $('#controlLeft').hide() } else{ $('#controlLeft').show() }
	// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#controlRight').hide() } else{ $('#controlRight').show() }
  }	
});