$(document).ready(function(){
  var main_current = 'content_tvbiala';
  var menu_current = 'main_tvbiala';
  var zindex = 10;

  $("#main_tvbiala").click(function(){
    if (menu_current == this.id) return;
    $("#"+main_current).show().fadeOut("fast");
    $("#"+menu_current).removeClass('active').parent().removeClass('active');

    $("#content_tvbiala").css('z-index', ++zindex).fadeIn("slow");

    $(this).addClass('active');
    $(this).parent().addClass('active');
    main_current = "content_tvbiala";
    menu_current = "main_tvbiala";
  });

  $("#main_arts").click(function(){
    if (menu_current == this.id) return;
    $("#"+main_current).show().fadeOut("fast");
    $("#"+menu_current).removeClass('active').parent().removeClass('active');

    $("#content_arts").css('z-index', ++zindex).addClass('active').fadeIn("slow");
    $(this).addClass('active');
    $(this).parent().addClass('active');
    main_current = "content_arts";
    menu_current = "main_arts";
  });

  $("#main_lastcomments").click(function(){
    if (menu_current == this.id) return;
    $("#"+main_current).show().fadeOut("fast");
    $("#"+menu_current).removeClass('active').parent().removeClass('active');

    $("#content_lastcomments").css('z-index', ++zindex).addClass('active').fadeIn("slow");
    $(this).addClass('active');
    $(this).parent().addClass('active');
    main_current = "content_lastcomments";
    menu_current = "main_lastcomments";
  });

  $("#myController").jFlow({
    slides: "#slides",
    controller: ".jFlowControl", // must be class, use . sign
    slideWrapper : "#jFlowSlide", // must be id, use # sign
    selectedWrapper: "jFlowSelected",  // just pure text, no sign
    auto: true,		//auto change slide, default true
    width: "510px",
    height: "382px",
    duration: 400,
    prev: ".jFlowPrev", // must be class, use . sign
    next: ".jFlowNext" // must be class, use . sign
  });

  $("#myController").css('opacity', 0.8);
  $("#slides .description").css('opacity', 0.5);
  $("#slides .description .normal_opacity").css('opacity', 1);

});
