$(document).ready(function() {
  // Hover efekt buttons
  $('.buttonSwitch').hover(function() {
    $(this).addClass('buttonSwitchHover');
  }, function() {
    $(this).removeClass('buttonSwitchHover');
  });
  // Click dogadjaj div tagova 'najcitanije', 'najkomentiranije',
  // '24 sata', '7 dana', '30 dana'
  $('div.buttonSwitch').click(function() {
    $('div[id^=pregledi]').addClass('prikazSakrij');
    $('div[id^=komentari]').addClass('prikazSakrij');
    switch (this.id) {
      case 'btnNajcitanije':
        $('div.buttonSwitch[id^=btnNaj]').removeClass('buttonSwitchIzbor');
        switch ($('div.buttonSwitchIzbor[id^=btnPeriod]').attr('id')) {
          case 'btnPeriod24Sata':
            $('div#pregledi24Sata')
                  .removeClass('prikazSakrij')
                  .fadeTo('slow', 0.3)
                  .fadeTo('slow', 1);
            break;
          case 'btnPeriod7Dana':
            $('div#pregledi7Dana')
                  .removeClass('prikazSakrij')
                  .fadeTo('slow', 0.3)
                  .fadeTo('slow', 1);
            break;
          case 'btnPeriod30Dana':
            $('div#pregledi30Dana')
                  .removeClass('prikazSakrij')
                  .fadeTo('slow', 0.3)
                  .fadeTo('slow', 1);
            break;
        }
        break;
      case 'btnNajkomentiranije':
        $('div.buttonSwitch[id^=btnNaj]').removeClass('buttonSwitchIzbor');
        switch ($('div.buttonSwitchIzbor[id^=btnPeriod]').attr('id')) {
          case 'btnPeriod24Sata':
            $('div#komentari24Sata')
                  .removeClass('prikazSakrij')
                  .fadeTo('slow', 0.3)
                  .fadeTo('slow', 1);
            break;
          case 'btnPeriod7Dana':
            $('div#komentari7Dana')
                  .removeClass('prikazSakrij')
                  .fadeTo('slow', 0.3)
                  .fadeTo('slow', 1);
            break;
          case 'btnPeriod30Dana':
            $('div#komentari30Dana')
                  .removeClass('prikazSakrij')
                  .fadeTo('slow', 0.3)
                  .fadeTo('slow', 1);
            break;
        }
        break;
      case 'btnPeriod24Sata':
        $('div.buttonSwitch[id^=btnPeriod]').removeClass('buttonSwitchIzbor');
        switch ($('div.buttonSwitchIzbor[id^=btnNaj]').attr('id')) {
          case 'btnNajcitanije':
            $('div#pregledi24Sata')
                  .removeClass('prikazSakrij')
                  .fadeTo('slow', 0.3)
                  .fadeTo('slow', 1);
            break;
          case 'btnNajkomentiranije':
            $('div#komentari24Sata')
                  .removeClass('prikazSakrij')
                  .fadeTo('slow', 0.3)
                  .fadeTo('slow', 1);
            break;
        }
        break;
      case 'btnPeriod7Dana':
        $('div.buttonSwitch[id^=btnPeriod]').removeClass('buttonSwitchIzbor');
        switch ($('div.buttonSwitchIzbor[id^=btnNaj]').attr('id')) {
          case 'btnNajcitanije':
            $('div#pregledi7Dana')
                  .removeClass('prikazSakrij')
                  .fadeTo('slow', 0.3)
                  .fadeTo('slow', 1);
            break;
          case 'btnNajkomentiranije':
            $('div#komentari7Dana')
                  .removeClass('prikazSakrij')
                  .fadeTo('slow', 0.3)
                  .fadeTo('slow', 1);
            break;
        }
        break;
      case 'btnPeriod30Dana':
        $('div.buttonSwitch[id^=btnPeriod]').removeClass('buttonSwitchIzbor');
        switch ($('div.buttonSwitchIzbor[id^=btnNaj]').attr('id')) {
          case 'btnNajcitanije':
            $('div#pregledi30Dana')
                  .removeClass('prikazSakrij')
                  .fadeTo('slow', 0.3)
                  .fadeTo('slow', 1);
            break;
          case 'btnNajkomentiranije':
            $('div#komentari30Dana')
                  .removeClass('prikazSakrij')
                  .fadeTo('slow', 0.3)
                  .fadeTo('slow', 1);
            break;
        }
        break;
    }
    $(this).addClass('buttonSwitchIzbor');
  });
});