color_elegido="verde";
file_elegido="";


$(document).ready(function() {
	$.preloadCssImages();
	$("#container").css("visibility","visible");				   
	$("#centro").load("_opciones/quisom.html");
	$("#footer").load("_opciones/footer.html");

	$("#qui_som_btn").css("text-decoration","underline");
	$("#qui_som_btn").css("color","#BAD405");
	//$("#qui_som_btn").css("color","#847A72");
	
	$("#b1").click(function(){
							seccion('_opciones/activitats.html');
							});
	
	
	$("#b2").click(function(){
							seccion('_opciones/events.html');
							});
	
	$("#b3").click(function(){
							seccion('_opciones/castell.html');
							});
	
	$("#b1").hover(
		function(){ 
			$("#b1").css("background","url(_images/_botones/_otros/activitats-on.jpg) no-repeat 0 0 transparent");
			$("#b2").css("background","url(_images/_botones/_otros/events.jpg) no-repeat 0 0 transparent");
			$("#b3").css("background","url(_images/_botones/_otros/castell.jpg) no-repeat 0 0 transparent");
		} , 
		function(){ 
			$("#b1").css("background","url(_images/_botones/_otros/activitats.jpg) no-repeat 0 0 transparent");
			$("#b2").css("background","url(_images/_botones/_otros/events.jpg) no-repeat 0 0 transparent");
			$("#b3").css("background","url(_images/_botones/_otros/castell.jpg) no-repeat 0 0 transparent");
		} 
	);
	
	$("#b2").hover(
		function(){ 
			$("#b1").css("background","url(_images/_botones/_otros/activitats.jpg) no-repeat 0 0 transparent");
			$("#b2").css("background","url(_images/_botones/_otros/events-on.jpg) no-repeat 0 0 transparent");
			$("#b3").css("background","url(_images/_botones/_otros/castell.jpg) no-repeat 0 0 transparent");
		} , 
		function(){ 
			$("#b1").css("background","url(_images/_botones/_otros/activitats.jpg) no-repeat 0 0 transparent");
			$("#b2").css("background","url(_images/_botones/_otros/events.jpg) no-repeat 0 0 transparent");
			$("#b3").css("background","url(_images/_botones/_otros/castell.jpg) no-repeat 0 0 transparent");
		} 
	);
	
	$("#b3").hover(
		function(){ 
			$("#b1").css("background","url(_images/_botones/_otros/activitats.jpg) no-repeat 0 0 transparent");
			$("#b2").css("background","url(_images/_botones/_otros/events.jpg) no-repeat 0 0 transparent");
			$("#b3").css("background","url(_images/_botones/_otros/castell-on.jpg) no-repeat 0 0 transparent");
		} , 
		function(){ 
			$("#b1").css("background","url(_images/_botones/_otros/activitats.jpg) no-repeat 0 0 transparent");
			$("#b2").css("background","url(_images/_botones/_otros/events.jpg) no-repeat 0 0 transparent");
			$("#b3").css("background","url(_images/_botones/_otros/castell.jpg) no-repeat 0 0 transparent");
		} 
	);
	
	
});

