$(document).ready( function() {
    $(function () {
       $('div.drawers').accordion({
            header: 'div.drawer-handle',
            //selectedClass: 'open',
            event: 'click',
			alwaysOpen: false,
			autoheight: false,
			clearStyle: true
			
        });
    });
}); 


function tabs(id)
{

	if(id == "tabs-1")
	{
	
		$("#tab-1").slideDown("slow");
		$("#tab-3").slideUp("slow");
		$("#tab-2").slideUp("slow");
		
		
		$(".tabs-2").css({ backgroundImage: 'url(disenio/tabDown.jpg)', backgroundRepeat: 'repeat-x', backgroundPosition: 'bottom', border: '1px solid #CCCCCC'});
		$(".tabs-3").css({ backgroundImage: 'url(disenio/tabDown.jpg)', backgroundRepeat: 'repeat-x', backgroundPosition: 'bottom', border: '1px solid #CCCCCC'});
		$(".tabs-1").css({ backgroundImage: 'url(disenio/tabTop.jpg)', backgroundRepeat: 'repeat-x', borderBottomWidth: '1px', borderBottomStyle: 'solid', borderBottomColor: '#FFFFFF'});
		
		
	}
	
	if(id == "tabs-2")
	{
		$("#tab-2").slideDown("slow");
		$("#tab-3").slideUp("slow");
		$("#tab-1").slideUp("slow");
		
		
	
		
		$(".tabs-1").css({ backgroundImage: 'url(disenio/tabDown.jpg)', backgroundRepeat: 'repeat-x', backgroundPosition: 'bottom', border: '1px solid #CCCCCC'});
		$(".tabs-3").css({ backgroundImage: 'url(disenio/tabDown.jpg)', backgroundRepeat: 'repeat-x', backgroundPosition: 'bottom', border: '1px solid #CCCCCC'});
		$(".tabs-2").css({ backgroundImage: 'url(disenio/tabTop.jpg)', backgroundRepeat: 'repeat-x', borderBottomWidth: '1px', borderBottomStyle: 'solid', borderBottomColor: '#FFFFFF'});
	
	}
	
	if(id == "tabs-3")
	{
		$("#tab-3").slideDown("slow");
		$("#tab-2").slideUp("slow");
		$("#tab-1").slideUp("slow");
		
	
		$(".tabs-1").css({ backgroundImage: 'url(disenio/tabDown.jpg)', backgroundRepeat: 'repeat-x', backgroundPosition: 'bottom', border: '1px solid #CCCCCC'});
		$(".tabs-2").css({ backgroundImage: 'url(disenio/tabDown.jpg)', backgroundRepeat: 'repeat-x', backgroundPosition: 'bottom', border: '1px solid #CCCCCC'});
		$(".tabs-3").css({ backgroundImage: 'url(disenio/tabTop.jpg)', backgroundRepeat: 'repeat-x', borderBottomWidth: '1px', borderBottomStyle: 'solid', borderBottomColor: '#FFFFFF'});
	
	}

}


function move(div)
{
	if(div == "conozcanos")
	{
			$("#escribanos").html("");
			$('#winOpen').show();
			$('#close').show();
			
			$("div#winOpen").fadeTo("fast", 0.60);
			
			$("#"+div).fadeTo("fast", 0.90);
			$("#close").fadeTo("fast", 1);
			$("#escribanos").animate({width:652, height:100}, "slow");
			$("#escribanos").animate({width:652, height:262}, "slow");
			
			
			
			
			setTimeout("ajaxPopUp('param', 'conozcanos.html')",600);
			
	}
	
	if(div == "escribanos")
	{		
			$("#escribanos").html("");
			$('#winOpen').show();
			$('#close').show();
			
			$("div#winOpen").fadeTo("fast", 0.60);
			
			$("#"+div).fadeTo("fast", 0.90);
			$("#close").fadeTo("fast", 1);
			$("#escribanos").animate({width:652, height:100}, "slow");
			$("#escribanos").animate({width:652, height:262}, "slow");
			
			
			setTimeout("ajaxPopUp('param', 'escribanos.html')",600);
			
	}
	
	if(div == "como puedo colaborar")
	{
			$("#escribanos").html("");
			$('#winOpen').show();
			$('#close').show();
			
			$("div#winOpen").fadeTo("fast", 0.60);
			
			$("#"+div).fadeTo("fast", 0.90);
			$("#close").fadeTo("fast", 1);
			$("#escribanos").animate({width:652, height:100}, "slow");
			$("#escribanos").animate({width:652, height:262}, "slow");
			
			setTimeout("ajaxPopUp('param', 'como_puedo_colaborar.html')",600);
			
	}
	
	
}


function closer(div)
{

	if(div == "escribanos")
	{
		
		$('#escribanos').hide();
		$("div#winOpen").fadeTo("fast", 0);
		setTimeout("$('#winOpen').hide()",1200);	
	}

}

function ajaxPopUp(param, urls)
{
	$.ajax({
			type: "POST",
			url: urls,
			data: param,
			beforeSend: function(objeto){
			$("#escribanos").html('<img src="disenio/load.gif" name="imgLoad" width="32" height="32" id="imgLoad" style="position: relative; top: 116px; left: 310px" />');
			},
			success: function(datos){
			$("#escribanos").html(datos);
		   
			}
	});
}


function starAjax(parametros)
{
	//alert(parametros);	
	$.ajax({
			type: "POST",
			url: "Scripts/validation/validation2.php",
			beforeSend: function(objeto){
				//alert("Adios, me voy a ejecutar");
				$("#escribanos").html('<img src="disenio/load.gif" name="imgLoad" width="32" height="32" id="imgLoad" style="position: relative; top: 116px; left: 310px" />');
			},
			data: parametros,
			success: function(datos){
			$("#escribanos").html(datos);
		   
		  }
	});

}



$(function() {

	
	$('#tabTxtSubMenu a').cluetip({
      splitTitle: '|', 
      arrows: true, 
      dropShadow: false, 
      cluetipClass: 'jtip'}
    );

});