window.addEvent("load", function(){
    var credo_div = $$(".tpu")[0];
    var faces_arr = $$(".ptn");
    var back = $$(".drk")[0];
    
    if(Browser.Engine.trident){
        resizeBack = function(){
            back.setPosition({x:0, y:window.getScroll().y});
            back.setStyle("height", window.getSize().y);
        };
        window.addEvent("scroll", resizeBack);
        window.addEvent("resize", resizeBack);
        resizeBack();
    }else{
        back.setStyle("position", "fixed");
        back.setStyle("z-index", "30");
    }
    
    //////////////
    //credo_div.setStyle("display", "none");
    //back.setStyle("display", "none");
    //credo_div.setStyle("background-color", "white");
    //credo_div.addClass("pu");
    ////////////
    
    Face = function(face_div){
        face_div = $(face_div);
        
        function Position(){
            credo_div.setPosition({x:(document.getSize().x-649)/2, y:(document.getSize().y-407)/2+document.getScroll().y});
            //credo_div.setPosition({x:$$(".cnt")[0].getPosition().x-19, y:face_div.getPosition().y-19}); по контенту
            //credo_div.setStyle("width", $$(".cnt")[0].getSize().x-19*2); изменение ширины по контенту
        }
        
        face_div.Show = function(){
            
            window.addEvent("resize", Position);
            window.addEvent("scroll", Position);
            Position();
            
            credo_div.setStyle("display", "block");
            credo_div.setStyle("opacity", "0");
            back.setStyle("display", "block");
            fx = new Fx.Tween(credo_div, {duration: 200});
            fx.start("opacity", 1);
            
            ///Setting content
            var content = face_div.getChildren(".pu")[0].get("html");
            credo_div.set("html", content);
            var close_but = credo_div.getChildren(".cd").getChildren(".cs")[0];
            
            ///Hiding
            back.addEvent("click", face_div.Hide);
            close_but.addEvent("click", face_div.Hide);
            close_but.set("href", "javascript:void(0)");
        }
        
        face_div.Hide = function(){
            window.removeEvent("resize", Position);
            window.removeEvent("scroll", Position);
            back.removeEvents("click");
            back.setStyle("display", "none");
            fx = new Fx.Tween(credo_div, {duration: 100});
            fx.start("opacity", 0);
        }
        
        face_div.link = face_div.getChildren(".face img")[0];
        face_div.link.addEvent("click", function(){
            face_div.Show();});
        
        return face_div;
    };
    
    for(var i=0; i<faces_arr.length; i++){
        faces_arr[i] = new Face(faces_arr[i]);
    }
});