$(function() {

 //Slider met thema's aan de linkerkant
 $('#themasleft').animate({"left":"-172px"});
 $('#themasleft').hover(function() {
  $('#themasleft_arrow').attr('src', 'pics/arrow_left.png')
  $('#themasleft').stop().animate({"left":"0px"});
 },function() {
  $('#themasleft_arrow').attr('src', 'pics/arrow_right.png')
  $('#themasleft').stop().animate({"left":"-172px"});
 });

 //THEMA'S TREE
 $("#themasleft_tree LI").click(function() {
  if(this.className=="map_closed") {
   $(this).removeClass("map_closed");
   $(this).addClass("map_open");
   $(this).next("#themasleft_subtree").slideToggle();
   return false;
  } else {
   if(this.className=="map_open") {
    $(this).removeClass("map_open");
    $(this).addClass("map_closed");
    $(this).next("#themasleft_subtree").slideToggle();
    return false;
   }
  }
 });


 //TOPELEMENT BOVENAAN
 $("#topelement_links A").click(function() {
  $("#topelement").css("z-index","150");
  $("#topelement_main").slideDown();
  $("#transscreen").fadeTo(400,0.7);
  var load = $(this).attr("href");
  $("#topelement_content").load("ajax/content_load.php", {load:load}, function() {
   if(load=="#login") {
    $.getScript("ajax/js_login.js");
   }
   if(load=="#account") {
    $.getScript("ajax/js_account.js");
   }
   if(load=="#set") {
    $.getScript("miniColors/miniColors.js",function() {
     $("INPUT.colors").miniColors();
    });
    $.getScript("ajax/js_settings.js");
   }
  });
  return false;
 });


 //LINKS ONDERAAN
 $("#footer A").click(function() {
  var load = $(this).attr("href");
  $("#box").load("ajax/content_load.php", {load:load}, function() {
   $("#transscreen").fadeTo(400,0.7);
   $("#box").slideDown();
  });
  return false;
 });


 //BOX SLUITEN
 $("#transscreen").click(function() {
  $("#transscreen").fadeOut();
  $("#box").fadeOut();
  $("#topelement_main").slideUp(400,function(){ $("#topelement").css("z-index","0"); });
 });



 //TAB EDIT OPENEN EN SLUITEN
 $('#tab_edit_link').click(function() {
  document.form_tab_edit.frm_tabnaam.value = $('UL#favos_tabs LI.active a').text();
  $(".favos_tab_content").hide();
  $("#tab_edit").fadeIn();
  return false;
 });

 $("input[name=frm_tabnaam]").keyup(function() {
  $('UL#favos_tabs LI.active a').text(document.form_tab_edit.frm_tabnaam.value);
 });

 //TAB FUNCTIE OPSLAAN VOLGORDE EN NAMEN
 function tabs_opslaan(deltab) {
  var tabs_namen = new Array();
  $('UL#favos_tabs LI:not(#favos_tabs_addli) a').each(function(index) {
   tabs_namen[index] = $(this).text();
  });
  $.post("ajax/tabs_save.php",{tabli:$("UL#favos_tabs").sortable('serialize'), tabs_namen:tabs_namen, deltab:deltab});
 }

 //TAB EDIT OPSLAAN
 $('#form_tab_edit').submit(function() {
  tabs_opslaan(0);
  $(".favos_tab_content").hide();
  var activeTab = $('UL#favos_tabs LI.active a').attr("href");
  $(activeTab).fadeIn();
  return false;
 });

 //TAB TOEVOEGEN
 $("#favos_tabs_addlink").click(function() {
  $("#tabs_delete").show();
  var newTab = $('UL#favos_tabs LI:hidden:first');
  $("UL#favos_tabs LI").removeClass("active");
  $(newTab).addClass("active");
  $(newTab).find("a").text('');
  document.form_tab_edit.frm_tabnaam.value = '';
  $(newTab).show(200);
  if($('UL#favos_tabs LI:visible').length==$('UL#favos_tabs LI').length) {
   $('#favos_tabs_addli').hide(400);
  }
 });

 //TAB VERWIJDEREN
 $("#tabs_delete").hover(function() { $(this).attr("src","pics/delete2.png"); }, function() { $(this).attr("src","pics/delete.png"); });
 $("#tabs_delete").click(function() {
  if(confirm('Weet je zeker dat je dit tabblad inclusief alle links wilt verwijderen?')) {
   $('#favos_tabs_addli').show(400);
   $(".favos_tab_content").hide();
   var activeTab = $('UL#favos_tabs LI.active a').attr("href");
   $(activeTab+" .favos_link DIV").remove();
   $(activeTab+" .favos DIV").droppable('option','disabled',false);

   $("UL#favos_tabs LI.active").removeClass("active").hide(400,function() {
    $(this).find("a").text('*H');
    tabs_opslaan($(this).find("a").attr("href"));
    $('UL#favos_tabs LI:visible:first').addClass("active");
    newactiveTab = $('UL#favos_tabs LI.active').find("a").attr("href");
    $(newactiveTab).fadeIn();
    if($('UL#favos_tabs LI:visible:not(#favos_tabs_addli)').length==1) {
     $("#tabs_delete").hide();
    }
   });
  }
 });


 //LOAD SETTINGS
 $.getScript('ajax/settings_load.php', function() {

  $("#div_favos").css("visibility","visible");

  //TABS
  for(var t in array_tabs_order) {
   var newIndex = $('<LI ID="tabli_'+array_tabs_order[t]+'"><A HREF="#tab_links'+array_tabs_order[t]+'">'+array_tabs[t]+'</A></LI>').insertBefore("#favos_tabs_addli").index();
   if(array_tabs[t]=="*H") {
    $("UL#favos_tabs LI:eq("+newIndex+")").hide();
   }
   $('<DIV ID="tab_links'+t+'" CLASS="favos_tab_content"><DIV CLASS="favos"></DIV><DIV CLASS="favos_link"></DIV></DIV>').insertBefore("#tab_edit");
  }
  $(".favos_tab_content").hide();
  $("UL#favos_tabs LI:visible:first").addClass("active");
  var activeTab = $('UL#favos_tabs LI.active a').attr("href");
  $(activeTab).show();

  $("UL#favos_tabs").sortable({
   items:'LI:not(#favos_tabs_addli)',
   cancel:'LI:not(.active)',
   containment:'parent',
   axis:'x',tolerance:'pointer',
   update: function() {tabs_opslaan(0);}
  });



  //KLIK OP EEN TAB
  $('UL#favos_tabs LI').click(function() {
   if(this.className!="active") {
    $(".favos_tab_content").hide();
    if(this.id=="favos_tabs_addli") {
     var activeTab = "#tab_edit";
    } else {
     $("UL#favos_tabs LI").removeClass("active");
     $(this).addClass("active");
     var activeTab = $(this).find("a").attr("href");
    }
    $(activeTab).fadeIn();
   }
   return false;
  });



  //LINKS DROP
  for(var t=0;t<15;t++) { $('<DIV><A HREF="#">+ link toevoegen</A></DIV>').appendTo('.favos'); }
  $(".favos DIV").droppable({
   accept: ".favos_link DIV",
   hoverClass: "hovered",
   drop: function (event,ui) {
    ui.draggable.draggable( 'option', 'revert', false );
    ui.draggable.animate({left: $(this).position().left, top: $(this).position().top},200);
    var activeTab = $('UL#favos_tabs LI.active a').attr("href");
    $(activeTab+" .favos DIV:eq("+ui.draggable.data('positie')+")").droppable('option','disabled',false);
    ui.draggable.data("positie",$(activeTab+" .favos DIV").index(this));
    $(this).droppable('option','disabled',true);
    $.post("ajax/favos_save.php", {chpos:ui.draggable.attr("id"),positie:$(activeTab+" .favos DIV").index(this)});
   }
  });


  //LINKS INSTALLEREN
  for(var t in array_links){
   $('<DIV ID="lid'+t+'"><A HREF="'+array_links[t][1]+'" TARGET="_blank" STYLE="background:url(\'pics/link_back_'+array_links[t][3]+'.png\');"><IMG SRC="pics/icons/'+array_links[t][2]+'.png" ALT="" BORDER=0 WIDTH=16 HEIGHT=16><SPAN>'+array_links[t][0]+'</SPAN></A></DIV>').appendTo('#tab_links'+array_links[t][4]+' .favos_link').animate({left: $(".favos:visible DIV:eq("+array_links[t][5]+")").position().left, top: $(".favos:visible DIV:eq("+array_links[t][5]+")").position().top})
   .data("positie",array_links[t][5]);
  }
  $(".favos_link DIV").draggable({
   containment: '#favos_tabs_containment',
   stack: ".favos_link DIV",
   start: function(event, ui) {
    $(this).draggable( 'option', 'revert', true );
    $("#favos_tabs_container").animate({"height":"175px"});
    $("#favos_edit").fadeIn();
    $("#favos_delete").fadeIn();
   },
   stop: function(event, ui) {
    $("#favos_tabs_container").animate({"height":"120px"});
    $("#favos_edit").fadeOut();
    $("#favos_delete").fadeOut();
   }
  });


  //MAAK DROPPABLES DISABLED ALS ER EEN LINK OP STAAT
  for(var t in array_links){
   $("#tab_links"+array_links[t][4]+" .favos DIV:eq("+array_links[t][5]+")").droppable('option','disabled',true);
  }


  //LINKS NIEUWE TOEVOEGEN
  $(".favos DIV a").click(function() {
   var savethis = this;
   $("#box").load("ajax/content_load.php", {load:'favos_addlink'}, function() {
    $.getScript("ajax/js_favos_addlink.js");
    var activeTab = $('UL#favos_tabs LI.active a').attr("href");
    $("#favos_addlink").data("edit","");
    $("#favos_addlink").data("positie",$(activeTab+" .favos DIV a").index(savethis));
    $("#transscreen").fadeTo(400,0.7);
    $("#box").slideDown();
   });
   return false; 
 });

 });



 //LINK VERWIJDEREN
 $("#favos_delete").droppable({
  accept: ".favos_link DIV",
  over: function () { $(this).css({"background":"url('pics/delete2.png')"}); },
  out: function () { $(this).css({"background":"url('pics/delete.png')"}); },
  drop: function (event,ui) {
   $(this).css({"background":"url('pics/delete.png')"});
   if(confirm('Weet je zeker dat je deze link wilt verwijderen?')) {
    $.post("ajax/favos_save.php", {del:ui.draggable.attr("id")});
    ui.draggable.hide(400);
    var activeTab = $('UL#favos_tabs LI.active a').attr("href");
    $(activeTab+" .favos DIV:eq("+ui.draggable.data('positie')+")").droppable('option','disabled',false);
    ui.draggable.data("positie",-1);
   }
  }
 });


 //LINK WIJZIGEN BOX OPENEN
 $("#favos_edit").droppable({
  accept: ".favos_link DIV",
  over: function () { $(this).css({"background":"url('pics/edit2.png') no-repeat center"}); },
  out: function () { $(this).css({"background":"url('pics/edit.png') no-repeat center"}); },
  drop: function (event,ui) {
   $(this).css({"background":"url('pics/edit.png') no-repeat center"});
   var saveui = ui;
   $("#box").load("ajax/content_load.php", {load:'favos_addlink',edit_title:ui.draggable.find("span").text(),edit_url:ui.draggable.find("a").attr("href"),edit_color:ui.draggable.find('a').css('backgroundImage')}, function() {
    $.getScript("ajax/js_favos_addlink.js");
    $("#favos_addlink").data("edit",saveui.draggable);
    $("#transscreen").fadeTo(400,0.7);
    $("#box").slideDown();
   });
  }
 });



 //TABS EN LINKS ZOEKEN
 $('UL#zoek_tabs LI').click(function() {
  if(this.className!="active") {
   $("UL#zoek_tabs LI").removeClass("active");
   $("#zoek_tab_content").hide();

   $("#zoek_sublinks").empty();
   var activeTab = $(this).find("a").attr("href");
   if(activeTab=="#tab1") { var array_zoek_sublinks = new Array("Het internet","Afbeeldingen","Maps","Vertalen","Realtime"); }
   if(activeTab=="#tab2") { var array_zoek_sublinks = new Array(); }
   if(activeTab=="#tab3") { var array_zoek_sublinks = new Array("Youtube","Uitzending Gemist"); }
   if(activeTab=="#tab4") { var array_zoek_sublinks = new Array("Facebook","LinkedIn","Telefoongids"); }
   if(activeTab=="#tab5") { var array_zoek_sublinks = new Array("Marktplaats","Speurders"); }
   if(activeTab=="#tab6") { var array_zoek_sublinks = new Array("Bol.com","Wehkamp.nl","Neckermann.com","Typhone","Conrad","Kleertjes.com","Bart Smit","Sunweb","Jiba","Neckermann"); }
   if(activeTab=="#tab7") { var array_zoek_sublinks = new Array("Kieskeurig","Beslist.nl","Tweakers.net"); }
   for(var t in array_zoek_sublinks) {
    $("<A HREF=#>"+array_zoek_sublinks[t]+"</A>").appendTo("#zoek_sublinks");
   }
   maak_zoek_sublinks_clickable();
   $("#zoek_sublinks A:first").addClass("active");
   var activeTab = $(this).find("a").attr("href");
   $("#zoek_logo").attr("src","pics/logos/"+activeTab.slice(-1)+"_0.png");
   document.form_zoek.frm_zoeksite.value = activeTab.slice(-1)+"_0";
   $(this).addClass("active");
   $("#zoek_tab_content").fadeIn(250);
  }
  return false;
 });
 function maak_zoek_sublinks_clickable() {
  $('#zoek_sublinks A').click(function() {
   $("#zoek_sublinks A").removeClass("active");
   $(this).addClass("active");
   var activeTab = $('UL#zoek_tabs LI.active a').attr("href");
   $("#zoek_logo").hide();
   $("#zoek_logo").attr("src","pics/logos/"+activeTab.slice(-1)+"_"+$(this).index()+".png");
   $("#zoek_logo").fadeIn(250);
   document.form_zoek.frm_zoeksite.value = activeTab.slice(-1)+"_"+$(this).index();
   return false;
  });
 }
 maak_zoek_sublinks_clickable();

 //ZOEKEN
 $('#form_zoek').submit(function() {
  if(document.form_zoek.frm_zoeksite.value=="1_0") {
   document.location.href='google.php?cx=partner-pub-6700513169120783%3A9rjaxb-qdmv&cof=FORID%3A10&ie=ISO-8859-1&q='+escape(document.form_zoek.q.value);
   return false;
  }
 });



 //ACCORDION
 $('UL.accordion LI:first').css({"border-radius":"7px 7px 0px 0px","-moz-border-radius":"7px 7px 0px 0px"});
 $('UL.accordion LI:last').css({"border-radius":"0px 0px 7px 7px","-moz-border-radius":"0px 0px 7px 7px"});

 $("UL.accordion LI").click(function() {
  $(".acc_container").slideUp();
  var nextdiv = $(this).next();
  if(nextdiv.is(':hidden')) {
   var load = $(this).find("a").attr("href");
   nextdiv.load("ajax/content_load.php", {load:load}, function() {
    if(load=="#acc_nieuws") {
     $.getScript("ajax/js_nieuws.js");
    }
    if(load=="#acc_weer") {
     $.getScript("ajax/js_weer.js");
    }
    nextdiv.slideDown();
   });
  }
  return false;
 });



 //DATUM EN TIJD
 setInterval(function() {
  var hours = new Date().getHours();
  var mins = new Date().getMinutes();
  if(mins<10) { mins = "0"+mins; }
  $("#tijd").text(hours+":"+mins);
 }, 5000 );



});