// JavaScript Document

var mouseX;
var speed;

function StyleActivity()
{
	var currentPosition = 0;
	var slideWidth = 275;
	var slides = $("div#activityProp ul li");
	var numberOfSlides = slides.length;
	var currentSlide;
	
	//var slideMask;
	var slideWrapper = $("div#activityProp ul");
	
	//racchiuda la lista in un div che mi funge da maschera
	slideWrapper.wrapAll('<div id="slideMask_Activity"></div>');
	$('#slideMask_Activity').css({
				'width': slideWidth,
				'height' : '125px',
				'overflow' : 'hidden',
				'margin' : '0px',
				'position' : 'absolute',
				'top' : '0px',
				'left' : '25px',
				'padding' : '0px'
				});
	//cambio proprietà della ul
	slideWrapper.css({
					'width' : slideWidth * numberOfSlides,
					'height' : '125px',
					'margin' : '0px',
					'border-width' : '0px',
					'padding' : '0px',
					'left' : '0px',
					'overflow' : 'hidden'
					 });
	//var ulItems = slideWrapper.find('li');
	slides.css({
			'float' : 'left',
			'margin' : '0px',
			'padding' : '0px',
			'border-width' : '0px',
			'width' : slideWidth,
			'height' : '125px'
//			'display' : 'none'
			});
	
	slides.hide();
	currentSlide = slides.eq(0);
	currentSlide.show();
	
	
	//ulItems.first().css('margin', 'solid 1px red');
	//ulItems[0].css('display','block');
	//alert(ulItems[0].css('display'));
							/*							   
	$('div#activityProp').bind('mousedown', function(ev){
												 var initialX = ev.clientX;
												 mouseX = initialX;
												//alert(parseInt(slideWrapper.css('margin-left'))); 
												setInterval('speedTrap()',1000);
												 var baseX = parseInt(slideWrapper.css('margin-left'));
												 $('div#activityProp').bind ('mousemove', function(e){
																//  alert(slideWrapper.css('margin-left') + e.clientX - initialX);
																						  slideWrapper.css('margin-left', baseX + e.clientX - initialX);
																						  
																				 });
												 });
	$('div#activityProp').mouseup(function(ev){
												   		$('div#activityProp').unbind('mousemove');
														//alert('Margin-left:' + parseInt(slideWrapper.css('margin-left')) + speed);
												   		slideWrapper.animate({
																			 'margin-left' : parseInt(slideWrapper.css('margin-left')) + speed
																			 },1500, function (){});
												   });*/
	
	$('div#activityProp').css('cursor','pointer');
$('div#activityProp').bind('click', function(ev){//  CLICK
											 //currentPosition = (currentPosition >= slides.length) ? 0 : currentPosition + 1;
											 //ANIMATE LEFT
											 slideWrapper.animate({																  
												'margin-left' : -slideWidth //* (currentPosition+1)
																	},800, function (){// START SECOND ANIMATION
															currentPosition =  (currentPosition	+ 1 >= slides.length ) ? 0 : currentPosition + 1;	
															//slideWrapper.css('margin-left' , -slideWidth * (currentPosition + 1));																	
															currentSlide.hide();
															//alert(currentSlide.attr('id'));
															currentSlide = slides.eq(currentPosition);
															//alert(currentSlide + "  id: " + currentSlide.attr('id') );
															currentSlide.show();
															
													slideWrapper.animate({
															
															'margin-left' : 0//-slideWidth //* (currentPosition)
																		 },800, function (){
																			 
																			 
																			 
																			 });
																//				 });//END SECOND ANIMATION
											 });//END ANIMATE LEFT
											 }); // END CLICK

}

function  speedTrap()
{
	// Check to see if the counter has been initialized
    if ( typeof speedTrap.oldX == 'undefined' ) {
        // It has not... perform the initilization
		alert('buco')
        speedTrap.oldX = mouseX;
    }
	speed = mouseX - speedTrap.oldX;
	speedTrap.oldX = mouseX;
 	//return speed;
}

function StyleCourses()
{
	var currentPosition = 0;
	var slideWidth = 275;
	var slides = $("div#courses ul li");
	var numberOfSlides = slides.length;
	var currentSlide;
	
	//var slideMask;
	var slideWrapper = $("div#courses ul");
	
	//racchiuda la lista in un div che mi funge da maschera
	slideWrapper.wrapAll('<div id="slideMask_Course"></div>');
	$('#slideMask_Course').css({
				'width': slideWidth,
				'height' : '125px',
				'overflow' : 'hidden',
				'margin' : '0px',
				'position' : 'absolute',
				'top' : '0px',
				'left' : '25px',
				'padding' : '0px'
				});
	//cambio proprietà della ul
	slideWrapper.css({
					'width' : slideWidth * numberOfSlides,
					'height' : '125px',
					'margin' : '0px',
					'border-width' : '0px',
					'padding' : '0px',
					'left' : '0px',
					'overflow' : 'hidden'
					 });
	//var ulItems = slideWrapper.find('li');
	slides.css({
			'float' : 'left',
			'margin' : '0px',
			'padding' : '0px',
			'border-width' : '0px',
			'width' : slideWidth,
			'height' : '125px'
//			'display' : 'none'
			});
	
	slides.hide();
	currentSlide = slides.eq(0);
	currentSlide.show();
	
	
	//ulItems.first().css('margin', 'solid 1px red');
	//ulItems[0].css('display','block');
	//alert(ulItems[0].css('display'));
							/*							   
	$('div#activityProp').bind('mousedown', function(ev){
												 var initialX = ev.clientX;
												 mouseX = initialX;
												//alert(parseInt(slideWrapper.css('margin-left'))); 
												setInterval('speedTrap()',1000);
												 var baseX = parseInt(slideWrapper.css('margin-left'));
												 $('div#activityProp').bind ('mousemove', function(e){
																//  alert(slideWrapper.css('margin-left') + e.clientX - initialX);
																						  slideWrapper.css('margin-left', baseX + e.clientX - initialX);
																						  
																				 });
												 });
	$('div#activityProp').mouseup(function(ev){
												   		$('div#activityProp').unbind('mousemove');
														//alert('Margin-left:' + parseInt(slideWrapper.css('margin-left')) + speed);
												   		slideWrapper.animate({
																			 'margin-left' : parseInt(slideWrapper.css('margin-left')) + speed
																			 },1500, function (){});
												   });*/
	$('div#courses').css('cursor','pointer');
$('div#courses').bind('click', function(ev){//  CLICK
											 //currentPosition = (currentPosition >= slides.length) ? 0 : currentPosition + 1;
											 //ANIMATE LEFT
											 slideWrapper.animate({																  
												'margin-left' : -slideWidth //* (currentPosition+1)
																	},800, function (){// START SECOND ANIMATION
															currentPosition =  (currentPosition	+ 1 >= slides.length ) ? 0 : currentPosition + 1;	
															//slideWrapper.css('margin-left' , -slideWidth * (currentPosition + 1));																	
															currentSlide.hide();
															//alert(currentSlide.attr('id'));
															currentSlide = slides.eq(currentPosition);
															//alert(currentSlide + "  id: " + currentSlide.attr('id') );
															currentSlide.show();
															
													slideWrapper.animate({
															
															'margin-left' : 0//-slideWidth //* (currentPosition)
																		 },800, function (){
																			 
																			 
																			 
																			 });
																//				 });//END SECOND ANIMATION
											 });//END ANIMATE LEFT
											 }); // END CLICK

}

$(document).ready(function()
						   {
							   StyleActivity();
						   		StyleCourses();
						   });