/* Desenvolvido por Guilherme Augusto Madaleno - zatec@ymail.com */
	/* Variáveis da página */

	var backButton = "div#back";
	var backImage = "http://www.zatecus.com/images/green/back.png";
	var backImageOn = "http://www.zatecus.com/images/back.png";
	var backButtonSpeed = 500;
	var designSelect = "select#designType";
	var forwardButton = "div#next";
	var forwardImage = "http://www.zatecus.com/images/green/next.png";
	var forwardImageOn = "http://www.zatecus.com/images/next.png";
	var loader = "div#loader";
	var hideLinks = "span#hide a";
	var loader = "div#loader";
	var picture = "img#picture";
	var star = "#star_";
	var starImage = "http://www.zatecus.com/images/green/star.png";
	var starImageOut = "http://www.zatecus.com/images/star.png";
	var stars = "div#stars img";
	var switcher = false;
	var watchTimer = "";

	/* Quando o documento estiver carregado */

	$(document).ready(function() 
	{
		
		/* Para ocultar, exibir e animar botões */
		
		if (id_back == '#') 
		{
			$(backButton).css('opacity', 0.5);
			$(backButton + ' img').attr('src', backImageOn);
			$(backButton + ' img').hover(function()
			{
				$(this).attr('src', backImageOn);
			}, function ()
			{
				$(this).attr('src', backImageOn);
			});
		}
		else
		{
			$(backButton + ' img').hover(function()
			{
				clearTimeout(watchTimer);
			}, function ()
			{
				watchTimer = setInterval(function()
				{
					$(backButton).animate
					({
						opacity: 0.2
					}, 100, function ()
					{
						$(backButton).animate
						({
							opacity: 1
						}, 300);
					});
				}, backButtonSpeed);
			});	
		}
		if (id_next == '#')
		{
			watchTimer = setInterval(function()
			{
				$(backButton).animate
				({
					opacity: 0.2
				}, 100, function ()
				{
					$(backButton).animate
					({
						opacity: 1
					}, 300);
				});
			}, backButtonSpeed);
			$(forwardButton).css('opacity', 0.5);
			$(forwardButton + ' img').attr('src', forwardImageOn);
			$(forwardButton + ' img').hover(function()
			{
				$(this).attr('src', forwardImageOn);
			}, function ()
			{
				$(this).attr('src', forwardImageOn);
			});
		}
		
		/* Para montar notas */			
		
		if (rate)
		{
			for (n = 0; n <= rate; n++)
			{
				$(star + n).attr('src', starImage);	
			}
		}

		/* Para select de categorias */
			
		$(designSelect).change(function ()
		{
			$(loader).fadeIn(100);
			document.location = 'http://www.zatecus.com/' + this.value;
		});
		
		/* Para efeito rollover nas estrelas de avaliação */
		
		$(stars).hover(function ()
		{
			if (!switcher)
			{
				var selectStar = this.id.replace('star_', '');
				for (n = 1; n <= selectStar; n++)
				{
					$(star + n).attr('src', starImage);	
				}
			}
		},
		function () 
		{
			if (!switcher)
			{
				for (n = 1; n <= 5; n++)
				{
					$(star + n).attr('src', starImageOut);	
				}
			}
		});	
		
		/* Para montar selectbox com base em opções ocultas */
		
		$(hideLinks).each(function()
		{
			var selected = (designPage == $(this).attr('href')) ? ' selected="selected"' : '';
			$(designSelect).append('<option value="' + $(this).attr('href') + '" ' + selected + '>' + $(this).html() + '</option>');
		});
		
		/* Para avançar e voltar entre páginas */
		
		$(document).keydown(function (e) 
		{
			if(!e) 
			{
				e = window.event;
			}
			switch(e.keyCode) 
			{
				case 37:
					if (id_back != '#')
					{
						
						$(backButton + ' img').attr('src', backImage);
						var shut = setInterval (function()
						{
							$(backButton + ' img').attr('src', backImageOn);
							clearTimeout(shut);
						}, 100);
						document.location = id_back;
					}
				break;
				case 39:
					if (id_next != '#')
					{
						
						$(forwardButton + ' img').attr('src', forwardImage);
						var shut = setInterval (function()
						{
							$(forwardButton + ' img').attr('src', forwardImageOn);
							clearTimeout(shut);
						}, 100);
						document.location = id_next;
					}
				break;
			}
		});
		
		/* Para clique em uma das estrelas de avaliação */
		
		$(stars).click(function ()
		{
			if (!switcher)
			{
				var rateNumber = this.id.replace('star_', '');
				if (rateNumber)
				{
					$.ajax
					({
						type: "POST",
						url: "http://www.zatecus.com/ratings.json",
						data:
						{
							rate: rateNumber,
							type: designType,
							id: designID,
							rateid: rateID
						},
						dataType: "json",
						error: function (XMLHttpRequest, textStatus, errorThrown)
						{
							$.balloon('Ops :( Erro!');	
						},
						success: function (callBack)
						{
							switch (callBack.msg)
							{
								default:
									$.balloon('Ops :( Erro!');	
								break;
								case 'ok':
									switcher = true;
									$.balloon('Obrigado (:');
								break;
								case 'already_exists':
									switcher = true;
									$.balloon('Obrigado de novo (:');
								break;
							}
							if (callBack.rate)
							{
								for (n = 0; n <= callBack.rate; n++)
								{
									$(star + n).attr('src', starImage);	
								}
							}
						}
					});
				}						
			}
		});		
	});