$(document).ready(function(){
	//$('#warper').css("left",(($('body').width()-$('#warper').width())/2) + "px");
	tooltip();
	imagePreview();
	$("#Nachricht, #inhalt, #suche").corners("4px");	
	$("img#mess_c").click(function(){
		$("div#Nachricht").fadeOut(500);
	});
	var id_array     = '';
	$("input[name='check_all']").click(function(){
      if($(this).val()==0){
		$(this).val("1");
        $(this).parents("table")
               .find("input:checkbox")
               .attr("checked","checked")
			  // id_array = id_array + $(this).val()+"|"
      }
      else{
		$(this).val("0");
        $(this).parents("table")
               .find("input:checkbox")
               .attr("checked","")
			//   id_array.replace($(this).val()+"|", '')
      }
    });/*
	$("a#del").click(function(){
		if(typeof id_array == "") alert("Du hast keine Mail ausgewählt.");
		else{
			$.post("post.php",{array_id: id_array}
		}
	    return false;
	});*/
	$("#login img").click(function(){
		var form = $("#login form");
		if(form.width()==0){
			$("#login img").toggle();
			form.stop(this).animate({width: "174px"}, 400, function(){
				form.css({width: "174px"});
			});
		}else{
			form.stop(this).animate({width: "0px"}, 400, function(){
				form.css({width: "0px"});
				$("#login img").toggle();
			});			
		}
	});
		
	$("a#drop_books").click(function(){
		if ($("#bookmarks ul").is(":hidden")) {
			$("#bookmarks").addClass("focus_book");
			$("#bookmarks ul").slideDown(500);
		}else{
			$("#bookmarks ul").slideUp(500, function(){
				$("#bookmarks").removeClass("focus_book")
			});
		}
		$("a#drop_books img").toggle();
	});

	$("div#seiten a, a#bewerben").hover(function(){
		$(this).find("img").toggle();
	},function(){
		$(this).find("img").toggle();
	});
	$("a#c_html").click(function(){
		var text = $(this).find("xmp").html();
		$("div#con").gen_info("<b>Code für Kwick:</b><br><textarea>" + text + "</textarea>","info");
	});
	$("a#c_bb").click(function(){
		var text = $(this).find("xmp").html();
		$("div#con").gen_info("<b>Code für Jappy:</b><br><textarea>" + text + "</textarea>","info");
	});
	$("a.register, a.button, #nav a#aktiv_button, a.sub_button, #header form button, button")
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-180px 0)"}, {duration:700})
		})
		.mousemove(function(){
			//$(this).css( {backgroundPosition: e.pageX + "px 0"} )
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-300px 0)"}, {duration:700, complete:function(){
				$(this).css({backgroundPosition: "0 0"})
			}})
	});	
});
$.fn.gen_info = function(text,type) {
	var p = $("div#Nachricht");
	if (p.is(":visible")) {
		p.fadeOut("fast",function(){
			p.html(text);
			p.removeClass();
			p.addClass(type);
			p.fadeIn("fast",function(){bb.reposition(); html.reposition();});
		});
	}else{
		$("#scrx").append("<div id='Nachricht' class='"+type+"' style='display:none;'>"+ text +"</div>");
		$("div#Nachricht").fadeIn("fast",function(){bb.reposition(); html.reposition();});
	}
}
this.tooltip = function(){			
	$(".tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
		$("#tooltip")
			.css("top",(e.pageY - 15) + "px")
			.css("left",(e.pageX + 20) + "px")
			.fadeIn("fast");
    },
	function(){
		this.title = this.t;
		this.t = this.title;
		$("#tooltip").remove();
    });	
	$(".tooltip, .clip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - 15) + "px")
			.css("left",(e.pageX + 20) + "px");
	});			
};
this.imagePreview = function(){		
	bodywidth  = $('body').width();
	bodyheight = $('body').height();
	$("a.preview").hover(function(e){
		this.t 	   = this.title;
		this.title = "";	
		var name 	   = (this.t != "") ? this.t : "";
		var array  = (this.rev).split(",");		
		var img = array[0]; var klicks = array[1]; var uploader = array[2]; var type = array[3];		
		$("body").append("<div id='preview'><div><img class='prew' src='"+ this.rel +"' /><br><table><tr><td width='50' rowspan='2'><img class='userimage' src='"+img+"' /></td><td width='50'>Name:</td> <td><b>"+name+"</b></td><td>Klicks:</td><td><b>"+klicks+"</b></td></tr><tr><td>Uploder:</td><td><b>"+uploader+"</b></td><td colspan='2'><i>"+type+"</i></td></tr></table></div></div>");
		$("#preview")
			.css("top",(e.pageY - 30) + "px")
			.css("left",(e.pageX + 80) + "px")
			.show();
		$("#preview table")
			.css("width",$("#preview").width()+"px");
    },
	function(){
		$("#preview").remove();
		this.title = this.t;
		img = '';klicks = '';uploader = '';type = ''; yOffset = ''; xOffset = '';
    });
	$("#preview .prew").resize(function(){
		$("#preview table")
			.css("width",$("#preview").width()+"px");
	});
	$("a.preview").mousemove(function(e){
		picwidth   = $("#preview").width();
		picheight  = $("#preview").height();
		
		if(bodywidth <= e.pageX + picwidth + 30) yOffset = -(3*20+picwidth);
		else yOffset = 20;
		if(bodyheight <= e.pageY + picheight - 20) xOffset = (picheight-30);
		else xOffset = 30;
		if(0 <= e.pageY - picheight + 20) xOffset = (picheight-30);
		else xOffset = 30;
		
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});
};
