// JavaScript Document
//var q = jQuery.noConflict();	
// Julio Acuņa design

$(document).ready(function() {
   Xwidth();
   wXpO();
   WrapperSpan();
   SliderContacto();
   stlyHome();
   SliderContacto();
   overlay();
});

function lightboxing() {
	$('a[@rel*=ampliar]').lightBox({
	imageBtnClose: '../images/misc/closer.png',
	imageLoading: '../images/misc/ajax-loading.gif'
  });
}

function SliderContacto() {
       var ficha_contacto = $("#ficha_contacto").hide();
       var boton_contacto = $("#cont_btncontacto");
   
       $(".ver_ficha_contacto").bind("click", function() { ficha_contacto.slideDown("slow");boton_contacto.slideUp("slow");});
       $("#cancelar_contacto").bind("click", function() { ficha_contacto.slideUp("slow");boton_contacto.slideDown("slow");});
   
}

function WrapperSpan() {
	$("ul.ulDatos li span.wrappenSpan").each(function() {
			 var maxSpan = $(this).width() + 110;
			 var x = 596 - maxSpan;
			 $(this).css({'margin-right':x,'margin-left':'45px'});		 
			});  
}

function wXpO() {
	 $("ul.ulDatos li span.text13white").each(function() {
		    var rut = $(this).attr("title");						 
		 		$(this).bind("click" ,function() {
				  if( $("div#" + rut).is(':hidden') ){
		   			$("ul.ulDatos li span[title=" + rut +"]").text("Ocultar Detalles");
					$("ul.ulDatos li[title=" + rut +"]").addClass("light_On");
					$("div#" + rut).slideDown("slow");
				  }else{
		   			$("ul.ulDatos li span[title=" + rut +"]").text("Mostrar Detalles");
					$("ul.ulDatos li[title=" + rut +"]").removeClass("light_On");
					$("div#" + rut).slideUp("slow");
				}
			});
     });
}

function Xwidth($id_datos) {  
	   $("ul.ulDatos li div.box_datos").each(function() {
			 var mostrar = $(this).attr("title");
			 var id = $(this).attr("id");
			 if(mostrar == "show"){
				 $(this).show("slow");
				 $("ul.ulDatos li[title=" + id +"]").addClass("light_On");
				 $("ul.ulDatos li span[title=" + id +"]").text("Ocultar Detalles");
			 }else
			     $(this).hide("slow");
		});
}


function stlyHome(){
	   $("ul.ulMenuHome li a").each(function() {
				$(this).mouseover(function () { $(this).css({"color":"#999999"}) });
		 		$(this).mouseout(function () { $(this).css({"color":"#666666"}) });
 		 });
}

function overlay(){
		$("div#fancy_overlay").css({width: $(document).width(),height:$(document).height()});
}