$(document).ready(function(){  


  //Click
  $(".game1").click(function(){  
	var r1, r2, r3, r4, r5, r6, r7;
	r1=Math.floor(Math.random()*4+1);
	r2=Math.floor(Math.random()*4+1);
	r3=Math.floor(Math.random()*4+1);
	r4=Math.floor(Math.random()*4+1);
	r5=Math.floor(Math.random()*4+1);
	r6=Math.floor(Math.random()*4+1);
	r7=Math.floor(Math.random()*4+1);

	$(".game2").animate({"left" : "0px", "top" : "0px"},{ queue:false, duration:0});
	$(".game2").animate({"opacity": "1"},{ queue:false, duration:800, easing: "circEaseOut"});

	switch(r1)
	{
		case "1":
		$(".area1-1").animate({"left" : "-366px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case "2":
		$(".area1-1").animate({"left" : "732px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case "3":
		$(".area1-1").animate({"top" : "-300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		default:
		$(".area1-1").animate({"top" : "600px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
	}

	switch(r2)
	{
		case 1:
		$(".area2-1").animate({"left" : "-284px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area2-1").animate({"left" : "568px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area2-1").animate({"top" : "-125px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area2-1").animate({"top" : "250px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r3)
	{
		case 1:
		$(".area3-1").animate({"left" : "-284px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case 2:
		$(".area3-1").animate({"left" : "568px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case 3:
		$(".area3-1").animate({"top" : "-175px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		default:
		$(".area3-1").animate({"top" : "350px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
	}

	switch(r4)
	{
		case 1:
		$(".area4-1").animate({"left" : "-275px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area4-1").animate({"left" : "550px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area4-1").animate({"top" : "-300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area4-1").animate({"top" : "600px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r5)
	{
		case 1:
		$(".area5-1").animate({"left" : "-375px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area5-1").animate({"left" : "750px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area5-1").animate({"top" : "-200px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area5-1").animate({"top" : "400px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r6)
	{
		case 1:
		$(".area6-1").animate({"left" : "-205px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area6-1").animate({"left" : "410px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area6-1").animate({"top" : "-150px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area6-1").animate({"top" : "300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r7)
	{
		case 1:
		$(".area7-1").animate({"left" : "-170px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area7-1").animate({"left" : "340px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area7-1").animate({"top" : "-150px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area7-1").animate({"top" : "300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

  });


  $(".game2").click(function(){  
	var r1, r2, r3, r4, r5, r6, r7;
	r1=Math.floor(Math.random()*4+1);
	r2=Math.floor(Math.random()*4+1);
	r3=Math.floor(Math.random()*4+1);
	r4=Math.floor(Math.random()*4+1);
	r5=Math.floor(Math.random()*4+1);
	r6=Math.floor(Math.random()*4+1);
	r7=Math.floor(Math.random()*4+1);

	$(".game3").animate({"left" : "0px", "top" : "0px"},{ queue:false, duration:0});
	$(".game3").animate({"opacity": "1"},{ queue:false, duration:800, easing: "circEaseOut"});

	switch(r1)
	{
		case "1":
		$(".area1-2").animate({"left" : "-366px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case "2":
		$(".area1-2").animate({"left" : "732px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case "3":
		$(".area1-2").animate({"top" : "-300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		default:
		$(".area1-2").animate({"top" : "600px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
	}

	switch(r2)
	{
		case 1:
		$(".area2-2").animate({"left" : "-284px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area2-2").animate({"left" : "568px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area2-2").animate({"top" : "-125px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area2-2").animate({"top" : "250px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r3)
	{
		case 1:
		$(".area3-2").animate({"left" : "-284px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case 2:
		$(".area3-2").animate({"left" : "568px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case 3:
		$(".area3-2").animate({"top" : "-175px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		default:
		$(".area3-2").animate({"top" : "350px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
	}

	switch(r4)
	{
		case 1:
		$(".area4-2").animate({"left" : "-275px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area4-2").animate({"left" : "550px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area4-2").animate({"top" : "-300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area4-2").animate({"top" : "600px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r5)
	{
		case 1:
		$(".area5-2").animate({"left" : "-375px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area5-2").animate({"left" : "750px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area5-2").animate({"top" : "-200px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area5-2").animate({"top" : "400px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r6)
	{
		case 1:
		$(".area6-2").animate({"left" : "-205px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area6-2").animate({"left" : "410px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area6-2").animate({"top" : "-150px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area6-2").animate({"top" : "300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r7)
	{
		case 1:
		$(".area7-2").animate({"left" : "-170px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area7-2").animate({"left" : "340px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area7-2").animate({"top" : "-150px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area7-2").animate({"top" : "300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}
  });

  $(".game3").click(function(){  
	var r1, r2, r3, r4, r5, r6, r7;
	r1=Math.floor(Math.random()*4+1);
	r2=Math.floor(Math.random()*4+1);
	r3=Math.floor(Math.random()*4+1);
	r4=Math.floor(Math.random()*4+1);
	r5=Math.floor(Math.random()*4+1);
	r6=Math.floor(Math.random()*4+1);
	r7=Math.floor(Math.random()*4+1);

	$(".game4").animate({"left" : "0px", "top" : "0px"},{ queue:false, duration:0});
	$(".game4").animate({"opacity": "1"},{ queue:false, duration:800, easing: "circEaseOut"});

	switch(r1)
	{
		case "1":
		$(".area1-3").animate({"left" : "-366px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case "2":
		$(".area1-3").animate({"left" : "732px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case "3":
		$(".area1-3").animate({"top" : "-300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		default:
		$(".area1-3").animate({"top" : "600px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
	}

	switch(r2)
	{
		case 1:
		$(".area2-3").animate({"left" : "-284px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area2-3").animate({"left" : "568px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area2-3").animate({"top" : "-125px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area2-3").animate({"top" : "250px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r3)
	{
		case 1:
		$(".area3-3").animate({"left" : "-284px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case 2:
		$(".area3-3").animate({"left" : "568px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case 3:
		$(".area3-3").animate({"top" : "-175px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		default:
		$(".area3-3").animate({"top" : "350px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
	}

	switch(r4)
	{
		case 1:
		$(".area4-3").animate({"left" : "-275px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area4-3").animate({"left" : "550px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area4-3").animate({"top" : "-300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area4-3").animate({"top" : "600px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r5)
	{
		case 1:
		$(".area5-3").animate({"left" : "-375px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area5-3").animate({"left" : "750px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area5-3").animate({"top" : "-200px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area5-3").animate({"top" : "400px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r6)
	{
		case 1:
		$(".area6-3").animate({"left" : "-205px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area6-3").animate({"left" : "410px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area6-3").animate({"top" : "-150px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area6-3").animate({"top" : "300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r7)
	{
		case 1:
		$(".area7-3").animate({"left" : "-170px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area7-3").animate({"left" : "340px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area7-3").animate({"top" : "-150px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area7-3").animate({"top" : "300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}
  });

  $(".game4").click(function(){  
	var r1, r2, r3, r4, r5, r6, r7;
	r1=Math.floor(Math.random()*4+1);
	r2=Math.floor(Math.random()*4+1);
	r3=Math.floor(Math.random()*4+1);
	r4=Math.floor(Math.random()*4+1);
	r5=Math.floor(Math.random()*4+1);
	r6=Math.floor(Math.random()*4+1);
	r7=Math.floor(Math.random()*4+1);

	$(".game5").animate({"left" : "0px", "top" : "0px"},{ queue:false, duration:0});
	$(".game5").animate({"opacity": "1"},{ queue:false, duration:800, easing: "circEaseOut"});

	switch(r1)
	{
		case "1":
		$(".area1-4").animate({"left" : "-366px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case "2":
		$(".area1-4").animate({"left" : "732px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case "3":
		$(".area1-4").animate({"top" : "-300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		default:
		$(".area1-4").animate({"top" : "600px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
	}

	switch(r2)
	{
		case 1:
		$(".area2-4").animate({"left" : "-284px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area2-4").animate({"left" : "568px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area2-4").animate({"top" : "-125px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area2-4").animate({"top" : "250px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r3)
	{
		case 1:
		$(".area3-4").animate({"left" : "-284px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case 2:
		$(".area3-4").animate({"left" : "568px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case 3:
		$(".area3-4").animate({"top" : "-175px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		default:
		$(".area3-4").animate({"top" : "350px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
	}

	switch(r4)
	{
		case 1:
		$(".area4-4").animate({"left" : "-275px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area4-4").animate({"left" : "550px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area4-4").animate({"top" : "-300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area4-4").animate({"top" : "600px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r5)
	{
		case 1:
		$(".area5-4").animate({"left" : "-375px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area5-4").animate({"left" : "750px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area5-4").animate({"top" : "-200px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area5-4").animate({"top" : "400px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r6)
	{
		case 1:
		$(".area6-4").animate({"left" : "-205px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area6-4").animate({"left" : "410px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area6-4").animate({"top" : "-150px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area6-4").animate({"top" : "300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r7)
	{
		case 1:
		$(".area7-4").animate({"left" : "-170px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area7-4").animate({"left" : "340px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area7-4").animate({"top" : "-150px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area7-4").animate({"top" : "300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}
  });


  $(".game5").click(function(){  
	var r1, r2, r3, r4, r5, r6, r7;
	r1=Math.floor(Math.random()*4+1);
	r2=Math.floor(Math.random()*4+1);
	r3=Math.floor(Math.random()*4+1);
	r4=Math.floor(Math.random()*4+1);
	r5=Math.floor(Math.random()*4+1);
	r6=Math.floor(Math.random()*4+1);
	r7=Math.floor(Math.random()*4+1);

	$(".game6").animate({"left" : "0px", "top" : "0px"},{ queue:false, duration:0});
	$(".game6").animate({"opacity": "1"},{ queue:false, duration:800, easing: "circEaseOut"});

	switch(r1)
	{
		case "1":
		$(".area1-5").animate({"left" : "-366px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case "2":
		$(".area1-5").animate({"left" : "732px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case "3":
		$(".area1-5").animate({"top" : "-300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		default:
		$(".area1-5").animate({"top" : "600px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
	}

	switch(r2)
	{
		case 1:
		$(".area2-5").animate({"left" : "-284px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area2-5").animate({"left" : "568px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area2-5").animate({"top" : "-125px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area2-5").animate({"top" : "250px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r3)
	{
		case 1:
		$(".area3-5").animate({"left" : "-284px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case 2:
		$(".area3-5").animate({"left" : "568px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case 3:
		$(".area3-5").animate({"top" : "-175px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		default:
		$(".area3-5").animate({"top" : "350px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
	}

	switch(r4)
	{
		case 1:
		$(".area4-5").animate({"left" : "-275px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area4-5").animate({"left" : "550px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area4-5").animate({"top" : "-300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area4-5").animate({"top" : "600px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r5)
	{
		case 1:
		$(".area5-5").animate({"left" : "-375px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area5-5").animate({"left" : "750px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area5-5").animate({"top" : "-200px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area5-5").animate({"top" : "400px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r6)
	{
		case 1:
		$(".area6-5").animate({"left" : "-205px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area6-5").animate({"left" : "410px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area6-5").animate({"top" : "-150px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area6-5").animate({"top" : "300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r7)
	{
		case 1:
		$(".area7-5").animate({"left" : "-170px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area7-5").animate({"left" : "340px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area7-5").animate({"top" : "-150px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area7-5").animate({"top" : "300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}
  });


  $(".game6").click(function(){  
	var r1, r2, r3, r4, r5, r6, r7;
	r1=Math.floor(Math.random()*4+1);
	r2=Math.floor(Math.random()*4+1);
	r3=Math.floor(Math.random()*4+1);
	r4=Math.floor(Math.random()*4+1);
	r5=Math.floor(Math.random()*4+1);
	r6=Math.floor(Math.random()*4+1);
	r7=Math.floor(Math.random()*4+1);

	$(".game1").animate({"left" : "0px", "top" : "0px"},{ queue:false, duration:0});
	$(".game1").animate({"opacity": "1"},{ queue:false, duration:800, easing: "circEaseOut"});

	switch(r1)
	{
		case "1":
		$(".area1-6").animate({"left" : "-366px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case "2":
		$(".area1-6").animate({"left" : "732px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case "3":
		$(".area1-6").animate({"top" : "-300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		default:
		$(".area1-6").animate({"top" : "600px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
	}

	switch(r2)
	{
		case 1:
		$(".area2-6").animate({"left" : "-284px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area2-6").animate({"left" : "568px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area2-6").animate({"top" : "-125px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area2-6").animate({"top" : "250px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r3)
	{
		case 1:
		$(".area3-6").animate({"left" : "-284px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case 2:
		$(".area3-6").animate({"left" : "568px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		case 3:
		$(".area3-6").animate({"top" : "-175px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
		default:
		$(".area3-6").animate({"top" : "350px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseIn"});
		break;
	}

	switch(r4)
	{
		case 1:
		$(".area4-6").animate({"left" : "-275px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area4-6").animate({"left" : "550px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area4-6").animate({"top" : "-300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area4-6").animate({"top" : "600px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r5)
	{
		case 1:
		$(".area5-6").animate({"left" : "-375px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area5-6").animate({"left" : "750px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area5-6").animate({"top" : "-200px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area5-6").animate({"top" : "400px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r6)
	{
		case 1:
		$(".area6-6").animate({"left" : "-205px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area6-6").animate({"left" : "410px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area6-6").animate({"top" : "-150px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area6-6").animate({"top" : "300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}

	switch(r7)
	{
		case 1:
		$(".area7-6").animate({"left" : "-170px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 2:
		$(".area7-6").animate({"left" : "340px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		case 3:
		$(".area7-6").animate({"top" : "-150px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
		default:
		$(".area7-6").animate({"top" : "300px", "opacity": "0"},{ queue:false, duration:600, easing:"circEaseOut"});
		break;
	}
  });

});

var caketoggle=0;