// banner nad kterym je aktualne mys
var blockedBanner = null;
var billboardTO = null;

$(function(){
   // polozkam v topmenu nasazet spacery
   $('<div class="spacer"></div>').appendTo('#topmenu ul.top li');
   $('<div class="spacer" style="right:0; left:inherit"></div>').appendTo('#topmenu ul.top li:last');                 

   // hover topmenu         
   $('#topmenu ul.top li').hover(
      function(){               
         var p = parseInt($(this).position().left) + 47;
         var x = $(this).attr('class').match(/parent\-([0-9]+)/);
         var id = x[1];
         // vysunuti roletky, pokud existuje
         $('#topmenu ul.submenu-' + id).css('left', p + 'px').slideDown(100);     
      },
      function(){
         var x = $(this).attr('class').match(/parent\-([0-9]+)/);
         var id = x[1];
         // skryti roletky, pokud existuje
         setTimeout(function(){
            $('#topmenu ul.submenu-' + id + '.nohover').slideUp(100); 
         }, 200);         
      }
   );
   

   // hovery submenu
   $('#topmenu ul.submenu').addClass('nohover').hover(
      function() {$(this).removeClass('nohover');},
      function() {$(this).addClass('nohover').slideUp(100); /*.css('display', 'none');*/}
   );
   $('#topmenu ul.submenu li').hover(
      function() {
         var prevCnt = $(this).prevAll('li').length % 5;
         var className = '';
         switch (prevCnt) {
            case 0:
               className = 'red';
               break;
            case 1:
               className = 'blue';
               break;
            case 2:
               className = 'yellow';
               break;
            case 3:
               className = 'purple';
               break;
            case 4:
               className = 'green';
               break;
         }
         $(this).addClass(className);
      },
      function() {
         $(this).removeAttr('class');
      }
   );


   // fading malych banneru a jejich klikatelnost
   $('#banners img.overlay').click(function(){
      var a = $(this).nextAll('a');
      if (typeof(a.attr('onclick')) != 'undefined' && a.attr('onclick') != null) {
         window.open(a.attr('href'));                  
      } else {
         window.location = a.attr('href');
      }
   });
   
   // naplanovat prepinani banneru
   if ($('#banners').length > 0) {
      window.setInterval(function(){
         var clss = Array('red', 'green', 'blue');
         for (var i in clss)
            if (blockedBanner != clss[i])
               fadeBanners(clss[i]);         
      }, 5000);
   }
   $('#banners div').mouseover(function(){
      blockedBanner = $(this).get('class');
   }).mouseout(function(){
      blockedBanner = null;
   });
   
   // prepne banner na dalsi
   function fadeBanners(cls) {
      var els = $('#banners div.' + cls);            
      if (els.length > 1) {
         els.last().fadeOut(1600, function(){
            var sibls = $(this).siblings('div.' + $(this).attr('class'));
            var el = $(this).detach();
            sibls.first().before(el);
            el.fadeIn(1600);
         });
      }
   }
   
   // napozicovat ovladani billboardu
   $('#billboard span.ctrl').each(function(index){
      var cnt = $('#billboard span.ctrl').length;
      var base = cnt * 30;
      var top = ( 268 - base ) / 2;
      top += index * 30;
      $(this).css('top', top+'px');
      
      $(this).click(function(){
         $(this).siblings('span.ctrl').removeClass('active');
         $(this).addClass('active');
         var i = $(this).attr('class').match(/i([0-9]+)/)[1];         
         fadeBillboard(i);
         window.clearTimeout(billboardTO);
         billboardTO = window.setTimeout(switchBillboard, 4000);
      });      
   });
   
   // blokovani billboardu
   $('#billboard .overlay').mouseover(function(){
      blockedBanner = 'billboard';
   }).mouseout(function(){
      blockedBanner = null;
   });
   // klikatelnost billboardu
   $('#billboard .overlay').click(function(){
      // cislo aktivniho billboardu
      var i = $('#billboard span.ctrl.active').attr('class').match(/i([0-9]+)/)[1];
      var url = $('#billboard img.i' + i).parent('a').attr('href');
      location.href = url;
   });

   // naplanovat prepinani velkeho banneru
   var controlsCnt = $('#billboard span.ctrl').length;
   var billboardI = 1;
   if (controlsCnt > 0) {
      $('#billboard span.ctrl').first().addClass('active');
      window.setTimeout(switchBillboard, 4000);
   }
   
   function switchBillboard() {
      billboardI++;
      if (billboardI > controlsCnt)
         billboardI = 1;

      if (blockedBanner != 'billboard')
         fadeBillboard(billboardI);
      
      billboardTO = window.setTimeout(switchBillboard, 4000);
   }
   
   function fadeBillboard(i) {
      if (i > controlsCnt)
         return;
      
      if ($('#billboard a').last().hasClass('i'+i))
         return;
      
      // rozsvitit control
      $('#billboard span.i'+i).siblings('span.ctrl').removeClass('active');
      $('#billboard span.i'+i).addClass('active');
      
      // presunout zobrazovany prvek za aktualni
      var el = $('#billboard img.i'+i).parent('a').detach();
      $('#billboard a').last().before(el);
      
      // transition
      $('#billboard a').last().fadeOut(1600, function(){
         var faded = $(this).detach();
         $('#billboard a').first().before(faded);
         $('#billboard a').first().fadeIn();
      });
   }


   // nacist obrazek webkamery
   $.get('/webcam.php', function(data) {
      $('#webkamera img').remove();
      if (data != '') {
         $("#webkamera .content").append('<a href="http://www.ostrava.videocam.cz/" onclick="resturn !window.open(this.href);"><img src="'+data+'" style="width:248px; height:198px; position:absolute; top:20px; left:17px;" /></a>');
      }      
   });
   
   
   
   // fancybox
   $("a[rel=lightbox]").fancybox();

   $('#content .box a > img:first-child').each(function(){
      var el = $(this);
      if (el.parent('a').attr('href') == el.attr('src') && el.parent('a').attr('href') && el.parent('a').attr('href').match(/\.(jpg|jpeg|bmp|png)$/i)) {
         // pridat rel pro grouping
         el.parent('a').attr('rel', 'fancybox-grp');
         el.parent('a').fancybox();
      }
   });


   // faq - rozbalovani otazek
   $('#questions').accordion({
      header: 'div.faq',
      autoHeight: false
   });


   // obchody - prepinani karet
   $('.shop-box .desc-box a.params').click(function(){      
      $(this).siblings('a.desc').removeClass('active');      
      $(this).siblings('div.desc').removeClass('active');      
      $(this).addClass('active');
      $(this).siblings('div.params').addClass('active');
      return false;
   });
   $('.shop-box .desc-box a.desc').click(function(){      
      $(this).siblings('a.params').removeClass('active');      
      $(this).siblings('div.params').removeClass('active');      
      $(this).addClass('active');
      $(this).siblings('div.desc').addClass('active');
      return false;
   });
   
   // obchody - navigace
   $('.shop-box .title div a').each(function(){
      if ($(this).attr('href') == '#') {
         $(this).css('cursor', 'default').click(function(){ return false; });
         $(this).fadeTo(1, 0.5);
      }
   });

});