$(document).ready(function() {

	/* Blikani na services */
	serviceId = window.location.hash;
	if (serviceId != '') {
		$selectedService = $('#all_services div' + serviceId);

		$highliter = $selectedService.children(".image").clone();
		$highliter.addClass("selected");
		$highliter.hide();

		$selectedService.children(".image").html($highliter);

		for (i=0; i<1; i++){
			$selectedService.find(".selected").fadeIn(500);
			$selectedService.find(".selected").fadeOut(500);
		}
		$selectedService.find(".selected").fadeIn(500);

		$("#all_services li").css("opacity", 0.10);
		$selectedService.parent().parent().css("opacity", 1);

		$("#all_services li").animate({opacity: 1}, 2000);
	}

	/* Kontakt scroller */
	var padding = $("#content").offset().left;
	var scroller_width = parseInt($("#scroller").width())+parseInt($("#scroller").css("padding-left"))+parseInt($("#scroller").css("padding-right"));
	var right = Math.abs((padding / 2) - scroller_width/2);

	if (padding>scroller_width){
		$("#scroller").css("right", right);
	}
	/* Homepage carousel */
	$("#slideshow .slider").easySlider({
		auto: true,
		pause: 5000,
		continuous: true,
		numeric: true,
		numericId: 'dots',
		speed: 400
	});

	var services = new Array();
	services[0] = [1, 1, 0, 1, 0, 0, 1, 0];
	services[1] = [1, 1, 0, 0, 0, 1, 0, 0];
	services[2] = [0, 0, 0, 0, 0, 1, 0, 0];
	services[3] = [0, 0, 0, 0, 0, 0, 1, 1];
	services[4] = [0, 1, 0, 0, 0, 0, 0, 0];
	services[5] = [1, 1, 0, 1, 0, 0, 0, 0];
	services[6] = [0, 0, 0, 0, 0, 0, 1, 1];
	services[7] = [0, 0, 0, 0, 0, 1, 0, 0];
	services[8] = [0, 0, 0, 0, 0, 0, 1, 0];

	//Promíchání položek v carouselu
	var items = $("#slideshow .slider ul").children();
	var i, j, temp, stemp;

	//Proč -2? Protože slider přidává jeden prvek na konec a na začátek, kdo ví proč...
	for (i=1; i<=items.length-2; i++){
		j = parseInt(1+Math.random() * (items.length-2));
		temp = items[i];
		items[i]=items[j];
		items[j]=temp;

		//Nesmíme zapomenout na prohození services
		stemp = services[i-1];
		services[i-1]=services[j-1];
		services[j-1]=stemp;
	}

	//Přidáme přehozené
	$("#slideshow .slider ul").html(items);

	function select(id) {
		var i = 0;

		$("#services ul li").each(function() {
			if (services[id][i]) {
				$(this).children("a").addClass("selected");

			} else {
				$(this).children("a").removeClass("selected");
			}
			i++;
		});
	}

	$("#slideshow .slider").bind("onslide", function(e, data) {
		select(data.id);
	});

	select(0);

	/* Tooltipy */
	var titles = [];
	var tooltip = $('<div class="tooltip"><div class="arrow"></div><div class="leftside"></div><div class="middle"></div><div class="rightside"></div></div>');
	tooltip.hide();
	$('body').prepend(tooltip);

	$(".services li a").mouseenter(function(evt) {
		$icon = $(evt.target);
		tooltipName = $icon.parents('li').attr('class');

		if (titles[tooltipName] == undefined) {
			titles[tooltipName] = $(this).attr("title");
		}
		$(this).attr("title", ""); // nezávisí na podmínce, protože událost může nastat na více ikonkách se stejným textem

		tooltip.children(".middle").text(titles[tooltipName]);
		tooltip.css("left", ($icon.offset().left + $icon.width() / 2) - tooltip.width() / 2);
		tooltip.css("top", $icon.offset().top + $icon.height());
		tooltip.show();
	});

	$(".services li a").mouseleave(function(evt) {
		tooltip.hide();
	});

});