$(document).ready(function(){

	/** Roundies **/
	// Firefox, chrome, safari
	DD_roundies.addRule('p.info, p.info a', '10px', true);
	DD_roundies.addRule('a.vid', '0 0 7px 7px', true);
	// IE
	$('p.info, p.info a').css({'border-radius': '10px'});
	$('a.vid').css({'border-radius': '0 0 7px 7px'});
	/**************/

	var query = location.href.split('#'); 
	if(query[1] == "go") timer = setTimeout("execPopup()", 500);	
});


/** ejecuta el popup desde le ininio ****************************/
function execPopup()
{
	$('.newEvent').click();
	clearInterval(timer);
}


/** despliega el popup para mostrar el video indicado *************************/

$('.vid').live('click', function(){

	var temp = $(this).attr('data').split(';');
	var video = $(this).attr('href');
	var titulo = $(this).children('span').text();

	var alto = 1 * temp[0];
	var ancho = 1 * temp[1];
	
	var html = "";
	
	html += "<p class='titulo'>";
		html += titulo;
	html += "</p>";

	html += "<video controls='controls' autoplay='autoplay' poster='" + URL + "datos/videos/poster" + alto + ".jpg' width='" + ancho + "' height='" + alto + "'>";
		html += "<source src='" + LPMMX + "datos/videos/m4v/" + video + ".m4v' type='video/mp4' />";
		html += "<source src='" + LPMMX + "datos/videos/ogv/" + video + ".ogv' type='video/ogg' />";
		html += "<object type='application/x-shockwave-flash' data='" + URL + "swf/player2.swf' width='" + ancho + "' height='" + alto + "'>";
			html += "<param name='movie' value='" + URL + "swf/player2.swf' />";
			html += "<param name='allowFullScreen' value='true' />";
			html += "<param name='wmode' value='transparent' />";
			html += "<param name='flashVars' value='autostart=true&amp;controlbar=over&amp;file=" + escape(LPMMX + "datos/videos/m4v/" + video + ".m4v") + "' />";
			html += "<span title='Lo sentimos pero su navegador no puede reproducir este video'>" + titulo + "</span>";
		html += "</object>";
	html += "</video>";
	
	
	// muestra el popup
	loadInfoPopup(html, 40 + ancho, 80 + alto);
	
	return false;
});


/** despliega el popup para solicitar informacion *************************/

$('.newEvent').live('click', function(){

	var html = "";
	
	html += "<div class='step on'>";
		html += "<div class='pophead'>Información del proyecto</div>";
		html += "<p>Por favor describe tu proyecto resaltando las consideraciones más importantes.</p>";
		html += "<p><textarea name='desc' id='desc' style='width: 380px; height: 200px;'></textarea></p>";
		html += "<p><input type='button' onclick='nextstep();' class='big' name='nextstep' value='Continuar' /></p>";
	html += "</div>";
	html += "<div class='step'>";
		html += "<div class='pophead'>Información de contacto</div>";
		html += "<p><label>Tu nombre</label><input type='text' id='name' name='name' style='padding: 3px 5px;' /></p>";
		html += "<p><label>Inf. principal de contacto (Tel, Cel)</label><input type='text' id='inf1' name='inf1' style='padding: 3px 5px;' /></p>";
		html += "<p><label>Inf. secundaria de contacto (Nextel, BB pin, email)</label><input type='text' id='inf2' name='inf2' style='padding: 3px 5px;' /></p>";
		html += "<p><input type='button' onclick='backstep();' name='backstep' value='Regresar' /><input type='button' onclick='nextstep();' name='nextstep' class='big' value='Enviar solicitud' /></p>";
	html += "</div>";

	html += "<div class='step'>";
		html += "<div class='fecha'><img src='datos/imagenes/load.gif' /> Un momento por favor...</div>";
	html += "</div>	";

	// muestra el popup
	loadInfoPopup(html, 500, 430);
	
});




function nextstep()
{
	index = $('div.step.on').index();
	
	if(index == 0)
	{
		if($('#desc').val() == ""){ alert("Por favor describe tu proyecto en el espacio especificado."); return false; }
	}
	
	if(index == 1)
	{
		if($('#name').val() == ""){ alert("Debes proporcionar un nombre."); return false; }
		if($('#inf1').val() == ""){ alert("Debes proporcionar tu información principal de contacto."); return false; }		
		
		var desc = $('#desc').val();
		var nombre = $('#name').val();
		var inf1 = $('#inf1').val();
		var inf2 = $('#inf2').val();
		
		var calltype = "json";	// json | text | html

		// ajax al web service
		$.post(URL + 'ajax/enviasolicitudlpf/' + calltype, {'desc': desc, 'nombre': nombre,  'inf1': inf1,  'inf2': inf2 }, function(data){
			var html = "";
			if(data.status)
			{
				html += "<div class='pophead'>Gracias por comunicarte con nosotros.</div>";
				html += "<p>Nos comunicaremos contigo lo más rápido posible, por favor considera que nuestro horario de oficina es de Lunes a Viernes de 9:00 a.m. a 7:00 p.m. y los Sábados de 9:00 a.m. a 2:00 p.m.</p>";
				html += "<p>También puedes comunicarte con nosotros a los siguientes teléfonos (81) 1234 3789 y (81) 1234 3790 en Monterrey, N.L.</p>";
				html += "<p>Si lo prefieres puedes escribirnos al correo info@latinpowermusic.com.mx</p>";
			}else{
				html += "<div class='pophead'>Ocurrio un error.</div>";
				html += "<p>Ocurrio un error con el servicio, por favor comunicate al teléfono (81) 1234 3789, (81) 1234 3790 o mandanos un correo a <a href='mailto:info@latinpowermusic.com.mx'>info@latinpowermusic.com.mx</a>.</p>";
				html += "<p>Nuestro horario de atención es de Lunes a Viernes de 9:00 a.m a 7:00 p.m. y Sábados de 9:00 a.m. a 2:00 p.m.</p>";
			}
			$('div.step:last').html(html);
		}, calltype);
		
	}
	
	if(index == 2)
	{
	
	}
	
	$('div.step').each(function(){ $(this).removeClass('on'); });
	$('div.step').eq(1 + index).addClass('on');
}


function backstep()
{
	index = $('div.step.on').index();
	
	$('div.step').each(function(){ $(this).removeClass('on'); });
	$('div.step').eq(index - 1).addClass('on');
}