// Javascript

$(document).ready(function(){
	// arreglo png
	$(document).pngFix();	

	// función toggle para panel anunciantes
	$(".anunc_btn").click(function(){
		$("#panel").slideToggle("slow");
		$(this).toggleClass("active");
		return false;
	});
	
	$(".t_close").click(function(){
		$("#panel").slideToggle("slow");
		$(this).toggleClass("active");
		return false;
	});
	

	// formularios tabs
	$('#tabs').tabs();
	return false;


/*	$('#anunc_btn').click(function(event){
		event.preventDefault();
		$('#panel').slideToggle();
	});
	*/
	$('#wboxes a').click(function(event) {
		event.preventDefault();
		$('#panel').slideUp();
	});


});

	// función reloj
	
	function muestraReloj()
	{
	// Compruebo si se puede ejecutar el script en el navegador del usuario
	if (!document.layers && !document.all && !document.getElementById) return;
	// Obtengo la hora actual y la divido en sus partes
	var fechacompleta = new Date();
	var horas = fechacompleta.getHours();
	var minutos = fechacompleta.getMinutes();
	var segundos = fechacompleta.getSeconds();
	var mt = 'AM';
	// Pongo el formato 12 horas
	if (horas > 12) {
	mt = 'PM';
	horas = horas - 12;
	}
	if (horas == 0) horas = 12;
	// Pongo minutos y segundos con dos dígitos
	if (minutos <= 9) minutos = '0' + minutos;
	if (segundos <= 9) segundos = '0' + segundos;
	// En la variable 'cadenareloj' puedes cambiar los colores y el tipo de fuente
	cadenareloj = "<br /><br /><span class='reloj'>" + horas + ":" + minutos + ":" + segundos + " " + mt + "</span>";
	// Escribo el reloj de una manera u otra, según el navegador del usuario
	if (document.layers) {
	document.layers.spanreloj.document.write(cadenareloj);
	document.layers.spanreloj.document.close();
	}
	else if (document.all) spanreloj.innerHTML = cadenareloj;
	else if (document.getElementById) document.getElementById('spanreloj').innerHTML = cadenareloj;
	// Ejecuto la función con un intervalo de un segundo
	setTimeout('muestraReloj()', 1000);
	}

	
		// stepcarousel
	stepcarousel.setup({  
		galleryid: 'carousel', //ID del div que contiene el carrusel  
		beltclass: 'belt', 
		panelclass: 'ca_panel', 
		autostep: {enable:false, moveby:1, pause:2500}, 
		defaultbuttons: {enable: false },
		panelbehavior: {speed:500, wraparound:false, persist:true},
		statusvars: ['statusA', 'statusB', 'statusC'], 
		contenttype: ['inline'] 
	})