Wiking.widgets.showHelp = function()
{
    new Wiking.widgets.Help()
};

Wiking.widgets.Help = (function(){
    function Help(){
        Wiking.widgets.BlackScreen.draw();
        Wiking.getMap().addControl(this);   
    }
    Help.prototype = new GControl();
    Help.prototype.selectable = function(){return true;}
    Help.prototype.printable = function(){return true;}
    Help.prototype.initialize = function(map){ 
        var
          mapsize = map.getSize(),
          width = mapsize.width - 530,
          height = mapsize.height - 90;  
        var html = '<div id="closeHelp" style="cursor:pointer;position:absolute;left:'+(width-17)+'px;top:-9px;width:27px;height:27px;background: url(\'wimg/x.png\')"></div>'+
               '<div>'+
                 '<div style="float:left;width:8px;height:39px;background:url(\'wimg/eclefttop.png\')"></div>'+
                   '<div style="float:left;background:url(\'wimg/ectop.png\');height:39px;width:'+(width-16)+'px">'+
                      '<p style="font-size:14px;font-weight:bold;margin-top:12px;margin-left:5px;">Centrum pomocy Geo2.pl</p>'+
                   '</div>'+
                 '<div style="float:left;width:8px;height:39px;background:url(\'wimg/ecrighttop.png\')"></div>'+
             
                 '<div style="clear:left;float:left;width:8px;background:url(\'wimg/cleft.png\');height:'+(height-47)+'px"></div>'+
                 '<div style="float:left;background:#fff;height:'+(height-47)+'px;width:'+(width-16)+'px">'+
                    //TREŚĆ
                   '<div style="padding:10px;" id="helpContent">'+
                    '</div>'+
                   '</div>'+
                 '</div>'+
                 '<div style="float:left;width:8px;background:url(\'wimg/cright.png\');height:'+(height-47)+'px"></div>'+
               
                 '<div style="float:left;clear:left;width:8px;height:8px;background:url(\'wimg/cleftbottom.png\')"></div>'+
                 '<div style="float:left;background:url(\'wimg/cbottom.png\');height:8px;width:'+(width-16)+'px"></div>'+
                 '<div style="float:left;width:8px;height:8px;background:url(\'wimg/crightbottom.png\')"></div>'+
               '</div>';
              
        var div = document.createElement('div');
        div.innerHTML=html;
        div.style.zIndex="300";
        map.getContainer().appendChild(div);
        
        GEvent.bindDom(document.getElementById('closeHelp'),'click',this,this.clear_);
        
        Wiking.widgets.cHelp.go('main');
        
        return div;
    }
    Help.prototype.clear_ = function(){
        Wiking.widgets.BlackScreen.clear();
        Wiking.getMap().removeControl(this);
    }
    Help.prototype.getDefaultPosition = function(){
        return new GControlPosition(G_ANCHOR_TOP_LEFT,new GSize(130,60));
    };
    return Help;
})();

Wiking.widgets.cHelp =
{
    go:function(what)
    {
        $('helpContent').innerHTML=this[what];
    },
    main:'<p style="font-weight:bold;">Podstawy</p>'+
          '<ul>'+
            '<li><a href="javascript:Wiking.widgets.cHelp.go(\'addDevice\')">Jak dodać urządzenie?</a></li>'+
            '<li>Ile urządzeń GEO2-100 mogę obsługiwać na jednym koncie w usłudze GEO2.pl? </li>'+
            '<li>Jak udostępnić podgląd mojego urządzenia innej osobie? </li>'+
            '<li>Czy mogę udostępnić trasę z archiwalnego przejazdu? </li>'+
            '<li>Jak zobaczyć listę osób, którym aktualnie udostępniam dane z mojego konta? </li>'+
          '</ul>'+
          '<p style="font-weight:bold;">Interfejs</p>'+
          '<ul>'+
            '<li><a href="javascript:Wiking.widgets.cHelp.go(\'follow\')">Do czego służy przycisk "śledzony"?</a></li>'+
            '<li><a href="javascript:Wiking.widgets.cHelp.go(\'kml\')">Do czego służy przycisk "KML"?</a></li>'+
          '</ul>'+
          '<p style="font-weight:bold;">Zagadnienia techniczne</p>'+
          '<ul>'+
            '<li>Urządzenie przestało działać, nie wysyła informacji do serwisu www.geo2.pl</li>'+
            '<li>Dlaczego nie widać początku trasy od momentu ruszenia z miejsca startu lub widać długą linię przecinającą budynki na początku trasy?</li>'+
          '</ul>'+
          '<p style="font-weight:bold;">Infolinia</p>'+
          'Jeśli nie ma tu odpowiedzi na Twoje pytanie skorzystaj z naszej infolinii: <strong>0 801 009 777</strong> (7:00 - 23:00, pon. - pt.)',
    addDevice:'<p><a href="javascript:Wiking.widgets.cHelp.go(\'main\')">Wróć do spisu tematów pomocy</a></p>'+
              '<p><strong>Jak dodać urządzenie?</strong></p>'+
              '<p>'+
                'Jeśli chcesz dodać urządzenie, musisz udać się do zakładki Moje Konto, '+
                'a następnie...'+
              '</p>',
    follow:'<p><a href="javascript:Wiking.widgets.cHelp.go(\'main\')">Wróć do spisu tematów pomocy</a></p>'+
              '<p><strong>Do czego służy przycisk "śledzony"?</strong></p>'+
              '<p>'+
                'Śledzenie obiektu oznacza, iż mapa przesuwa się tak, by dany obiekt był zawsze widoczny. '+
                'Przycisk "śledzony" odpowiada za włączanie i wyłączanie tej funkcji dla danego obiektu.'+
              '</p>'+
              '<p>Możesz śledzić więcej niż jeden obiekt.</p>',
    kml:'<p><a href="javascript:Wiking.widgets.cHelp.go(\'main\')">Wróć do spisu tematów pomocy</a></p>'+
        '<p><strong>Do czego służy przycisk "KML"?</strong></p>'+
        '<p>Przycisk ten umożliwia pobranie aktualnie wyświetlanej trasy w formacie KML</p>'+
        '<p>'+
          'KML jest to format pliku używany do zapisywania danych geograficznych. '+
          'Można go wyświetlać w przeglądarkach ziemi, a także w niektórych serwisach mapowych.'+
        '</p>'
}