/** SLIDER **/

var current = -1;
var num = 0;
var pages = 0;
var pw = 796;	// page width
var ipp = 20;	// items per page

function showItem(){
	$('#cursor').remove();
	$('#slider .thumbs li').css({ opacity: 0.3 });
	$('#slider .thumbs li').removeClass('sel');
	$('#slider .thumbs li:eq('+ current +')').prepend('<div id="cursor"></div>');
	$('#slider .thumbs li:eq('+ current +')').css({ opacity: 1 });
	$('#slider .thumbs li:eq('+ current +')').addClass('sel');
	
	$('#slider .viewport li').fadeOut(500);			
	$('#slider .viewport li:eq('+ current +')').animate({ marginLeft: '0px'}, 500);
	$('#slider .viewport li:eq('+ current +')').fadeIn(800);
	
	// adjust pages
	page = Math.ceil((current + 1) / ipp);
	$('#slider .pages .num').removeClass('sel');
	$('#slider .pages .num:eq('+ (page - 1) +')').addClass('sel');
	
	ml = -(pw * (page - 1));
	$('#slider .thumbs ul').animate({ marginLeft: ml }, 500);
}

function loopItems(){
	current++;
	if (current >= num) current = 0; 
	
	showItem();
	
	mytimer = setTimeout('loopItems('+ current +')', 6000);	
}

function handlePages(){
	pages = Math.ceil(num / ipp);
	$('#slider .thumbs').append('<div class="pages"></div>');
	$('#slider .pages').width(pages*20);
	
	for (i = 1; i <= pages; i++) $('#slider .pages').append('<span class="num">'+ i +'</span>');
	
	$('#slider .pages .num:eq(0)').addClass('sel');
	
	//click 
	$('#slider .pages .num').click(function(){
		if (!$(this).hasClass('sel')) {
			clearTimeout(mytimer);
			
			current = $('#slider .pages .num').index(this) * ipp;				
			showItem();
			
			mytimer = setTimeout('loopItems('+ current +')', 6000);	
		}
	});
}

function handleSlider(){
	num = $('#slider .viewport li').size();
	
	if (num > 1) {		
		$('#slider .viewport li, #slider .nav').hide();
		$('#slider .viewport li, #slider .thumbs').hide();
		$('#slider .viewport li:eq('+ current +')').fadeIn(500);	

		// pages
		if (num > 20) handlePages();
		
		// loop
		loopItems();
		
		// over
		$('#slider .thumbs li').hover(function(){
			if (!$(this).hasClass('sel')) $(this).css({ opacity: 1 });
		}, function(){
			if (!$(this).hasClass('sel')) $(this).css({ opacity: 0.3 });
		});
		
		$('#slider').hover(function(){
			$('#slider .nav').fadeIn(500);	
			$('#slider .thumbs').fadeIn(500);	
		}, function(){
			$('#slider .nav').fadeOut(200);
			$('#slider .thumbs').fadeOut(200);
		});
		
		// click
		$('#slider .thumbs li').click(function(){
			if (!$(this).hasClass('sel')) {
				clearTimeout(mytimer);
				
				current = $('#slider .thumbs li').index(this);				
				showItem();
				
				mytimer = setTimeout('loopItems('+ current +')', 6000);	
			}
		});
		
		// right
		$('#slider .right').click(function(){	
			clearTimeout(mytimer);
							
			current++;
			if (current >= num) current = 0;
			
			showItem();
			
			mytimer = setTimeout('loopItems('+ current +')', 6000);	
			
			return false;
		});
		
		// left
		$('#slider .left').click(function(){			
			clearTimeout(mytimer);
			
			current--;
			if (current < 0) current = (num - 1);
			
			showItem();			
			
			mytimer = setTimeout('loopItems('+ current +')', 6000);	
			
			return false;
		});
	}
}

/** INTRO **/
sel = -1;
diapo = 0;

function loopIntro(){
	sel++;
	if (sel >= diapo) sel = 0; 
	
	$('#intro li').fadeOut(500);
			
	$('#intro li:eq('+ sel +')').animate({ marginLeft: '0px'}, 500);
	$('#intro li:eq('+ sel +')').fadeIn(1000);
	
	setTimeout('loopIntro('+ sel +')', 6000);	
}

function handleIntro(){
	diapo = $('#intro li').size();
	
	if (diapo > 1) {
		$('#intro li').hide();
		$('#intro li:eq('+ sel +')').fadeIn(2500);
		
		// loop
		loopIntro();
	}
}

/** ON DOCUMENT LOAD... **/

$(function(){
	// intro
	handleIntro();
	
	// slider
	handleSlider();
});