$(document).ready(function(){
	//Twitter laden
	$("#twitter_slider_window").load("/twitter_get_contents.php", function(){
		var hoeheSichtbaresUL = $("#twitter_slider_window .twitter_slider ul").height();
		$("#twitter_slider_window").css("height",hoeheSichtbaresUL);
		
		$("#twitter_slider_window").scrollable({ 
			size: 1, 
			disabledClass: "active",
			circular: "false",
			easing: "custom", 
			speed: 700,
			next: "#twitternavi_next",
			prev: "#twitternavi_prev",
			items: ".twitter_slider"
		}).navigator({
			navi:".twitternavi_num_div",
			activeClass: "active",
			naviItem: "a"
		});
	});

	
	if (navigator.appName == "Microsoft Internet Explorer") { /* IE braucht eine Höhe um den Hintergrund richtig anzuzeigen */
		var seitenhoehe = $("#site_container_middle_background").height();
		$("#site_container_middle").css("height",seitenhoehe);
	}
	// das äußere Div des Twitter-Sliders braucht eine Höhe und bekommt hier die Höhe der jeweils sichtbaren ul, die sich darin befindet. 
	
	
	$("#header_link_werkzeuge").click(function(){
		$("#werkzeuge_content").slideToggle();									   	
	});
	
	$("#header_link_lookWA").click(function(){
		window.open("http://www.look-werbeagentur.de/");
	});
	
	$("#navigation_container").accordion({
	header: ".navigation_item_parent",
	navigation: true,
	disabled: false,
	collapsible: true,
	active: 1,
	autoHeight: false,
	icons: {"header":"navi_icon_closed","headerSelected":"navi_icon_open"}
	});
	
	
	/* easing-Funktion für den Twitter-Slider */
	$.easing.custom = function (x, t, b, c, d) {
		var s = 1.70158; 
		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
	}
	
	
	
	/* Options für den Team-Slider */
	$("#team_info").scrollable({
		size: 1, 
		circular: "true",
		speed: 300,
		next : "#team_mitarbeiter_next",
		prev : "#team_mitarbeiter_prev",
		items: "#team_slider"
	});
	
	
	$(".mitarbeiter_foto div").click(function(){
		var mitarbeiterID = $(this).attr("id");
		$("#uebersicht_team").hide();
		$("#team_mitarbeiter_prev, #team_mitarbeiter_next, #team_info").show();
	$("a[rel^='prettyPhoto']").prettyPhoto({
		opacity: 0,
		hideflash: true,
		default_width:700,
		default_height:700,
		counter_separator_label: " von ",
		allow_resize: true,
		slideshow:false,
		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"> \
						<a href="#" class="pp_expand" title="Expand the image" style="padding-right:15px;float:right;">Expand</a> \
						<a class="pp_close" href="#">Close</a> \
						<div class="pp_left"> \
						<div class="pp_right"> \
							<div class="pp_content"> \
								<div class="pp_loaderIcon"></div> \
								<div class="pp_fade"> \
									<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"> \
										<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> \
										<p class="pp_description"></p> \
									</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>',
		theme: "look72" /* clean / dark_square / light_rounded / dark_rounded / light_square / light_rounded / facebook */
	});			
		$(".listview_mitarbeiter_detail").fadeIn(function(){
			var api = $("#team_info").data("scrollable");
			api.seekTo(mitarbeiterID-1, 200);
		});
		
		
	});
	$("#team_mitarbeiter_close").click(function(){
		$(".listview_mitarbeiter_detail").hide();
		$("#team_mitarbeiter_prev, #team_mitarbeiter_next, #team_info").hide();
		$("#uebersicht_team").fadeIn();
	});
	
		
});