/**
 * Mapa v kontaktech
 **/
function mapContact() {
  
    var defaultDisplayContentMap = 'kontakty_brno'
    var pathImg = 'fileadmin/template/img/kontakt/';
    var cityHash = document.location.hash.slice(1);

    // Sktyti obsahu a nadpisu
    $$('div.kontakty_obsah').setStyles({'display' : 'none', 'opacity' : 0});
    $$('h2.nadpis').setStyles({'display' : 'none', 'opacity' : 0});
    
    // Zobrazeni defaltniho obsahu, nadpisu a bodu
    defaultDisplayContentMap = (cityHash == '' || $('kontakty_' + cityHash) === null ? defaultDisplayContentMap : 'kontakty_' + cityHash);
    $(defaultDisplayContentMap).setStyles({'display' : 'block', 'opacity' : 1});
    $('nadpis_' + defaultDisplayContentMap).setStyles({'display' : 'block', 'opacity' : 1});
    $$('img.bod_' + defaultDisplayContentMap).setProperty('src', pathImg + 'bod_aktivni.png');
    
    // Kliknuti na bod v mape     
    $$('img.bod').addEvent('click', function(e) {  
        var hash = this.getParent().get('href').split('#');   
        
        // Nastaveni bodu
        $$('img.bod').each(function(item, index)  {
            item.setProperty('src', pathImg + 'bod.png');
        });
        
        this.setProperty('src', pathImg + 'bod_aktivni.png');
        
        // Nastaveni obsahu
        $$('div.kontakty_obsah').setStyles({'display' : 'none', 'opacity' : 0});
            
        $('kontakty_' + hash[1]).setStyle('display', 'block');
        var effect = new Fx.Morph('kontakty_' + hash[1], {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
        effect.start({'opacity': 1});
        
        // Nastaveni nadpisu
        $$('h2.nadpis').setStyles({'display' : 'none', 'opacity' : 0});
        $('nadpis_kontakty_' + hash[1]).setStyles({'display' : 'block'});
        var effect = new Fx.Morph($('nadpis_kontakty_' + hash[1]), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
        effect.start({'opacity': 1});      

    });  
}


/**
 * Popup zobrazeni videa v referenci
 **/
function playVideo() {

    
    // Po kliknuti na title videa
    $$('#reference_detail .popup').addEvent('click', function(e) {
        e.stop();
        // Frame
        var frame = new Element('div', {'id':'frame', 'styles':{
            'opacity': 0,'position':'absolute','left':0,'top':0,'background-color':'#000', 'z-index':98,
            'width':window.getScrollWidth(),'height':window.getScrollHeight()-1
        }});  
        
        // Effect frame
        var effectFrame = new Fx.Tween(frame,{duration: '300',transition: Fx.Transitions.Sine.easeOut});   
        
    
        $$('body').adopt(frame);   
        effectFrame.start('opacity', '0.6');
        
        var idVideo = this.get('id').slice(6).trim();
        var idVideoInt = idVideo.slice(5)

        
        if (!idVideoInt || idVideoInt <= 0) return;
        try {
          eval("var swfobject = s" + idVideoInt); //nacteni objektu s videem
        }
        catch(e) {}
        if (!swfobject) return;
        
        swfobject.addVariable("autostart", "true");
        swfobject.write("odfmp" + idVideoInt);        
        
        // Zobrazeni videa
        (function(){    
            var left = (window.getScrollLeft()+(window.getWidth()/2)-200);
            var top = (window.getScrollTop()+(window.getHeight()/2)-200);

            $('popup_content_' + idVideo).setStyles({
                display: 'block',
                position: 'absolute',
                left: left + 'px',
                top: top + 'px',
                'z-index': 100,
                'opacity': 1,
                'padding': '20px',
                'background-color': '#fff'
            });  
            
            $('close').setStyles({
                opacity: '2',
                color: '#fff'
            });             
                  
        }).delay(300);
        
        // Zruseni frame a videa po kliknuti na body
        $('frame').addEvent('click', function(e) {
              closeVideo(effectFrame, idVideo, swfobject);
        }); 
        
        // Zruseni frame a videa po kliknuti na zavrit
        $$('.close').addEvent('click', function(e) {
            closeVideo(effectFrame, idVideo, swfobject);
        });     

    });   
}

function closeVideo (effectFrame, idVideo, swfobject) {
    effectFrame.start('opacity', '0');
    $('popup_content_' + idVideo).setStyle('display','none');
    swfobject.addVariable("autostart", "false");

    (function(){ 
      if($('frame')) {
        $('frame').destroy();
       } 
    }).delay(300);
}


window.addEvent('domready', function() {
    if($('mapa')) {
      mapContact();
    }
    
    if($('reference_detail')) {
      playVideo();
    }
});