var berned={
    seccion:'lang',
    subseccionAbout:'',
    lang:'es',
    ancho:'800',
    alto:'600',
    urlFondo:'img/inicio.jpg',
    anchoFondo:'800',
    altoFondo:'600',
    ratio:1,
    indexCarrusel:0,
    xCarrusel:0,
    datosXML:{},
    arrayArchivos:[],
    indexSeccion:0,//es el índice de la sección elegida
    indexArchivo:0,
    init:function(){//inicializamos la variable berned desde el doc.ready
        var f=this;
        var posTitulo=$("#inicio").position();
        f.txtBotonVolverLuego_es=$("#btn-new-opening .lang-es").html();
        f.txtBotonVolverLuego_en=$("#btn-new-opening .lang-en").html();
        $("#info").html("ancho:"+$(window).width()+" alto:"+$(window).height()+"<br/>Pos. titulo=> x:"+Math.ceil(posTitulo.top)+" y:"+Math.ceil(posTitulo.left));
        f.cargaXML(function(){f.imagenFondo();});
        f.ajustaVertical();
        $(window).bind("resize",function(){//cuando se reescala la pantall $("#debug").empty();
            f.ajustaVertical();
            f.windowResize();
        });
        $("#tituloPagina").click(function(){//acceso directo pinchando en el título
            f.lang="es";
            f.inicio();
        })
        $("#select-lang button").each(function(){//botones selección de idiomas
            $(this).click(function(){
                var rel=$(this).attr("rel");
                f.lang=rel;
                $("body").attr("class",f.lang)
                f.inicio();
            })
        });
        $(".boton-1 a").click(function(){
            var rel=$(this).parent().attr("rel");
            eval("f."+rel+"();");

        });
        $("#wrapper-damero-work button").click(function(){
            var rel=$(this).attr("rel");
            f.mueveCarrusel(parseInt(rel))
        });
        $("#about li.cursor").click(function(){
            var rel=$(this).attr("rel");
            
            $("#about a.activo").removeClass("activo")
            $(this).find("a").addClass("activo");
            $("#about div.wrapper-about-contenido").show();
            if(rel=="media"){

            }
            if(rel=="cv"){
                var alto=$("div.wrapper-about-contenido div.texto").height();

            }
            //alert($("#main").height())
            if($("#main").height()!=600){
               $("#main").css("height","700px");
               if(f.subseccionAbout==""){//este truquito es para cuando se ha colocado arriba el menú about, que no se desplace un poquito al volver a hacer el ajuste vertical (ya ha sido ejecutado en la función about...)
                   f.ajustaVertical();
               }
               
               f.subseccionAbout=rel;
            }
            if(rel!="blog"){
             $("div.wrapper-about-contenido").scrollTo($(".wrapper-about-contenido div."+rel),500);
            }
        });
        $("#abajo-bio").click(function(){
            
            $('#texto-bio').scrollTo({top:'+=100px',left:'0px'},200)
        });
        $("#arriba-bio").click(function(){
            $('#texto-bio').scrollTo({top:'-=100px',left:'0px'},200)
        });
        $("#abajo-media").click(function(){
            $('#links').scrollTo({top:"+=100px",left:'0px'},200)
        });
        $("#arriba-media").click(function(){
            $('#links').scrollTo({top:'-=100px',left:'0px'},200)
        });
        $("#abajo-catalogo").click(function(){
            $('#texto-catalogo').scrollTo({top:'+=100px',left:'0px'},200)
        });
        $("#arriba-catalogo").click(function(){
            $('#texto-catalogo').scrollTo({top:'-=100px',left:'0px'},200)
        });
        $("#abajo-videos").click(function(){
            $('#texto-videos').scrollTo({top:'+=100px',left:'0px'},200)
        });
        $("#arriba-videos").click(function(){
            $('#texto-videos').scrollTo({top:'-=100px',left:'0px'},200)
        });
        
        $("#work button.flecha-der").click(function(){
            
        });
        $("#work button.flecha-izq").click(function(){
            
        });
        /*Ajustamos el tamaño vertical del div #nav (ojo, cambiarlo también en layout-berned7.js*/
        var altoBotonNav=$(window).height()-160;
        var anchoBotonNav=($(window).width()-160)/2;
        $("#nav").css("height",altoBotonNav+"px");
        $("#nav div.izq").css("width",anchoBotonNav+"px").css("height",altoBotonNav+"px");
        $("#nav div.der").css("width",anchoBotonNav+"px").css("height",altoBotonNav+"px");
        

    },
    cargaXML:function(callback){
        var f=this;
        $.ajax({
            type: "GET",
            url: "xml.xml",
            dataType: "xml",
            success: function(xml) {
                f.datosXML=xml;
                f.parseaXML();
                var cuantos=$(xml).find('fondo').length;
                var r=Math.floor(Math.random()*cuantos);
                f.urlFondo=$(xml).find('fondo').eq(r).text();
                callback();
            }
        });
    },
    imagenFondo:function(){
        var f=this;
        if(f.seccion=="lang"){
            $("#debug").append("<div>fondo:"+f.urlFondo+"</div>");
            var img=new Image();
            $(img).load(function(){
                f.ajustaImagen($(this));
                if(f.seccion=="lang"){
                    $("#wrapper-fondo").append($(this));
                }
            }).attr("src",f.urlFondo);
        }
    },
    ajustaImagen:function(img){
        var f=this;
            var x=$(img).attr("width");
            var y=$(img).attr("height");
            var ratioImagen=x/y;
            var anchoPantalla=$(window).width();
            var altoPantalla=$(window).height();
            var ratioPantalla=x/anchoPantalla;
            $("#debug").empty();
            if(ratioImagen>=1){//si la imagen es apaisada
                $(img).attr("width",anchoPantalla);
                var nuevoAlto=y/ratioPantalla;
                $(img).attr("height",nuevoAlto);
                var nuevoAncho=x/ratioPantalla;
                var top=((nuevoAlto-altoPantalla)/2);//centramos la imagen en vertical
                if(top>0){
                    $(img).css("margin-top","-"+top+"px");
                }
                if(top<0){
                    $(img).css("margin-top",(-1*top)+"px");
                }
            }
            if(ratioImagen>1){//si la imagen es vertical
            }
    },
    ajustaImagen2:function(img){
    },
    inyectaImagen:function(url,callback){
        var f=this;
        var img=new Image();
        $(img).addClass("loading");
        $(img).load(function(){
            f.ajustaImagen($(this));
            var hayImg=$("#wrapper-fondo img").length;
            if(hayImg>0){
                $("#wrapper-fondo img").remove();
            }
            $("#wrapper-fondo").append($(this));
            callback();
        }).attr("src",url);
    },
    ajustaVertical:function(){
        var f=this;
        var alto=$(window).height();
        var ancho=$(window).width();
        var altoMain=$("#main").height();
        $("#debug").append("<div>ajustaVertical:"+ancho+"px x "+alto+"px</div>")
        $("#wrapper-fondo").css("width",ancho+"px");
        $("#wrapper-fondo").css("height",alto+"px");
        //$("#wrapper-fondo").css("background","red")
        setTimeout(function(){
            $("#wrapper-cortina").css("display","none")
            $("#wrapper-cortina").css("height",$(window).height()+"px");
        },300);

        if(ancho>980){
            $("#main").css("width",(ancho-100)+"px");
            $("#wrapper-damero-work div.dos").css("width",(ancho-200)+"px");
        }else{
            $("#main").css("width","980px");
        }
        var marginTop=80;
        if(alto>altoMain){
            marginTop=(alto-altoMain)/2;
        }
        if(f.seccion=="work"){
            marginTop=marginTop+120;
        }
        $("#main").css("margin-top",(marginTop)+"px");
        

        
        
        
    },
    windowResize:function(){
        var f=this;
        f.ajustaImagen($("#wrapper-fondo img"));
        var altoNav=$("#nav").height();
        var posTop=($(window).height()-altoNav)/2;
        $("#nav").css("top",posTop+"px")
    },
    inicio:function(){
        var f=this;
        f.seccion="inicio";
        $("#nav").addClass("oculto");//ocultamos el navegador de imagenes para dentro de un proyecto
        $(".virtual").remove();//$("#wrapper-fondo img").css('opacity',0);
        $("#wrapper-fondo img").remove();
        $("#inicio").hide();
        $("div.botones-1").removeClass("oculto");
        $("#about-work").removeClass("oculto");
        $(".botones-1 div.work a.activo").removeClass("activo");
        $("#divBotonCerrar").hide();
        $("#main").css("height","160px");//damos un alto fijo al div  #main
        f.ajustaVertical();
        $("#btn-new-opening").show().unbind("click").bind("click",function(){
        });
        $("#damero-work").parent().scrollTo($("li.proyecto").first(),100);
        if(f.lang=="es"){
            $(".lang-es").css("display","block");
            $(".lang-en").css("display","none");
        }
        else{
            $(".lang-es").css("display","none");
            $(".lang-en").css("display","block");
        }
    },
    about:function(){
        var f=this;
        f.seccion="about";
        $("#divBotonCerrar").show();
        $("div.botones-1").addClass("oculto");
        $("#about").removeClass("oculto");
        $("#work").addClass("oculto");
        $("div.wrapper-about-contenido").scrollTo($(".wrapper-about-contenido div.item").eq(0),0);
        $("#main").css("height","160px");//damos un alto fijo al div  #main
        f.ajustaVertical();
        $("#btn-new-opening").hide();
    },
    work:function(){
        var f=this;
        f.seccion="work";
        $("div.botones-1").removeClass("oculto");
        $("#about-work").removeClass("oculto");
        $("#work").removeClass("oculto");
        $("#about").addClass("oculto");
        $(".botones-1 div.work a").addClass("activo");
        $("li.proyecto img").css("opacity",1);
        $("#btn-new-opening").show().unbind("click").bind("click",function(){

        });
        $("#main").css("height","400px");
        f.ajustaVertical();
        $("#damero-work").parent().scrollTo($("li.proyecto").first(),100);
        //$("#.botones-1 div.work").css("background-position","-293px -100px");
        //$(".botones-1 div.work").unbind("mouseover").unbind("mouseout");
    },
    volver:function(){
        var f=this;
        $("#about").addClass("oculto");
        $("#work").addClass("oculto");
        f.inicio();
    },
    mueveCarrusel:function(index){
        var f=this;
        var index=parseInt(index);
        var signo=(index==1)?"-":"+";
        f.indexCarrusel=f.indexCarrusel+index;
        var velocidad=500;
        if(f.indexCarrusel<0){
           f.indexCarrusel=$("li.proyecto").length-4;
           velocidad=100;
        }
        if(f.indexCarrusel>0){

        }
        if(f.indexCarrusel==0){

        }
        if(f.indexCarrusel>($("li.proyecto").length)-1){
            velocidad=100;
            f.indexCarrusel=0;
        }
        $("#damero-work").parent().scrollTo($("li.proyecto").eq(f.indexCarrusel),velocidad);
    }
    ,
    parseaXML:function(){
        var f=this;
        //alert($(f.datosXML).find("seccion").length)
        var nSecc=0;
        $(f.datosXML).find("seccion").each(function(){
            var carpeta=$(this).attr("carpeta");
            var id_menu=$(this).attr("id_menu");
            var copyright=$(this).attr("copyright");
            var copyright_link=$(this).attr("copyright_link");
            var nombre=$(this).find("nombre es").text();
            var portada=$(this).find("portada").text();
            $("#dump").append("<br/>seccion: "+nombre+"<br/>"+$(this).find("nombre es").text());
            var n=0;
            var liProy=document.createElement('li');
            //var textoLi="<div class='wrapper-imagen'><img src='"+portada+"&w=222' width='222' height='147'/></div><div style='float:left:border:1px solid red;width:30px;'>"+id_menu+"</div><div style='float:left:border:1px solid red;width:130px;'><h1><a href='"+nombre+"' class='letraGrisMedio' onclick=\"return false;\">"+nombre+"</a></h1></div><div class='clearfix'></div>";
            $(liProy).addClass("proyecto").html("<div class='wrapper-imagen'><img src='"+portada+"&w=222' width='222' height='147'/></div>");
            $(liProy).append("<div class='texto'><span class='numero'>"+id_menu+"&nbsp;</span><span>"+nombre+"</span></div>");
            var arr=[];
            $(this).find("imagen").each(function(){
                var url=$(this).text();
                arr.push(url);
                n++;
            });
            $(liProy).data("arr",arr).attr("nSecc",nSecc).click(function(){
                f.indexSeccion=$(this).attr("nSecc");
                f.datosSeccion($(this).attr("nSecc"));
                $(this).find("img").fadeTo("fast",0,function(){
                });
                f.archivos($(this).data("arr"));
            });
            $(liProy).mouseover(function(){$(this).find("div.texto").addClass("hover")})
            $(liProy).mouseout(function(){$(this).find("div.texto").removeClass("hover")})
            $("#damero-work div.clearfix").before(liProy);
            nSecc++;
        });//fin del each
    },
    archivos:function(arr){
        var f=this;

        var tx=(f.lang=="es")?"VOLVER A OBRA":"BACK TO WORK";
        $("#btn-new-opening").html(tx).show().unbind("click").bind("click",function(){
            var yo=$(this);
            $("#nav").addClass("oculto");
            $("#wrapper-cortina").hide();
            $("#wrapper-fondo img").fadeTo('fast',0,function(){
                yo.html((f.lang=="es")?f.txtBotonVolverLuego_es:f.txtBotonVolverLuego_en).unbind("click")
                $(".virtual").remove();
                f.work();
            })
        });
        f.arrayArchivos=arr;
        f.indexArchivo=0;
        f.inyectaImagen(arr[0],function(){
            $("#about-work").addClass("oculto");
            f.navegacion();
        });
        $(".virtual").remove();
        var div=document.createElement('div');
        $(div).addClass("virtual").attr("style","position:absolute;bottom:30px;right:30px;z-index:1000;")
        $.each(arr,function(p,v){
            var b=document.createElement('button');
            var numeroBoton=p+1;
            $(b).addClass("botonNegro").html("<span>"+numeroBoton+"</span><span>&nbsp;·</span>").attr("index",p).click(function(){
                $("#wrapper-cortina").css("opacity",0).css("display","block");//ocultamos la cortina de info
                f.indexArchivo=$(this).attr("index");
                $("button.activo").removeClass("activo")
                $(this).addClass("activo");
                $("button.botonInfo").addClass("loading");
                f.botonLoading($("button.botonInfo"));
                f.inyectaImagen(v,function(){
                    $("button.botonInfo").removeClass("loading");
                    f.botonLoading($("button.botonInfo"));
                });
            });
            $(div).append(b);
        });
        $(div).append("<button class='botonNegro botonInfo'>INFO</button>");
        $(div).find("button.botonInfo").click(function(){
            var yo=$(this);
            f.masInfo(yo);
        });
        $(div).find("button.botonNegro").eq(0).addClass("activo");
        $(div).append("<button class='botonNegro botonEmail oculto'>EMAIL</button>");
        $("body").append(div);
    },
    botonLoading:function(obj,state){
        var f=this;
        if($(obj).hasClass("loading")){
                $(obj).html("&nbsp;");
                $(obj).css("background-color","white");
                $(obj).css("background-position","center center");
            }else{
                $(obj).html("INFO");
                $(obj).css("background-color","black");
                $(obj).css("background-position","0px 100px");
            }
    },
    navegacion:function(){
        var f=this;
        var h=$(document).height();
        var top=(h-$("#nav").height())/2;
        $("#nav").removeClass("oculto").css("top",top+"px");
        $("#nav div").unbind("click").click(function(){
           var rel=parseInt($(this).attr("rel"));
           //alert(f.indexSeccion)
           if(rel==1){
               f.indexSeccion++;
           }else{
               f.indexSeccion--;
           }
           var ref=$("li.proyecto").eq(f.indexSeccion);
           if(ref.length==0){
               f.indexSeccion=0;
           }
           var ref=$("li.proyecto").eq(f.indexSeccion);
           f.indexSeccion=$(ref).attr("nSecc");
            f.datosSeccion($(ref).attr("nSecc"));
            $(this).find("img").fadeTo("fast",0,function(){
            });
            f.archivos($(ref).data("arr"));
        });
    },
    datosSeccion:function(nSecc){
        var f=this;
        var seccionActual=$(f.datosXML).find("seccion").eq(nSecc);
        var arrayCampos=["titulo","intro","texto"];//"texto1","texto2","texto3"
        $("#wrapper-cortina .id_menu").html($(seccionActual).attr("id_menu"))
        $.each(arrayCampos,function(p,v){
            var dest=$(seccionActual).find(v+" "+f.lang);
            if(dest.length==1){
                $("#wrapper-cortina ."+v).html($(dest).text());
            }
        });
        var texto1=$(seccionActual).find("texto1 "+f.lang).text();
        var link1=$(seccionActual).find("link1").text();
        if(link1.length>3){
            texto1="<a href='"+link1+"' target='_blank'>"+texto1+"</a>";
        }
        var texto2=$(seccionActual).find("texto2 "+f.lang).text();
        var link2=$(seccionActual).find("link2").text();
        if(link2.length>3){
            texto2="<a href='"+link2+"' target='_blank'>"+texto2+"</a>";
        }
        
        $("#wrapper-cortina .texto1").html(texto1);
        $("#wrapper-cortina .texto2").html(texto2);
        
        $("#wrapper-cortina .copyright").html("<a href='"+$(seccionActual).attr("copyright_link")+"' class='copyright_link' target='_blank'>"+$(seccionActual).attr("copyright")+"</a>");

    },
    masInfo:function(obj){
        var f=this;
        $("#wrapper-cortina div.container").css("opacity",0);
        $("#wrapper-cortina").css("opacity",0).css("display","block");
        setTimeout(function(){
            $("#wrapper-cortina").fadeTo('slow',0.8,function(){
                        var altoContenido=$("#wrapper-cortina div.container").height();
                        var top=($("#wrapper-cortina").height()-altoContenido);
                        $("#wrapper-cortina div.container").css({opacity:1,top:top+"px"});
                        var div=document.createElement('div');
                        $(div).addClass("virtual").attr("style","padding:30px;z-index:1000;position:absolute;top:0px;right:0px;").html("<button class='cerrarCortinaInfo btn-cerrar'>&nbsp;</button>");
                        $("body").append(div);
                        $("button.cerrarCortinaInfo").click(function(){
                            $(this).parent().remove();
                            $("#wrapper-cortina").css("opacity",0).css("display","block");//ocultamos la cortina de info
                        })
            });
        },100);
    }
};




