var $_myPath;
$(function() {
	$('.item-circulo').draggable({
		snap:		".menu-circulo",
		snapMode:	"inner",
		revert:		"invalid",
		stack:		".menu-peca"
	}).addTouch();
	$('.menu-circulo').droppable({
		tolerance:		'fit',
		accept:			'.item-circulo',
		activeClass: 	'menu-circulo-hover',
		hoverClass:		'menu-circulo-ativo',
		drop:			function(event, ui) {
							$('.item-circulo').addClass("item-ativo");
							window.location = $(this).find('a').attr('href');
						}
	});

	$('.item-quadrado').draggable({
		snap:		".menu-quadrado",
		snapMode:	"inner",
		revert:		"invalid",
		stack:		".menu-peca"
	}).addTouch();
	$('.menu-quadrado').droppable({
		tolerance:		'fit',
		accept:			'.item-quadrado',
		activeClass: 	'menu-quadrado-hover',
		hoverClass:		'menu-quadrado-ativo',
		drop:			function(event, ui) {
							$('.item-quadrado').addClass("item-ativo");
							window.location = $(this).find('a').attr('href');
						}
	});

	$('.item-triangulo').draggable({
		snap:		".menu-triangulo",
		snapMode:	"inner",
		revert:		"invalid",
		stack:		".menu-peca"
	}).addTouch();
	$('.menu-triangulo').droppable({
		tolerance:		'fit',
		accept:			'.item-triangulo',
		activeClass: 	'menu-triangulo-hover',
		hoverClass:		'menu-triangulo-ativo',
		drop:			function(event, ui) {
							$('.item-triangulo').addClass("item-ativo");
							window.location = $(this).find('a').attr('href');
						}
	});

	$('.item-pentagono').draggable({
		snap:		".menu-pentagono",
		snapMode:	"inner",
		revert:		"invalid",
		stack:		".menu-peca"
	}).addTouch();
	$('.menu-pentagono').droppable({
		tolerance:		'fit',
		accept:			'.item-pentagono',
		activeClass: 	'menu-pentagono-hover',
		hoverClass:		'menu-pentagono-ativo',
		drop:			function(event, ui) {
							$('.item-pentagono').addClass("item-ativo");
							window.location = $(this).find('a').attr('href');
						}
	});

	$('.item-abacate').draggable({
		snap:		".menu-abacate",
		snapMode:	"inner",
		revert:		"invalid",
		stack:		".menu-peca"
	}).addTouch();
	$('.menu-abacate').droppable({
		tolerance:		'fit',
		accept:			'.item-abacate',
		activeClass: 	'menu-abacate-hover',
		hoverClass:		'menu-abacate-ativo',
		drop:			function(event, ui) {
							$('.item-abacate').addClass("item-ativo");
							window.location = $(this).find('a').attr('href');
						}
	});

	$('.item-estrela').draggable({
		snap:		".menu-estrela",
		snapMode:	"inner",
		revert:		"invalid",
		stack:		".menu-peca"
	}).addTouch();
	$('.menu-estrela').droppable({
		tolerance:		'fit',
		accept:			'.item-estrela',
		activeClass: 	'menu-estrela-hover',
		hoverClass:		'menu-estrela-ativo',
		drop:			function(event, ui) {
							$('.item-estrela').addClass("item-ativo");
							window.location = $(this).find('a').attr('href');
						}
	});

	$('.item-nuvem').draggable({
		snap:		".menu-nuvem",
		snapMode:	"inner",
		revert:		"invalid",
		stack:		".menu-peca"
	}).addTouch();
	$('.menu-nuvem').droppable({
		tolerance:		'fit',
		accept:			'.item-nuvem',
		activeClass: 	'menu-nuvem-hover',
		hoverClass:		'menu-nuvem-ativo',
		drop:			function(event, ui) {
							$('.item-nuvem').addClass("item-ativo");
							window.location = $(this).find('a').attr('href');
						}
	});
	
	$('#menu-fundo a').hover(function(){
		var $_parent = $(this).parent();
		if($_parent.hasClass('menu-circulo')) {
			$_parent.toggleClass('menu-circulo-hover');
		}
		if($_parent.hasClass('menu-quadrado')) {
			$_parent.toggleClass('menu-quadrado-hover');
		}
		if($_parent.hasClass('menu-triangulo')) {
			$_parent.toggleClass('menu-triangulo-hover');
		}
		if($_parent.hasClass('menu-pentagono')) {
			$_parent.toggleClass('menu-pentagono-hover');
		}
		if($_parent.hasClass('menu-abacate')) {
			$_parent.toggleClass('menu-abacate-hover');
		}
		if($_parent.hasClass('menu-estrela')) {
			$_parent.toggleClass('menu-estrela-hover');
		}
		if($_parent.hasClass('menu-nuvem')) {
			$_parent.toggleClass('menu-nuvem-hover');
		}
	});
	
	$('#menu-instrucoes').hover(function(){
		var $_this = $(this);
		$_this.append('<div class="menu-instrucoes-texto" style="display:block;"><span>Brinque de encaixar as formas para navegar.</span></div>');
	},function(){
		$('.menu-instrucoes-texto').remove();
	});
	
	$('#menu-instrucoes').live('touchstart',function(e){
		var $_this = $(this);
		$_this.append('<div class="menu-instrucoes-texto" style="display:block;"><span>Brinque de encaixar as formas para navegar.</span></div>');
	});
	$('#menu-instrucoes').live('touchend',function(e){
		$('.menu-instrucoes-texto').remove();
	});

	$('#home #menu-instrucoes').append('<div class="menu-instrucoes-texto"><span>Brinque de encaixar as formas para navegar.</span></div>').delay(2500).queue(function(){
		$('.menu-instrucoes-texto').fadeIn(function(){
			var $_esconde = setTimeout("\
				$('.menu-instrucoes-texto').fadeOut(function(){\
					$('.menu-instrucoes-texto').remove();\
				});\
			",6000);
		});
	});

	if($('body').attr('id') != "home") {
		$_myPath = "media/background/";
		if($('body').attr('id') == "pagina-colecao") {
			$_myPath = "../../../../media/background/";
		}
		var $_topJSON = {"backgrounds": [
				{"filename": "bg-macaco-interna", "bgcolor": "#5CC687"},
				{"filename": "bg-cozinha-interna", "bgcolor": "#5cc7f9"}
			]
		};
		var $_topPick = $_topJSON.backgrounds[Math.floor(Math.random()*$_topJSON.backgrounds.length)];
		$('#container').css({'background-color':$_topPick.bgcolor,'background-image':'url('+$_myPath+$_topPick.filename+'.gif)'});
	} else {
		var $_desmontaCirculo = setTimeout("$('.item-circulo').animate({'top':'20px','left':'790px'},500,'easeOutCubic').css({'background-position':'top center'});",1200);
		var $_desmontaTriangulo = setTimeout("$('.item-triangulo').animate({'top':'-10px','left':'875px'},400,'easeOutCubic').css({'background-position':'top center'});",1250);
		var $_desmontaAbacate = setTimeout("$('.item-abacate').animate({'top':'-165px','left':'895px'},450,'easeOutCubic').css({'background-position':'top center'});",1300);
		var $_desmontaNuvem = setTimeout("$('.item-nuvem').animate({'top':'-90px','left':'805px'},500,'easeOutCubic').css({'background-position':'top center'});",1350);
		var $_desmontaQuadrado = setTimeout("$('.item-quadrado').animate({'top':'-85px','left':'910px'},600,'easeOutCubic').css({'background-position':'top center'});",1400);
		var $_desmontaPentagono = setTimeout("$('.item-pentagono').animate({'top':'-170px','left':'755px'},550,'easeOutCubic').css({'background-position':'top center'});",1450);
		var $_desmontaEstrela = setTimeout("$('.item-estrela').animate({'top':'-40px','left':'715px'},450,'easeOutCubic').css({'background-position':'top center'});",1500);
		var $_escondeCaixa = setTimeout("$('.menu-caixa-frente').hide();",2000);
	}
});