var animTime = 1200;
$(document).ready(function(){
				  
		
		$('.slide_container').hide();		  
		var card_counter=0;
		var len=0;
		var slideInterval;
		
		function setCards()
		{
			len = $('.slide_container span').length;
			var HTML_content='<div id="slidebase">';
		    
		   for(var i=0;i<len;i++)
		   {
		   		if(i%2){class_name = "cardBlack";}
				else{class_name = "cardWhite";}
				
				HTML_content = HTML_content+"<div class="+class_name+"><div>"+$('.slide_container span').eq(i).html()+"</div></div>";
				
		   }
		   
		   
		   HTML_content = HTML_content+"</div>";
		   
		   $('.slide_container').html(HTML_content);
		   $('#slidebase').css('width',Number(len*485));
		   $('.slide_container').show();
		   
		   slideInterval = setInterval(autoMoveSlides,5000);		   
		   
		}
		
		
		function addArrows()
		{
		   $('.JQUERY_HEADER_CONTAINER').append("<img src='images/header_images/arrow_left.png' id='arr_left'/>");
		   $('.JQUERY_HEADER_CONTAINER').append("<img src='images/header_images/arrow_right.png' id='arr_right'/>");
		   	
		   $('#arr_left').css('position','absolute');
		   $('#arr_left').css('left',386);
		   $('#arr_left').css('top',200);
		   $('#arr_left').css('cursor','pointer');
		   $('#arr_left').bind('mouseover',arrowOver);
		   $('#arr_left').bind('mouseout',arrowOut);
		   $('#arr_left').bind('click',moveslides);
		   
		   
		   $('#arr_right').css('position','absolute');
		   $('#arr_right').css('left',925);
		   $('#arr_right').css('top',200);
		   $('#arr_right').css('cursor','pointer');	
		   $('#arr_right').bind('click',moveslides);
		   $('#arr_right').bind('mouseover',arrowOver);
		   $('#arr_right').bind('mouseout',arrowOut);
		   
		}
		
		function moveslides()
		{
		  	
			clearInterval(slideInterval);
			var tgt=-485;
			switch($(this).attr('id'))
			{
			  case "arr_right":
			  if(card_counter<len-1)
			  {
			  card_counter++;
			  tgt=tgt*(card_counter)
			  $('#slidebase').animate({left:tgt},animTime,"easeOutExpo");
			  }
			  break;
			  
			  case "arr_left":
			  if(card_counter>0)
			  {
			  card_counter--;
			  tgt=tgt*(card_counter)
			  $('#slidebase').animate({left:tgt},animTime,"easeOutExpo");
			  }
			  break;
				
			}
		}
		
		function autoMoveSlides()
		{
			var tgt=-485;
			if(card_counter<len-1)
			  {
			  card_counter++;
			  tgt=tgt*(card_counter)
			  
			  }
			  else
			  {
				card_counter=0;  
				tgt=tgt*(card_counter)
			  }
			  
			  $('#slidebase').animate({left:tgt},animTime,"easeOutExpo");
		}
		
		function arrowOut()
		{
		  	var img=$(this);
			switch($(this).attr('id'))
			{
			  case "arr_right":
			  img.attr('src','images/header_images/arrow_right.png')
			  break;
			  
			  case "arr_left":
			  img.attr('src','images/header_images/arrow_left.png')
			  break;
				
			}
		}
		
		function arrowOver()
		{
		  	var img=$(this);
			switch($(this).attr('id'))
			{
			  case "arr_right":
			  img.attr('src','images/header_images/arrow_right_ov.png')
			  break;
			  
			  case "arr_left":
			  img.attr('src','images/header_images/arrow_left_ov.png')
			  break;
				
			}
		}
		
		
		
		
		
		setCards();		
		addArrows();
		resizing();
		
		$(window).resize(resizing);
				  
				  
});

function resizing()
{
  W = $(window).width();
  H = $(window).height();
  wx = $('.fdi_dropdown').eq(0).width();
  
  $('.fdi_dropdown').eq(0).css('left',(W-wx)/2);
  
  
}