$(document).ready(function(){

	/* ====================================================================================================================================== */
	/* ////////////////////////////////////////////////////////////// GALERIA /////////////////////////////////////////////////////////////// */
	/* ====================================================================================================================================== */
	$('#gallery').slider({'width':482, 'height':388});
	$('a.galeria').click(function(){ $('#gallery').show(); });
	
	/* ====================================================================================================================================== */
	/* ////////////////////////////////////////////////////////////// ADEREZOS ////////////////////////////////////////////////////////////// */
	/* ====================================================================================================================================== */
	
	var colores = ["green1","green2","orange1","orange2","brown1","violet1"];
	var c=0;
	var i=0;
	var limit=colores.length-1;
	var lis='';
	var aderezos = [];
	
	aderezos[i] = {};
	aderezos[i].nomb = 'Aderezo César Light';
	aderezos[i].eslo = 'Aderezo bajo en grasa y calorías tipo César';
	aderezos[i].desc = '<p>Aceite de olivo, parmesano y notas de ajo, cítricos y anchoas. Realza y transforma ensaladas, aves y pescados.</p>';
	aderezos[i].info = '<h3>Información Nutrimental (Composición Media)</h3><ul><li>Porción: 30 g</li><li>Porciones por envase: Aprox. 8</li></ul><ul><li>Energía, kJ(kcal): 92(22)</li><li>Proteínas, g: 0,72</li><li>Hidratos de carbono, g: 0,73</li><li>Grasas, g: 1,8</li><li>Sodio, mg: 392</li></ul>';
	aderezos[i].ingr = '<p>Ingredientes: Agua, vinagre, queso parmesano, huevo entero, aceite de olivo, sal, salsa tipo inglesa, jugo de limón, mostaza, especias, anchoas, goma de xantano, mantequilla, vitamina E, ácidos láctico y cítrico, lactato de calcio, sucralosa.</p>';
	aderezos[i].imag = 'aderezo-cesar-light.jpg';
	aderezos[i].colo = '#8DC63F';	
	i++;

	aderezos[i] = {};
	aderezos[i].nomb = 'Aderezo César';
	aderezos[i].eslo = '';
	aderezos[i].desc = '<p>Aceite de olivo, parmesano y notas de ajo, cítricos y anchoas. Realza y transforma ensaladas, aves y pescados.</p>';
	aderezos[i].info = '<h3>Información Nutrimental (Composición Media)</h3><ul><li>Porción: 30 g<li><li>Porciones por envase: Aprox. 8</li></ul><ul><li>Energía, kJ(kcal): 481(115)</li><li>Proteínas, g: 0,7</li><li>Hidratos de carbono, g: 2,3</li><li>Grasas, g: 11,3</li><li>Sodio, mg: 443</li></ul>';
	aderezos[i].ingr = '<p>Ingredientes: Aceite vegetal, vinagre, agua, huevo entero, especias, aceite de olivo, azúcar, queso parmesano, sal, anchoas, jugo de limón, salsa tipo inglesa, mostaza, mantequilla, ácido láctico, lactato de calcio, ácido cítrico, goma de xantano y vitamina E.</p>';
	aderezos[i].imag = 'aderezo-cesar.jpg';
	aderezos[i].colo = '#49A942';
	i++;

	aderezos[i] = {};
	aderezos[i].nomb = 'Aderezo Oriental Light';
	aderezos[i].eslo = 'Aderezo bajo en grasa y calorías tipo Oriental';
	aderezos[i].desc = '';
	aderezos[i].info = '<h3>Información Nutrimental (Composición Media)</h3><ul><li>Porción: 30 g</li><li>Porciones por envase: Aprox. 8</li></ul><ul><li>Energía, kJ(kcal): 109(26)</li><li>Proteínas, g: 0,6</li><li>Hidratos de carbono, g: 1,9</li><li>Grasas, g: 2,0</li><li>Sodio, mg: 324</li></ul>';
	aderezos[i].ingr = '<p>Ingredientes: Agua, vinagre de manzana, vinagre de arroz, especias, condimentos, ajonjolí, aceite de ajonjolí, cacahuate, sal, goma de xantano, sucralosa, ácido cítrico y vitamina E.</p>';
	aderezos[i].imag = 'aderezo-oriental-light.jpg';
	aderezos[i].colo = '#F15D22';
	i++;

	aderezos[i] = {};
	aderezos[i].nomb = 'Aderezo Oriental';
	aderezos[i].eslo = '';
	aderezos[i].desc = '';
	aderezos[i].info = '<h3>Información Nutrimental (Composición Media)</h3><ul><li>Porción: 30 g</li><li>Porciones por envase: Aprox. 8</li></ul><ul><li>Energía, kJ(kcal): 375(90)</li><li>Proteínas, g: 0,5</li><li>Hidratos de carbono, g: 3,8</li><li>Grasas, g: 8,0</li><li>Sodio, mg: 307</li></ul>';
	aderezos[i].ingr = '<p>Ingredientes: Agua, aceite vegetal, vinagre de manzana, vinagre de arroz, aceite de ajonjolí, azúcar, especias, condimentos, ajonjolí, cacahuate, sal, goma de xantano, ácido cítrico y vitamina E.</p>';
	aderezos[i].imag = 'aderezo-oriental.jpg';
	aderezos[i].colo = '#E31B23';
	i++;

	aderezos[i] = {};
	aderezos[i].nomb = 'Vinagreta Balsámica';
	aderezos[i].eslo = '';
	aderezos[i].desc = '';
	aderezos[i].info = '<h3>Información Nutrimental (Composición Media)</h3><ul><li>Porción: 30 g</li><li>Porciones por envase: Aprox. 8</li><li>Energía, kJ(kcal): 686 (164)</li></ul><ul><li>Proteínas, g: 0,0</li><li>Hidratos de carbono, g: 0,3</li><li>Grasas, g: 18,1</li><li>Sodio, mg: 407</li></ul>';
	aderezos[i].ingr = '<p>Ingredientes: Aceite vegetal, aceite de olivo, agua, vinagre balsámico, vinagre de vino, sal, jugo de limones, especias, goma de xantano, azúcar, ácido cítrico y vitamina E.</p>';
	aderezos[i].imag = 'vinagreta-balsamica.jpg';
	aderezos[i].colo = '#571C1F';
	i++;

	aderezos[i] = {};
	aderezos[i].nomb = 'Aderezo de Mostaza';
	aderezos[i].eslo = '';
	aderezos[i].desc = '';
	aderezos[i].info = '<h3>Información Nutrimental (Composición Media)</h3><ul><li>Porción: 30 g</li><li>Porciones por envase: Aprox. 8</li><li>Energía, kJ(kcal): 416(100)</li></ul><ul><li>Proteínas, g: 0,01</li><li>Hidratos de carbono, g: 5.2</li><li>Grasas, g: 8,7</li><li>Sodio, mg: 334</li></ul>';
	aderezos[i].ingr = '<p>Ingredientes: Agua, vinagre, aceite vegetal, azúcar, mostaza, miel, sal, especias, condimentos, licor  de naranja, goma de xantano,  y vitamina E</p>';
	aderezos[i].imag = 'aderezo-de-mostaza.jpg';
	aderezos[i].colo = '#872175';
	i++;
	
	/* Dibujamos el menu de aderezos */
	for (i=0; i<aderezos.length; i++) {
		lis+= '<li><a id="aderezo-'+c+'" class="aderezo '+colores[c]+'">'+aderezos[i].nomb+'</a></li>';
		if (c==limit) { c=0; } else { c++; }
	}
	$(lis).appendTo('ol.aderezos');	
	
	function cambiarColores(color) {
		$('#aderezo-imag').css({'background-color':color});
		$('.product-viwer h2').css({'background-color':color});
		$('.product-viwer h3').css({'border-bottom-color':color});
		$('.product-viwer ul').css({'border-bottom-color':color});
	}
	
	/* Configuramos los botones */
	$('ol.aderezos a').not('.galeria').click(function(){
		$('#gallery').hide();
		var id = $(this).attr('id').split('-')[1];
		$('#aderezo-imag').html('<img src="uploads/images/'+aderezos[id].imag+'" alt="'+aderezos[id].nomb+'" title="'+aderezos[id].nomb+'" />');
		$('#aderezo-nomb').html('<h1>'+aderezos[id].nomb+'</h1>');
		$('#aderezo-eslo').html('<h2>'+aderezos[id].eslo+'</h2>');
		$('#aderezo-desc').html(aderezos[id].desc);
		$('#aderezo-info').html(aderezos[id].info);
		$('#aderezo-ingr').html(aderezos[id].ingr);
		cambiarColores(aderezos[id].colo);
	});
	//$('a#aderezo-0').click();
	
	/* ====================================================================================================================================== */
	/* ////////////////////////////////////////////////////////////// CONTACTO ////////////////////////////////////////////////////////////// */
	/* ====================================================================================================================================== */
	
	$('#nombre').validate('HAS_MIN', 2, 'Debe escribir 3 letras como mínimo.', 'Nombre válido');
	$('#correo').validate('IS_EMAIL', 'Escriba un correo válido por favor.', 'Correo válido :)');
	$('#asunto').validate('HAS_MIN', 2, 'Debe escribir 3 letras como mínimo.', 'Nombre válido');
	$('#mensaje').validate('HAS_MIN', 2, 'Debe escribir 3 letras como mínimo.', 'Nombre válido');	
	
	/* VALIDATE THE FIELDS BEFORE SENDING THE FORM */
	var verifyForm = function() {
		$('#nombre').blur();
		$('#correo').blur();
		$('#asunto').blur();
		$('#mensaje').blur();
	}
	$('#contacto').submit(function(){
		$('#status').remove();
		verifyForm();		
		var VALID_POINTS = POINTS = 0;
		
		if ($.data($('#nombre')[0], 'valid')) { VALID_POINTS++; } POINTS++;
		if ($.data($('#correo')[0], 'valid')) { VALID_POINTS++; } POINTS++;
		if ($.data($('#asunto')[0], 'valid')) { VALID_POINTS++; } POINTS++;
		if ($.data($('#mensaje')[0], 'valid')) { VALID_POINTS++; } POINTS++;
		
		if (VALID_POINTS < POINTS) {
			alert('Por favor verifique todos los datos');
		} else if (POINTS == VALID_POINTS) {
			$.ajax({
				type: 'POST',
				url: 'cms/includes/dynamic/send-email.php',
				data: 'nombre='+$('#nombre').val()+'&correo='+$('#correo').val()+'&asunto='+$('#asunto').val()+'&mensaje='+$('#mensaje').val()+'&send='+'Enviar',
				beforeSend: function(){
					$('#contacto-fields').prepend('<li id="status"><span class="loading">Enviando tu mensaje</span></li>');
				},
				success: function(response) {
					$('#contacto').each(function(){this.reset();});
					$('.loading').removeClass().html(response.error);
				},
				dataType: 'json'
			});
		}
		
		return false;
	});
	
	/* ====================================================================================================================================== */
	/* //////////////////////////////////////////////////////// SOCIAL NETWORK TOOLS //////////////////////////////////////////////////////// */
	/* ====================================================================================================================================== */
	var Urify = function(str) {
		/* Convert plain urls into active urls */
		str = str.replace(/((https|http|ftp|file)?:\/\/(([-\w\.]+)+(:\d+)?(\/([\w\/_\.]*(\?\S+)?)?)?))/ig, '<a href="$1">$1</a>');
		/* Convert twitter user names into links */
		str = str.replace(/@(.*?)\s/ig, '<a href="http://twitter.com/#!/$1">$1</a> ');
		/* Return this beuty */
		return str;
	}
	
	var callback = '?callback=?&';
	var days = ["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"];
	var months = ["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];
	
	/* ====================================================================================================================================== */
	/* ////////////////////////////////////////////////////////////// TWITTER ////////////////////////////////////////////////////////////// */
	/* ====================================================================================================================================== */
	if ($('#twitter-contents').length>0) {
		var twitter = null;
		var twittCounter = 0;
		var twittCount = 0;
		var twiitLimit = 0;
		
		var twittUpdate = function() {
			var text = Urify(twitter[twittCounter]['text']);
			var piu = twitter[twittCounter]['user']['profile_image_url'];
			var sn = twitter[twittCounter]['user']['screen_name'];
			var n = twitter[twittCounter]['user']['name'];
			var d = new Date(twitter[twittCounter]['created_at']);
			var oldContent = $('#twitter-contents p:first-child');
			var newContent = $('<p style="display:none"><a href="http://twitter.com/#!/'+sn+'"><img src="'+piu+'" alt="'+sn+'" title="'+n+'" align="left" /></a><a href="http://twitter.com/#!/'+sn+'"><strong>'+n+':</strong></a> '+text+'<br />Publicado el '+days[d.getDay()]+' '+d.getDate()+' de '+months[d.getMonth()]+" de "+d.getFullYear()+'<br clear="left" /></p>');
			
			if (twittCounter==twiitLimit) { twittCounter=0; } else { twittCounter++; }
			
			oldContent.fadeOut(function(){
				newContent.appendTo('#twitter-contents');
				newContent.fadeIn(function(){
					setTimeout(function(){
						oldContent.remove();
						twittUpdate();
					},5000);
				});
			});
		}

		var twittInit = function(data) {
			twittCount = data.length;
			twiitLimit = twittCount-1;
			twitter = data;
			twittUpdate();
		}
		
		$.ajax({
			type: 'GET',
			url: 'http://api.twitter.com/1/statuses/user_timeline.json'+callback+'screen_name=TerraMiaFood&count='+twittCount,
			dataType: 'json',
			success: function(data) { twittInit(data); }
		});
	}
	
	/* ====================================================================================================================================== */
	/* ////////////////////////////////////////////////////////////// FACEBOOK ////////////////////////////////////////////////////////////// */
	/* ====================================================================================================================================== */
	
	/* No fue tan sencillo como pensabas jerry... */
	if ($('#facebook-contents').length>0) {
		var faceID = 'terramiafoods';
		var pagesObj = null;
				
		var faceCounter = 0;
		var facebook = null;
		var faceCount = 0;
		var faceLimit = 0;
		
		var updateFacebook = function() {
			var text = Urify(facebook[faceCounter]['message']);
			var sn = facebook[faceCounter]['from']['name'];
			var fd = facebook[faceCounter]['created_time'].split('+')[0].split('T');
			var fecha = fd[0].split('-');
			var horario = fd[1].split(':');
			var d = new Date(fecha[0], fecha[1], fecha[2], horario[0], horario[1], horario[2]);
			
			var oldContent = $('#facebook-contents p:first-child');
			var newContent = $('<p style="display:none"><a href="'+pagesObj["link"]+'"><img src="http://graph.facebook.com/'+faceID+'/picture" alt="'+sn+'" title="'+sn+'" align="left" /></a><a href="'+pagesObj["link"]+'"><strong>'+sn+':</strong></a> '+text+'<br />Publicado el '+days[d.getDay()]+' '+d.getDate()+' de '+months[d.getMonth()]+" de "+d.getFullYear()+'<br clear="left" /></p>');
			
			if (faceCounter==faceLimit) { faceCounter=0; } else { faceCounter++; }
			
			oldContent.fadeOut(function(){
				newContent.appendTo('#facebook-contents');
				newContent.fadeIn(function(){
					setTimeout(function(){
						oldContent.remove();
						updateFacebook();
					}, 5000);
				});
			});
		}

		var faceInit = function(data) {
			var filteredData = [];
			$.each(data, function(index, obj){
				if (obj.message != undefined) { filteredData.push(obj); }
			});
			faceCount = filteredData.length;
			faceLimit = faceCount-1;
			facebook = filteredData;
			updateFacebook();
		}
		
		var faceData = function() {
			$.ajax({
				type: 'GET',
				url: 'https://graph.facebook.com/'+faceID+'/feed'+callback+'access_token=262920960404608|b708e7ac0d47030c3aa54a398d8883fb',
				dataType: 'json',
				success: function(data) { faceInit(data["data"]); }
			});
		}
		
		$.ajax({
			type: 'GET',
			url: 'https://graph.facebook.com/'+faceID+callback,
			dataType: 'json',
			success: function(pO) {
				pagesObj = pO;
				faceData();
			}
		});
	}
	
});