// JavaScript Document
cartas();
		var time = 1000;
		function cartas(){ 
			$(document).ready(function() { 
				//*** Apareixen cartes ***
				//1 - Fade in cartes al centre					   
        		$("#back1").fadeIn(2000);
				$("#back2").fadeIn(2000);
				$("#back3").fadeIn(2000);
				$("#back4").fadeIn(2000);
				$("#back5").fadeIn(2000);
				$("#back6").fadeIn(2001, function() {
				//*** Repartir cartes per el taulell ***								  
				//2 - Desplaça carta 1 cantonada esquerra superior								  
				$("#back1").animate({
					top: "15px",
					left: "15px"
					},500,function() {
				//3 - Desplaça carta 2 cantonada dreta superior	
				$("#back2").animate({
					top: "15px",
					left: "370px"
					},500, function() {
				//4 - Desplaça carta 3 cantonada esquerra inferior	
				$("#back3").animate({
					top: "265px",
					left: "15px"
					},500, function() {
				//5 - Desplaça carta 4 cantonada dreta infeior	
				$("#back4").animate({
					top: "265px",
					left: "370px"
					},500, function() {
				//6 - Desplaça carta 5 centre supeior
				$("#back5").animate({
					top: "15px"
					},500, function() {
				//7 - Desplaça carta 5 centre inferior
				$("#back6").animate({
					top: "265px"
					},500, function() {
				//*** Possar cartes del dret ***
				//8 - Donar la volta a back 1
				$("#back1").animate({
					left: "102px",
					width: "0px"
					},350, function() {
				//9 - Donar volta a carta 1
				$("#carta1").animate({
					width: "175px",
					left: "15px"
					},350, function() {
				// 10 - Donar volta a back4
				$("#back4").animate({
					left: "447px",
					width: "0px"
					},350, function() {
				// 11 - Donar volta a carta 6
				$("#carta6").animate({
					left: "370px",
					width: "175px"
					},350, function() {
				// 12 - Donar volta a back 2
				$("#back2").animate({
					left: "447px",
					width: "0px"
					},350, function() {
				// 13 - Donar volta a carta 3
				$("#carta3").animate({
					width: "175px",
					left: "370px"
					},350, function() {
				// 14 - Donar volta a back 3
				$("#back3").animate({
					left: "102px",
					width: "0px"
					},350, function() {
				// 15 - Donar volta a carta 4
				$("#carta4").animate ({
					left: "15px",
					width: "175px"
					},350, function() {
				// 16 - Donar volta a back 5
				$("#back5").animate({
					width: "0px",
					left: "279px"
					},350,function () {
				// 17 - Donar volta a carta 2
				$("#carta2").animate({
					left: "192px",
					width: "175px"
					},350, function() {
				// 18 - Donar volta a back 6
				$("#back6").animate({
					width: "0px",
					left: "279px"
					},350, function() {
				// 19 - Donar volta a carta 5
				$("#carta5").animate({
					left: "192px",
					width: "175px"
					},350, function() {
				//*** Intercanvi de cartes de lloc ***
				//*** 1 amb la 6 ****
				// 20 - Donar volta carta 1
				$("#carta1").animate({
					width: "0px",
					left: "102px"
					},352, function() {
				// 21 - Donar volta back 1
				 $("#back1").animate({
					left: "15px",
					width: "175px"
					},350, function() {
				// 22 - Donar volta carta 6
				$("#carta6").animate({
					left: "447px",
					width: "0px"
					},350, function() {
				// 23 - Donar volta back 4
				$("#back4").animate({
					width: "175px",
					left: "370px"
					},350, function() {
				// 24 - Intercanvia les cartes 1 i 5 
				$("#carta1").animate({
					left: "447px",
					top: "265px"
				},10);
				$("#carta6").animate({
					top: "15px",
					left: "102px"
				},10, function() {
				// 25 - Donar volta back 1
				$("#back1").animate({
					width: "0px",
					left: "102px"
					},350, function() {
				// 26 - Donar volsta carta 6
				$("#carta6").animate({
					left: "15px",
					width: "175px"
					},350, function() {
				//27 - Donar volta back 4
				$("#back4").animate({
					left:"447px",
					width: "0px"
					},350, function() {
				// 28 - Donar volta carta 1
				$("#carta1").animate({
					width: "175px",
					left: "370px"
					  },350, function() {
				//*** 3 amb 4 ***
				// 29 - Donar volta carta 3
				$("#carta3").animate({
					left: "447px",
					width: "0px"
					},350, function() {
				// 30 - Donar volta back 2
				$("#back2").animate({
					left: "370px",
					width: "175px"
					},350, function() {
				//31 - Donar volta a carta 4
				$("#carta4").animate({
					left: "102px",
					width: "0px"
					},350, function() {
				// 32 - Donar volta  back 3
				$("#back3").animate({
					left: "15px",
					width: "175px"
					},350, function() {
				// 33 - Canvi entre cartas 3 i 4
				$("#carta3").animate({
					left: "102px",
					top: "265px"
					},10);
				$("#carta4").animate({
					left: "447px",
					top: "15px"
					},10, function() {
				// 34 - Donar volta back 2
				$("#back2").animate({
					left: "447px",
					width: "0px"
					},350, function() {
				// 35 - Donar volta a carta 4
				$("#carta4").animate({
					left: "370px",
					width: "175px"
					},350, function() {
				// 36 - Donar volta back 3
				$("#back3").animate({
					left: "102px",
					width: "0px"
					},350, function() {
				// 37 - Donar volta a carta 3
				$("#carta3").animate({
					left: "15px",
					width: "175px"
					},350, function() {
				//*** Canvi entre 2 i 5 ***
				// 38 - Donar volta a carta 2
				$("#carta2").animate({
					width: "0px",
					left: "279px"
					},350, function() {
				// 39 - Donar volta a back 5
				$("#back5").animate({
					width: "175px",
					left: "192px"
					},350, function() {
				// 40 - Donar volta carta 5
				$("#carta5").animate({
					left: "279px",
					width: "0px"
					}, 350, function() {
				// 41 -  Donar volta a back 6
				$("#back6").animate({
					left: "192px",
					width: "175px"
					},350, function() {
				// 42 - Canvi de posició de cartes 2 i 5
				$("#carta2").animate({
					top: "265px"
					},10);
				$("#carta5").animate({
					top: "15px"
					},10, function() {
				// 43 - Donar volda a back 5
				$("#back5").animate({
					width: "0px",
					left: "279px"
					},350,function(){
				// 44 - Donar volta carta 5
				$("#carta5").animate({
					left: "192px",
					width: "175px"
					},350, function() {
				// 45 - Donar volta a back 6
				$("#back6").animate({
					left: "279px",
					width: "0px"
					},350, function(){
				// 46 - Donar volta a carta 2
				$("#carta2").animate({
					left: "192px",
					width: "175px"
					},350, function() {
				//*** Recollida de cartes al centre ***
				// 47 - Moure carta A i 6 a centre
				$("#carta1").animate({
					left: "192px"
					},350);
				$("#carta6").animate({
					left: "192px"
					},350, function() {
				// 48 - Moure cartes 1 i 2 a l'esquerra, i 6 i 4 a la dreta
				$("#carta1").animate({
					left: "15px"
					},350);
				$("#carta2").animate({
					left: "15px"
					},350);
				$("#carta5").animate({
					left: "370px"
					},350);
				$("#carta6").animate({
					left: "370px"
					},350, function() {
				// 49 - Moure totes les cartes al centre
				$("#carta1").animate({
					top: "145px",	
					left: "192px"
					},350);
				$("#carta2").animate({
					top: "145px",	
					left: "192px"
					},350);
				$("#carta3").animate({
					top: "145px",
					left: "192px"
					},350);
				$("#carta4").animate({
					top: "145px",	
					left: "192px"
					},350);
				$("#carta5").animate({
					top: "145px",	
					left: "192px"
					},350);
				$("#carta6").animate({
					top: "145px",	
					left: "192px"
					},350, function() {
				// 50 - Fade out cartes al centre
				$("#carta1").fadeOut(2000);
				$("#carta2").fadeOut(2000);
				$("#carta3").fadeOut(2000);
				$("#carta4").fadeOut(2000);
				$("#carta5").fadeOut(2000);
				$("#carta6").fadeOut(2001, function() {
				// 51 - Colocar cartes en posició inicial
				$("#carta1").animate({
					width: "0px",
					top: "15px",	
					left: "102px",
					},10);
				$("#carta2").animate({
					width: "0px",
					top: "15px",	
					left: "279px"
					},10);
				$("#carta3").animate({
					width: "0px",
					top: "15px",
					left: "447px"
					},10);
				$("#carta4").animate({
					width: "0px",
					top: "265px",	
					left: "102px"
					},10);
				$("#carta5").animate({
					width: "0px",
					top: "265px",	
					left: "279px"
					},10);
				$("#carta6").animate({
					width: "0px",
					top: "265px",	
					left: "447px"
					},10);
				$("#back1").animate({
					width: "175px",
					top: "145px",
					left: "192px",
					},10);
				$("#back2").animate({
					width: "175px",
					top: "145px",
					left: "192px",
					},10);
				$("#back3").animate({
					width: "175px",
					top: "145px",
					left: "192px",
					},10);
				$("#back4").animate({
					width: "175px",
					top: "145px",
					left: "192px",
					},10);
				$("#back5").animate({
					width: "175px",
					top: "145px",
					left: "192px",
					},10);
				$("#back6").animate({
					width: "175px",
					top: "145px",
					left: "192px",
					},10);
				/*$("#back1").fadeOut(2000);
				$("#back2").fadeOut(2000);
				$("#back3").fadeOut(2000);
				$("#back4").fadeOut(2000);
				$("#back5").fadeOut(2000);
				$("#back6").fadeOut(2000);*/
				$("#carta1").fadeIn(2000);
				$("#carta2").fadeIn(2000);
				$("#carta3").fadeIn(2000);
				$("#carta4").fadeIn(2000);
				$("#carta5").fadeIn(2000);
				$("#carta6").fadeIn(2001, cartas());
				}); //Fi 51
				}); //Fi 50 
				}); //Fi 49
				}); //Fi 48
				}); //Fi 47
				}); //Fi 46
				}); //Fi 45
				}); //Fi 44
				}); //Fi 43
				}); //Fi 42
				}); //Fi 41
				}); //Fi 40
				}); //Fi 39
				}); //Fi 38
				}); //Fi 37
				}); //Fi 36
				}); //Fi 35
				}); //Fi 34
				}); //Fi 33
				}); //Fi 32
				}); //Fi 31
				}); //Fi 30
				}); //Fi 29
				}); //Fi 28
				}); //Fi 27
				}); //Fi 26
				}); //Fi 25
				}); //Fi 24
				}); //Fi 23
				}); //Fi 22
				}); //Fi 21
				}); //Fi 20
				}); //Fi 19
				}); //Fi 18
				}); //Fi 17
				}); //Fi 16
				}); //Fi 15
				}); //Fi 14
				}); //Fi 13
				}); //Fi 12
				}); //Fi 11
				}); //Fi 10
				});	//Fi 9
				}); //Fi 8
				}); //Fi 7
				}); //Fi 6
				}); //Fi 5
				}); //Fi 4
				}); //Fi 3
				}); //Fi 2
			}); //Fi 1
		}; //Fi ready