function cargaVideo(url){
    var flashvars = {};
    var randomnumber=Math.floor(Math.random()*1111111);
    flashvars.ruta = "http://www.berned.com/"+url;
    flashvars.ancho = "950";
    flashvars.alto = "400";
    flashvars.color = "0x666666";
    flashvars.autoPlay = "0";
    var params = {};
    params.allowfullscreen = "true";
    params.allowscriptaccess = "always";
    var attributes = {};
    attributes.id = "videoPlayer";
    swfobject.embedSWF("videoPlayer.swf", "videoPlayer", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);

}
function paraPelicula(){
        var videoPlayer = document.getElementById('videoPlayer');
        videoPlayer.paraVideo()
}
function videoCargado(){
        
}	
function verVideo(url){
    //alert($("body").attr("platform"))

    if($("body").attr("platform")=="iPad"){
        //alert('ipad')
    }else{
        $("#videoPlayer").remove();
        $.facebox.settings.opacity=0.8;
        var div=document.createElement('div');
        $(div).css("width","960px").css("height","600px");
        $(div).html("<div style='border:0px solid white;width:100%;margin-bottom:10px;'><div class='izq letraBlanca' style='border:0px solid blue;float:left;width:340px;'></div><div class='der' style='float:right;width:33px;border:0px solid red;'><button class='btn-cerrar' onclick=\"$.facebox.close();\">&nbsp;</button></div><div class='clearfix'></div></div><div id='videoPlayer'>&nbsp;</div>")
        $(document).bind("reveal.facebox",function(){
            //alert('reveal')
            cargaVideo(url);
        });
        $.facebox(div); 
    }
}