$(document).ready(function() {
		
		function loadBio(fileName) {	
			$('#rightCol').empty();
			
			if (fileName == "band") {
				$('#rightCol').css("width", "430px");
				$('#leftCol').css("width", "565px");
			} else {
				$('#leftCol').css("width", "430px");
				$('#rightCol').css("width", "565px");
				$('#rightCol').fadeIn("slow");	
			}
			
			$('#rightCol').load('bio/get.php?manovelloname='+fileName+'&textlang=it');
		}
		
		
		function backButton(idName) {
			
				$('.spotlight').fadeOut('slow', function() {$('#back').fadeOut('slow');});
				$(idName).css({"marginLeft" : "0", "marginTop" : "0"});
				$('#band>li').fadeIn("slow");
				
				loadBio('band');				
		};
			
		var status;
			
		$('#antonio').click(function() {
			
			status = "antonio";
			
			$('#band>li:gt(0)').fadeOut("slow", function() {
				$('#antonio').fadeOut('slow', function() {
					loadBio('antonio');
					$('.spotlight').css({'backgroundImage' : 'url("img/antonio_big.png")'}).fadeIn('slow');
					$('#back').fadeIn('slow');
				});
			});			
		});
		
		
		
		$('#mimmo').click(function() {
			
			status = "mimmo";
			
			$('#band>li:gt(1)').add('#band>li:lt(1)').fadeOut("slow", function() {
				$('#mimmo').css("marginLeft", "185px").fadeOut('slow', function() {
					loadBio('mimmo');
					$('.spotlight').css({'backgroundImage' : 'url("img/mimmo_big.png")'}).fadeIn('slow');
					$('#back').fadeIn('slow');
				});					
			});
		});
		
		
		$('#michele').click(function() {
			
			status = "michele";
			
			$('#band>li:gt(2)').add('#band>li:lt(2)').fadeOut("slow", function() {
				$('#michele').css("marginLeft", "370px").fadeOut('slow', function() {
					loadBio('michele');
					$('.spotlight').css({'backgroundImage' : 'url("img/michele_big.png")'}).fadeIn('slow');
					$('#back').fadeIn('slow');
				});
			});
		});
		
		$('#rocco').click(function() {
			
			status = "rocco";
			
			$('#band>li:gt(3)').add('#band>li:lt(3)').fadeOut("slow", function() {
				$('#rocco').css("marginTop", "200px").fadeOut('slow', function() {
					loadBio('rocco');
					$('.spotlight').css({'backgroundImage' : 'url("img/rocco_big.png")'}).fadeIn('slow');
					$('#back').fadeIn('slow');
				});	
			});
		});
		
		
		$('#dario').click(function() {
			
			status = "dario";
			
			$('#band>li:gt(4)').add('#band>li:lt(4)').fadeOut("slow", function() {
				$('#dario').css({"marginTop" : "200px", "marginLeft" : "185px"}).fadeOut('slow', function() {
					loadBio('dario');
					$('.spotlight').css({'backgroundImage' : 'url("img/dario_big.png")'}).fadeIn('slow');
					$('#back').fadeIn('slow');
				});	
			});
		});
		
		
		$('#zioVito').click(function() {
			
			status = "zioVito";
			
			$('#band>li:gt(5)').add('#band>li:lt(5)').fadeOut("slow", function() {
				$('#zioVito').css({"marginTop" : "200px", "marginLeft" : "370px"}).fadeOut('slow', function() {
					loadBio('ziovito');
					$('.spotlight').css({'backgroundImage' : 'url("img/ziovito_big.png")'}).fadeIn('slow');
					$('#back').fadeIn('slow');
				});		
			});
		});
		
		
		$('#antoniop').click(function() {
			
			status = "antoniop";
			
			$('#band>li:gt(6)').add('#band>li:lt(6)').fadeOut("slow", function() {
				$('#antoniop').css("marginTop", "400px").fadeOut('slow', function() {
					loadBio('antoniop');
					$('.spotlight').css({'backgroundImage' : 'url("img/antoniop_big.png")'}).fadeIn('slow');
					$('#back').fadeIn('slow');
				});	
			});
		});
		
		
		$('#fausto').click(function() {
			
			status = "fausto";
			
			$('#band>li:gt(7)').add('#band>li:lt(7)').fadeOut("slow", function() {
				$('#fausto').css({"marginTop" : "400px", "marginLeft" : "185px"}).fadeOut('slow', function() {
					loadBio('fausto');
					$('.spotlight').css({'backgroundImage' : 'url("img/fausto_big.png")'}).fadeIn('slow');
					$('#back').fadeIn('slow');
				});
			});
		});
		
		
		$('#azzarino').click(function() {
			
			status = "azzarino";
			
			$('#band>li:gt(8)').add('#band>li:lt(8)').fadeOut("slow", function() {
				$('#azzarino').css({"marginTop" : "400px", "marginLeft" : "370px"}).fadeOut('slow', function() {
					loadBio('azzarino');
					$('.spotlight').css({'backgroundImage' : 'url("img/azzarino_big.png")'}).fadeIn('slow');
					$('#back').fadeIn('slow');
				});					
			});
		});
		
		// $('#back').click(function() {
		// 	$('.spotlight').fadeOut('slow', function() {$('.antonio').fadeIn('slow'); $('#back').fadeOut('slow');});
		// 	$('.antonio').animate({
		// 		marginLeft: '0'
		// 	}, 1000, function() {$('#back').fadeOut(); jQuery('#band>li:gt(0)').fadeIn("slow");});
		// 	
		// });	
			
		$('#back').click(function() {
			switch(status) {
								case 'antonio':
									backButton("#antonio");
									break;

								case 'mimmo':
									backButton("#mimmo");
									break;
									
								case 'michele':
									backButton("#michele");
									break;
									
								case 'rocco':
									backButton("#rocco");
									break;

								case 'dario':
									backButton("#dario");
									break;									
								
								case 'zioVito':
									backButton("#zioVito");
									break;
									
								case 'antoniop':
									backButton("#antoniop");
									break;
									
								case 'fausto':
									backButton("#fausto");
									break;
									
								case 'azzarino':
									backButton("#azzarino");
									break;
							}
			
		})
	});