// jquery init
$(document).ready(function() {
  // für tabs css klasse bei li:hover ändern
  $("#tabs li").hover(
    function() {$(this).addClass("ui-state-hover");}, 
    function() {$(this).removeClass("ui-state-hover");}
  );

  // portrait popups
  $("#userlist a.load").click(function() {
    $("#popup").remove();
    $('<div id="popup"></div>').appendTo("body")
    $("#popup").load($(this).attr("href"), {}, function() {
      init_image_popups();
      $("#popup a.load").click(function() {return popup_reload($(this).attr("href"));})
    }).dialog({
			width:640,
      height:480,
			modal:true,
			title:$(this).text(),
			draggable:false,
			closeOnEscape:true
		});
	
		$(".ui-widget-overlay").click(function() {$("#popup").dialog("close");});

    return false;
  });
  
  // navi mouseover bilder
  nav_init();
  
  // variable für bilder popups, damit sich die animationen nicht überschneiden
  var wait_for_anim = false;
});


// popup inhalt von link reinladen
function popup_reload(href) {
  $("#popup").load(href, {}, function() {
    init_image_popups();
    $("#popup a.load").click(function() {
      return popup_reload($(this).attr("href"));
    })
  });
  return false;
}


// ajax funktion zum versenden vom mailformular,
// wird aufgerufen wenn der submit button gedrückt wird
function usermail_send(uid) {
  $("span.ajax").addClass("loading");
  $.post("teilnehmer_mail.php?id=" + uid, $("#usermail form").serialize(), usermail_callback);
  return false;
}


// die ajax antwort wird an diese funktion gesandt
function usermail_callback(data, textStatus) {
  $("span.ajax").removeClass("loading");
 
  // falls ok profilseite laden, falls nicht mailseite neu laden
  // (damit session nachrichten angezeigt werden)
  if (data == true)
    popup_reload($("#usermail a.load").attr("href"));
  else 
    popup_reload($("#usermail .reload").val());
}


// zeigt bei mouseover bilder in der mitte des benutzerprofils an ,
// die von einem link mit klasse "img_popup" umschlossen sind
function init_image_popups() {
  $("#userprofile a.img_popup").click(function() {return false;});
  $("#userprofile a.img_popup img").mouseover(function() {
    $("#userprofile .r .content").hide();
    var img = $('<img src="' + $(this).closest("a").attr("href") + '" alt="" class="popup umgebung" />').appendTo($("#userprofile .r"));
    $(img).fadeIn("fast");
  });
  $("#userprofile a.img_popup img").mouseleave(function() {
    $("#userprofile img.popup").remove();
    $("#popup .r .content").fadeIn("fast");
  });
}


// navigation mouseover bilder
function nav_init() {
  $("#nav .menu li img").mouseover(function() {
    var src = $(this).attr("src");
    var re = /(.+?)\.([^\.]+)$/i;
    src = src.replace(re, "$1_f2.$2");
    $(this).attr("src", src);
  });
  
  $("#nav .menu li img").mouseout(function() {
    var src = $(this).attr("src");
    var re = /(.+?)_f2\.([^\.]+)$/i;
    src = src.replace(re, "$1.$2");
    $(this).attr("src", src);
  });
}