// JavaScript Document
$(document).ready( function()
	{
	var currentPosition = 0;
	var slides = $('.slide');
	var slideWidth = 74;  					 /* ------------change image size (same size in css)--------------*/
	var totalSlide = slides.length;	
	
	
	// remove scroller 	
	$('#slideCon').css('overflow', 'hidden');
	// wrape all slide	
	slides.wrapAll('<div id="slideInner"></div>');
	$('#slideInner').css( {'float' : 'left', 'width' : slideWidth * totalSlide});
	$(slides).css('float', 'left');	
	// insert left aero and right aero
	$('#slideContainer').prepend('<span id="left" class="control">&nbsp;</span> <span id="leftdis" class="controldis">&nbsp;</span>')
	$('#slideContainer').append('<span id="right" class="control">&nbsp;</span> <span id="rightdis" class="controldis">&nbsp;</span>');
	manageControl(currentPosition);	
	
	$('.control').click(function()
		{
			currentPosition = ($(this).attr('id') == 'right') ? currentPosition-1 : currentPosition+1;			
			$('#slideInner').animate({'marginLeft': slideWidth * currentPosition});			
			manageControl(currentPosition);	
			
		});
		
		
	function manageControl(position)
		{
			if (position == 0)	
				{	
			
					$('#left').fadeOut("fast");	
					$('#leftdis').fadeIn("fast");	
					$('#leftdis').attr("disabled", true); 
					
									
				}
			else{
					$('#leftdis').fadeOut("slow");
					$('#left').fadeIn("fast");		
				}
				
			if (position  == -totalSlide+5)	
				{		
					////alert('ok');
					$('#right').fadeOut("fast");
					$('#rightdis').fadeIn("fast");						
				}
			else{
					$('#rightdis').fadeOut("fast");
					$('#right').fadeIn("fast");		
				}
			
			
			}		
		
	$('.slide').hover( function ()
	{	
		
		$(this).find('.toolTip').fadeIn('fast');		
	}, function() { $(this).find('.toolTip').fadeOut('fast');})
	
	
	})