var guide;

function Guide(){
    this.name = "iGuide";
    this.toggler = null;
    this.main = $("#main");
    this.prepare();
}

Guide.prototype = {
    prepare: function(){
        var self = this;
        self.toggler = $("#toggler");
        self.toggler.bind("click",function(){ self.show(); return false;})
        var anchor = window.location.toString().split('#')[1];
        if ((anchor)&&(anchor == "guide")) {
            self.show();
        }
    },
    show: function(){
        var self = this;
        var height = self.main.height();
        var width = self.main.width();
        self.canvas = document.createElement("div");
        self.canvas.id = "canvas";
        self.canvas.style.height = height + "px";
        self.canvas.style.width = width + "px";

        /* creating canvas */
        var curtain = document.createElement("div");
        curtain.className = "curtain";
        curtain.style.height = height + "px";
        curtain.style.width = width + "px";
        $(curtain).css("opacity","0.9");
        self.canvas.appendChild(curtain);
        /* //creating canvas */

        /* anti toggler */
        $(self.canvas).append("<p class='antitoggle'><a href='#' id='antitoggler'>Закончить экскурсию</a></p>");
        /* //anti toggler */

        /* flash place */
        var flash = document.createElement("div");
        flash.className = "flash";
        var screen = document.createElement("div");
        screen.id = "screen";
        flash.appendChild(screen);
        self.canvas.appendChild(flash);
        /*//flash place */

        /* content place */
        self.content = document.createElement("div");
        self.content.className = "fl_content text";
        self.canvas.appendChild(self.content);
        /* //content place */

        self.main.append(self.canvas);
        $("#antitoggler").bind("click",function(){ self.close(); return false;});
        /*var position =$(self.content).position();
        var c_height = Math.round(height-position.top-140);
        self.content.style.height = c_height + "px";*/

        $(self.content).append("<div class='note'>Выберите предмет чтобы начать экскурсию</div>")

        var xml_path = $("#xml_path").val();
        self.ajaxParams = {object: 'guide',
                           guide_start: 1};
        $.post('/xData/',self.ajaxParams,function(data){self.parse(data);},"xml");
        swfobject.embedSWF("/i/flash/quest.swf","screen","684","300","8.0.0.0","",{"xml_path": xml_path },{"background":"#ffffff","wmode":"opaque"},{});
    },
    load: function(node_id){
        var self = this;
        if(node_id>0){
            self.ajaxParams = {object: 'guide',
                               node_id: node_id};
            $.post('/xData/',self.ajaxParams,function(data){self.parse(data);},"xml");
        }
    },
    parse: function(xml){
        var self = this;
        var content = xml.getElementsByTagName('content')[0];
        if(content){
            $(self.content).html(textContent(content));
        }
    },
    close: function(){
        var self = this;
        $(self.canvas).remove();
    }
}