conta_div=0;
function ventana(url_seleccionada){
	cerramos="";
	
	$(".ventana").each(function() {
		$(this).remove();
		/*if($(this).attr("archivo")==url_seleccionada && $(this).css("display")!="none"){
			cerramos=$(this).attr("id");
		}
		*/
	});
	if(cerramos!=""){
		conta_div+=1;
		$("#"+cerramos).css("z-index",conta_div);
		return;
	}
	
	var scroll_y = document.body.scrollTop;
	if (scroll_y == 0){
		if (window.pageYOffset)
			scroll_y = window.pageYOffset;
		else
			scroll_y = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
	}
	
	color="verde";
	if(url_seleccionada.indexOf("events")>=0) color="naranja";
	if(url_seleccionada.indexOf("castell")>=0) color="azul";
	color_elegido=color;
	
	$(".enlace_"+color).each(function() {
		if($(this).attr("href").indexOf(url_seleccionada)>0){
			$(this).removeClass("enlace_"+color);
			$(this).addClass("enlace_"+color+"_visited");
		}
	});
	
	div_creado=color+"_ventana"+conta_div;
	conta_div+=1;
	//z-index: 101; width: 380px; height: 250px; background-color: rgb(255, 255, 255); overflow: auto; left: 43px; position: relative; display: block; top: -627px;
	num_x=(Math.random()*900+conta_div*2);
	num_x=screen.availWidth/2-190;
	num_y=scroll_y+screen.availHeight/2-320;//+Math.random(100)+conta_div*10;
	
	
	$.ajax({
			type		: "GET",
			url			: "_opciones/_fichas/"+url_seleccionada,
			success	: function(msg){

/*				
				div_content="<div id=\""+div_creado+"\" class=\"ventana\" archivo=\""+url_seleccionada+"\" style='z-index:"+conta_div+"; width:445px ;height:560px; position:absolute; display:block; overflow: hidden; left:"+num_x+"px; top:"+num_y+"px; padding-left: 30px; padding-top:30px; background: url(_images/sombra.gif) no-repeat scroll 0 0px transparent; background:none\9;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\"_images/sombra.gif\", sizingMethod=\"crop\"); '>"
					div_content+="<div class='layer1_handle' style='background-color:#ff9900; opacity:0.2; -moz-user-select: none; height:60px; width:440px; position:absolute; margin-left:-30px; margin-top:-30px;z-index:2'><a href='#' id='close' style='position: absolute; right: 20px; top: 20px;'><img src='_images/close_"+color+".jpg' border='0' id='imagen_cerrar'></a></div>";
					div_content+="<div style='width:380px;z-index:3; background-color:#ff0000; opacity:0.2 '>"+msg+"</div>";
				div_content+="</div>";
				
*/
				sombra="sombra.png"
				var navegador = navigator.appName
				if (navegador == "Microsoft Internet Explorer") sombra="sombra.gif"


				div_content="<div id=\""+div_creado+"\" class=\"ventana\" archivo=\""+url_seleccionada+"\" style='z-index:"+conta_div+"; width:445px ;height:560px; position:absolute; display:block; overflow: hidden; left:"+num_x+"px; top:"+num_y+"px; padding-left: 30px; padding-top:30px; background: url(_images/"+sombra+") no-repeat scroll 0 0px transparent;'>"
					div_content+="<div class='layer1_handle' style='-moz-user-select: none; height:60px; width:440px; position:absolute; margin-left:-30px; margin-top:-30px;z-index:2'><div id='close' style='position: absolute; right: 20px; top: 20px;'><img src='_images/close_"+color+".jpg' border='0' id='imagen_cerrar'></div></div>";
					div_content+="<div style='width:370px;z-index:3;'>"+msg+"</div>";
				div_content+="</div>";
				$("#iris").append(div_content);
				//alert(div_content);
				$("#iris").append(funcion_auxiliar());
				
				posy=parseFloat($("#"+div_creado).css("top").split("px").join("").split(" ").join(""));
				$("#"+div_creado).css("top",posy+"px");
				$("#"+div_creado).animate({
						top: posy,
						opacity: 1
					}, 200, function() {
						
				});
				$("#"+div_creado).css("opacity","1");
				$(".jspPane").css("width","345px");
				
			}
	});
	
}

function funcion_auxiliar(){
				$("#"+div_creado).draggable();//{ handle: ".layer1_handle" }
	
				
				$("#"+div_creado).bind( "dragstart", function() {
					conta_div+=1;
					$(this).css("z-index",conta_div);
					//$(this).css("opacity",0.5);
				});
				$("#"+div_creado).bind( "dragstop", function() {
					//$(this).css("opacity",1);
					//$(this).css("-ms-filter: \"progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=125,strength=2)\"; ");
					//$(this).css("filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=125,strength=2);'");
				});
				$("#"+div_creado+" #close").attr("ventana",div_creado);
				$("#"+div_creado+" #close").click(function(){
					/*
					scroll_to=window.pageYOffset;
					setTimeout("window.scrollTo(0,"+scroll_to+");",5);*/
					$("#"+$(this).attr("ventana")).remove();
					
					//$("#"+$(this).attr("ventana")).css("display","none");
				});
				
				$("#"+div_creado+" #close").hover(
												function(){
													$("#"+$(this).attr("ventana")+" #imagen_cerrar").attr("src","_images/close_over.jpg");
												},
												function(){
													$("#"+$(this).attr("ventana")+" #imagen_cerrar").attr("src","_images/close_"+color+".jpg");
												});
					
					
				
				$("#"+div_creado+" #texto_div").jScrollPane({
					showArrows: false,
					scrollbarMargin:100,
					verticalDragMinHeight: 146,
					verticalDragMaxHeight: 146
			
				});
	}

