var slikeArr   = new Array();
   var slikeList  = "";
   var animPeriod = 8000;
   var animTrans  = 2000;
   var trenAnim   = 0;
   var stopAnim   = false;
   var t;
   var mouseIN    = false;

   var uf = "onclick='unistiFoliju(); return false;'";

   var folija = "<div id='folija_obuhvat' #UNISTI_1#>"
              + "   <div id='folija_naslov'><a href='#' id='zatvori_naslov' #UNISTI_2#></a></div>"
              + "   <div id='folija_sadrzaj'><img src='slike/ucitavam.gif' style='border: solid 10px gray; background-color: white;' /></div>"
              + "</div>";

   $(document).ready(function() {

      $("#web_shop").mouseenter( function() {
         $("#web_shop").animate( { "bottom": "8px" }, 300, function() { $("#web_shop span a").show(); });
      });

      $("#web_shop").mouseleave( function() {
         $("#web_shop span a").hide();
         $("#web_shop").animate( { "bottom": "-2px" }, 500, function() { $("#web_shop span a").hide(); });
      });

      // if(window.name == "") {
         // window.name = $.get("sys_php/dajAnimSlike.php", function(data) {
         //    window.name = "0!" + data.replace("#","");
         //    if(window.name != "") dajAnimSlike();
         // });
      //   window.name = $.get("slike/animacija/slike.txt", function(data) {
      //      window.name = "0!" + data.replace("#","");
      //      if(window.name != "") dajAnimSlike();
      //   }); 
      // }
      // else dajAnimSlike();

      $("#animacija img").css({opacity: 0});
      $("#animacija img").show();

      if(window.name == "") { window.name = 0; trenAnim = 0; }
      else trenAnim = window.name;

      $("#anim_" + trenAnim).animate({opacity: 1},animTrans);
      $(".sliderdot").attr("src", "slike/graysliderdot.png");
      $("#sliderdot_" + trenAnim).attr("src", "slike/redsliderdot.png");

      t = setTimeout('startAnim()',animPeriod);

   });

   function showMagnifier(objid, todo) {
      if(todo == 1) {
         if(mouseIN) return;
         var vOffSet = parseInt($("#" + objid).css("margin-top"));
         $("#magnifier").css("left", ($("#" + objid).position().left + 12) + "px");
         $("#magnifier").css("top", ($("#" + objid).position().top + 1 + vOffSet) + "px");
         $("#magnifier").attr("rel", $("#" + objid).attr("src"));
         $("#magnifier").show();
      }
      else $("#magnifier").hide();
   }

   function magnify(url) {
      url = url.replace(".jpg","_v.jpg");
      pokaziFoliju(1);
      $("#folija_sadrzaj").html("<img style='border: solid 10px gray;' src='" + url + "' />");
      $("#folija_naslov").append($(".proizvod_prikaz_naslov").text());
   }

   function dajAnimSlike() {

      trenAnim  = window.name.split("!")[0];
      slikeList = window.name.split("!")[1];
      slikeArr  = slikeList.split("#");
      var slikeHTML = "";
      var i = 0;
      var displCurr ="";

      for (i = 0; i < slikeArr.length; i++) {
         slikeHTML = slikeHTML
                   + "<img src='slike/animacija/" + slikeArr[i]
                   + "' id='anim_" + i
                   + "' style='position: absolute; top: 2px; left: 2px; display: none;' />";
      }

      $("#animacija").html(slikeHTML);
      $("#animacija img").css({opacity: 0});
      $("#animacija img").show();

      t=setTimeout('startAnim()',animPeriod);
   }

   function startAnim() {

      if(stopAnim) return;

      $("#anim_" + trenAnim).animate({opacity: 0},animTrans);
      trenAnim = parseInt(trenAnim) + 1;
      if(trenAnim == 5) trenAnim = 0;
      $("#anim_" + trenAnim).animate({opacity: 1},animTrans);
      window.name = trenAnim;
      $(".sliderdot").attr("src", "slike/graysliderdot.png");
      $("#sliderdot_" + trenAnim).attr("src", "slike/redsliderdot.png");
      t=setTimeout('startAnim()',animPeriod);
   }

   function pokaziFoliju(kako) {
     var modFolija = folija;
     if(kako == 1) {
        modFolija = modFolija.replace("#UNISTI_1#", uf);
        modFolija = modFolija.replace("#UNISTI_2#", "")
     }
     if(kako == 2) {
        modFolija = modFolija.replace("#UNISTI_2#", uf);
        modFolija = modFolija.replace("#UNISTI_1#", "")
     }
     $("body").append(modFolija);
     $("body").css("overflow", "hidden");
   }

   function unistiFoliju() { $("#folija_obuhvat").remove();  $("body").css("overflow", "scroll"); }

   function promjeni_program(idprog) {
      clearTimeout(t);
      window.navigate($("#program_" + trenAnim).attr("href"));
   }

   function show_video(vid) {
      var videoid = vid.split("_")[1];
      $.get("sys_php/dajVideo.php", { idvideo: videoid }, function(data) {
         pokaziFoliju(1);
         $("#folija_naslov").append("VIDEO");
         $("#folija_sadrzaj").html(data);
      });
   }

   function registracija() {
      $.get("sys_php/registracija.php", function(data) {
         pokaziFoliju(2);
         $("#folija_naslov").append("REGISTRACIJA");
         $("#folija_sadrzaj").html(data);
         $(".tab_content").hide(); //Hide all content
         $("ul.tabs li:first").addClass("active").show(); //Activate first tab
         $(".tab_content:first").show(); //Show first tab content
      });
   }

   function clickTabs(broj) {

      $("ul.tabs li").removeClass("active"); //Remove any "active" class
      $("#t_" + broj).addClass("active"); //Add "active" class to selected tab
      $(".tab_content").hide(); //Hide all tab content
 
      var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
      $("#tab" + broj).fadeIn(); //Fade in the active ID content
      return false;

   }