$(document).ready(function () {
  $("a[rel]").overlay({ mask: '#000000' });

  $("#Port").scrollable();

  $(".toggle_container").hide();

  $(".trigger").toggle(function () {
    $(this).addClass("active");
  }, function () {
    $(this).removeClass("active");
  });

  $(".trigger").click(function () {
    $(this).next(".toggle_container").slideToggle("slow");
  });

  $("a#Consulting").click(function () {
    $("a#Infrastructure").removeClass("active");
    $("a#Design").removeClass("active");
    $("a#Application").removeClass("active");
    $("a#Consulting").addClass("active");
  });
  $("a#Infrastructure").click(function () {
    $("a#Consulting").removeClass("active");
    $("a#Design").removeClass("active");
    $("a#Application").removeClass("active");
    $("a#Infrastructure").addClass("active");
  });
  $("a#Design").click(function () {
    $("a#Consulting").removeClass("active");
    $("a#Infrastructure").removeClass("active");
    $("a#Application").removeClass("active");
    $("a#Design").addClass("active");
  });
  $("a#Application").click(function () {
    $("a#Consulting").removeClass("active");
    $("a#Design").removeClass("active");
    $("a#Infrastructure").removeClass("active");
    $("a#Application").addClass("active");
  });

  if (window.location.href.toString().toLowerCase().indexOf("itadvisoryservices") != -1) {
    $("#CS1 div:first").attr("id", "ConServ");
    $("a#Consulting").addClass("active");
  }

  if (window.location.href.toString().toLowerCase().indexOf("cloudservices") != -1) {
    $("#CS1 div:first").attr("id", "ManInfra");
    $("a#Infrastructure").addClass("active");
  }

  if (window.location.href.toString().toLowerCase().indexOf("interactivedesign") != -1) {
    $("#CS1 div:first").attr("id", "IntDesign");
    $("a#Design").addClass("active");
  }

  if (window.location.href.toString().toLowerCase().indexOf("applicationservices") != -1) {
    $("#CS1 div:first").attr("id", "AppServ");
    $("a#Application").addClass("active");
  }

  if (getQuerystring("tag", "") != "") {
    $("ol.expand a").each(function () {
      if ($(this).attr("title") == getQuerystring("tag")) {
        $(this).addClass("active");
        $(this).next("div").addClass("block");
      }
    });
  }

  if (getQuerystring("tag", "") != "") {
    var liElement = "li." + getQuerystring("tag");
    var divPages = "div.pages";
    var h1Element = "h1." + getQuerystring("tag");

    $("ul.main_navi li").removeClass("active");
    $(liElement).addClass("active");
    //h1 => div.item => div.items => div.scrollable => div.page
    var page = $(h1Element).parent().parent().parent().parent();
    //div.page => div.pages
    var pages = $(page).parent();
  }

  function getQuerystring(key, default_) {
    if (default_ == null) default_ = "";
    key = key.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + key + "=([^&#]*)");
    var qs = regex.exec(window.location.href);
    if (qs == null)
      return default_;
    else
      return qs[1];
  }
});