function seccion(file){
    if(file==file_elegido) return;
    
    $("#qui_som_btn").css("text-decoration","none");
    $("#qui_som_btn").css("color","#847A72");
    if(file.indexOf("qui")>=0){
        $("#qui_som_btn").css("text-decoration","underline");
        $("#qui_som_btn").css("color","#BAD405");
    }
    
    color="verde";
    if(file.indexOf("events")>=0) color="naranja";
    if(file.indexOf("castell")>=0) color="azul";
    color_elegido=color;
    
    switch(color){
        case "verde":
			$("#logo_div").css("background-image","url(_images/logo1.jpg)");
            $("#b1").css("background","url(_images/_botones/_otros/activitats-on.jpg) no-repeat 0 0 transparent");
            $("#b2").css("background","url(_images/_botones/_otros/events-gris.jpg) no-repeat 0 0 transparent");
            $("#b3").css("background","url(_images/_botones/_otros/castell-gris.jpg) no-repeat 0 0 transparent");
            
            $("#b1").hover(
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-on.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-gris.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-gris.jpg) no-repeat 0 0 transparent");
                } , 
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-on.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-gris.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-gris.jpg) no-repeat 0 0 transparent");
                } 
            );
            
            $("#b2").hover(
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-on.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-on.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-gris.jpg) no-repeat 0 0 transparent");
                } , 
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-on.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-gris.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-gris.jpg) no-repeat 0 0 transparent");
                } 
            );
            
            $("#b3").hover(
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-on.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-gris.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-on.jpg) no-repeat 0 0 transparent");
                } , 
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-on.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-gris.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-gris.jpg) no-repeat 0 0 transparent");
                } 
            );
            
            break;
        
        case "naranja":
			$("#logo_div").css("background-image","url(_images/logo2.jpg)");
            $("#b1").css("background","url(_images/_botones/_otros/activitats-gris.jpg) no-repeat 0 0 transparent");
            $("#b2").css("background","url(_images/_botones/_otros/events-on.jpg) no-repeat 0 0 transparent");
            $("#b3").css("background","url(_images/_botones/_otros/castell-gris.jpg) no-repeat 0 0 transparent");
            
            $("#b1").hover(
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-on.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-on.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-gris.jpg) no-repeat 0 0 transparent");
                } , 
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-gris.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-on.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-gris.jpg) no-repeat 0 0 transparent");
                } 
            );
            
            $("#b2").hover(
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-gris.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-on.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-gris.jpg) no-repeat 0 0 transparent");
                } , 
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-gris.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-on.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-gris.jpg) no-repeat 0 0 transparent");
                } 
            );
            
            $("#b3").hover(
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-gris.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-on.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-on.jpg) no-repeat 0 0 transparent");
                } , 
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-gris.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-on.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-gris.jpg) no-repeat 0 0 transparent");
                } 
            );
            break;
            
        case "azul":
			$("#logo_div").css("background-image","url(_images/logo3.jpg)");
            $("#b1").css("background","url(_images/_botones/_otros/activitats-gris.jpg) no-repeat 0 0 transparent");
            $("#b2").css("background","url(_images/_botones/_otros/events-gris.jpg) no-repeat 0 0 transparent");
            $("#b3").css("background","url(_images/_botones/_otros/castell-on.jpg) no-repeat 0 0 transparent");
            
            $("#b1").hover(
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-on.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-gris.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-on.jpg) no-repeat 0 0 transparent");
                } , 
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-gris.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-gris.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-on.jpg) no-repeat 0 0 transparent");
                } 
            );
            
            $("#b2").hover(
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-gris.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-on.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-on.jpg) no-repeat 0 0 transparent");
                } , 
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-gris.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-gris.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-on.jpg) no-repeat 0 0 transparent");
                } 
            );
            
            $("#b3").hover(
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-gris.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-gris.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-on.jpg) no-repeat 0 0 transparent");
                } , 
                function(){ 
                    $("#b1").css("background","url(_images/_botones/_otros/activitats-gris.jpg) no-repeat 0 0 transparent");
                    $("#b2").css("background","url(_images/_botones/_otros/events-gris.jpg) no-repeat 0 0 transparent");
                    $("#b3").css("background","url(_images/_botones/_otros/castell-on.jpg) no-repeat 0 0 transparent");
                } 
            );
            break;
        
    }
    
    $(".ventana").each(function() {
        if($(this).attr("id").indexOf(color_elegido)<0){
            posy=$(this).css("top")+200;
            $(this).animate({
                top: posy,
                opacity: 0
            }, 1000+Math.random(100), function() {
                $(this).remove();
            });

        }
    });
    
    
    $("#centro").load(file);
    file_elegido=file;
}