// service.js
// zeitform Services 2010

$(function() {

// external links
    $('a[rel=external]').attr("target", "_blank").attr("title", "Externer Link offnet in neuem Tab/Fenster");
    $('a[rel=extern]').attr("target", "_blank");

    // search button
    $('#searchbutton').click(function(){  
			       $('#search').submit();
    });

// teaser
    $('#teaser ul li').click(function(e) {
      e.stopPropagation();      
      $('#teaser ul li').removeClass('active');
      $(this).addClass('active');
      $('#teaser ul li div').hide();
      $(this).children('DIV').show();
    }); 

    $('body').click(function() {
      $('#teaser ul li').removeClass('active');
      $('div.tags').hide();
    }); 

// pulldowns

   $('div.sub2,#sub').mouseleave(function() {
     //$('body').oneTime(1000, "hide", function() {
     $('div.sub2').hide();
     //});
   });
  
   $('#sub ul li.subnav').mouseover(function() {
      //$('body').stopTime("hide");
      $('li.subnav.active').toggleClass( 'active foo' );
      $('div.sub2').hide();
      $('div.sub2', $(this)).show();
   });
   $('#sub ul li.subnav').click(function() { // for touchpads
      //  $('body').stopTime("hide");
      $('li.subnav.active').toggleClass( 'active foo' );
      $('div.sub2').hide();
      $('div.sub2', $(this)).show();
   }).css('cursor','pointer');



   // $('body').click(function(e) {
   //   if ($(e.target).hasClass('subnav')) { return true; }
   //   $('div.sub2').hide();
   //});


// sitemap

    $('a.sitemap').click(function() {
        if($('div#sitemap').is(':visible')) {
	    $('div#sitemap').slideUp('fast');
	} else {
	    $('div#sitemap').slideDown('fast');
	    $('div#sub2').hide();
	}
    }); 

// referenzen

   $('#referenzen img').mouseover(function() {
	  $('div.info').hide();
	  $(this).siblings('div.info').show();
   });
//    $('#referenzen a').mouseover(function() {
// 	  $('div.info').hide();
// 	  $(this).prev('div.info').show();
//    });
   $('#referenzen div.info').mouseout(function() {
   	  $(this).hide();
   });

   $('#sub,#teaser').mouseover(function() {
     $('div.info').hide();
     $('div.preview').hide();
   });

   $('#referenzen img').click(function(){
     $('div.info').hide();
     $('div.preview').hide();
     $(this).siblings('div.preview').show();
   });

   //$('#referenzen div.preview').mouseout(function() {
   //	  $(this).hide();
   //});


    // referenzen paging
    $('#infobox').after('<div id="pagelinks"></div>'); // #footer.before statt #infobox.after


    var c = $('#sitemap ul li.active a[href="/spotlight.html"]').next('ul').find('li.active'); // tk spotlight.html statt referenzen.html
    var next = $(c).next('li');
    var prev = $(c).prev('li');
    if ($(prev).size()) {
      $('#pagelinks').append('<span><a href="' + $('a',$(prev)).attr('href') + '" title="AccessKey: 3" accesskey="3">Vorherige</a></span>');
    }
    else if ($(next).size()) {
      $('#pagelinks').append('<span class="inactive">Vorherige</span>'); // tk added
    }
    if ($(next).size()) {
      $('#pagelinks').append('<span><a href="' + $('a',$(next)).attr('href') + '" title="AccessKey: 2" accesskey="2">N&auml;chste</a></span>');
    }
    else if ($(prev).size()) {
      $('#pagelinks').append('<span class="inactive">N&auml;chste</span>'); // tk added
    }

    var l = $('#sitemap ul li.active a[href="/leistungen.html"]').next('ul').find('li.active'); // tk spotlight.html statt referenzen.html
    var next = $(l).next('li');
    var prev = $(l).prev('li');
    if ($(prev).size()) {
      $('#pagelinks').append('<span><a href="' + $('a',$(prev)).attr('href') + '" title="AccessKey: 3" accesskey="3">Vorherige</a></span>');
    }
    else if ($(next).size()) {
      $('#pagelinks').append('<span class="inactive">Vorherige</span>'); // tk added
    }
    if ($(next).size()) {
      $('#pagelinks').append('<span><a href="' + $('a',$(next)).attr('href') + '" title="AccessKey: 2" accesskey="2">N&auml;chste</a></span>');
    }
    else if ($(prev).size()) {
      $('#pagelinks').append('<span class="inactive">N&auml;chste</span>'); // tk added
    }


    // popups

    $('img', $('.pictures')).each(function(){
      if ($(this).parent().hasClass('pictures')) {
        var s = $(this).attr('src');
        s = s.replace(/\/small/, "");
        s = s.replace(/\.(png|jpg)/, "-big.$1");
        var self = $(this).clone();
        var link = $('<a href="' + s + '" rel="prettyPhoto[Vorschau]"></a>').append(self);
        $(this).replaceWith(link);
      }
    }).css('cursor','pointer');

   $("a[rel^='prettyPhoto']").prettyPhoto({
        overlay_gallery: false, /* If set to true, a gallery will overlay the fullscreen image on mouse over */
        markup: '<div class="pp_pic_holder"> \
                          <div class="ppt">&nbsp;</div> \
                          <div class="pp_top"> \
                              <div class="pp_left"></div> \
                              <div class="pp_middle"></div> \
                              <div class="pp_right"></div> \
                          </div> \
                          <div class="pp_content_container"> \
                              <div class="pp_left"> \
                              <div class="pp_right"> \
                                  <div class="pp_content"> \
                                      <div class="pp_loaderIcon"></div> \
                                      <div class="pp_fade"> \
                                          <a href="#" class="pp_expand" title="Expand the image">Expand</a> \
                                          <div class="pp_hoverContainer"> \
                                              <a class="pp_next" href="#">next</a> \
                                              <a class="pp_previous" href="#">previous</a> \
                                          </div> \
                                          <div id="pp_full_res"></div> \
                                          <div class="pp_details clearfix"> \
                                              <p class="pp_description"></p> \
                                              <a class="pp_close" href="#">Close</a> \
                                              <div class="pp_nav"> \
                                                  <a href="#" class="pp_arrow_previous">Previous</a> \
                                                  <p class="currentTextHolder">0/0</p> \
                                                  <a href="#" class="pp_arrow_next">Next</a> \
                                              </div> \
                                          </div> \
                                      </div> \
                                  </div> \
                              </div> \
                              </div> \
                          </div> \
                          <div class="pp_bottom"> \
                              <div class="pp_left"></div> \
                              <div class="pp_middle"></div> \
                              <div class="pp_right"></div> \
                          </div> \
                      </div> \
                      <div class="pp_overlay"></div>'
      });

});