// JavaScript Document

// Horizontal scrolling
var current_page = "#item1";

$(document).ready(function() {
	$('a.panel').click(function () {

		current = $(this);		

		if($(this).attr('href') == "#prev") {
			if (current_page == "#item2") {	
				$('#wrapper').scrollTo("#item1", 1000);
				current_page = "#item1";
				if (current_page == "#item1") { $("#arrow-left").fadeOut(800); }
				else { $("#arrow-left").fadeIn(800); }
				if (current_page == "#item5") { $("#arrow-right").fadeOut(800); }
				else { $("#arrow-right").fadeIn(800); }
				return false;
			}
			if (current_page == "#item3") {	
				$('#wrapper').scrollTo("#item2", 1000);
				current_page = "#item2";
				if (current_page == "#item1") { $("#arrow-left").fadeOut(800); }
				else { $("#arrow-left").fadeIn(800); }
				if (current_page == "#item5") { $("#arrow-right").fadeOut(800); }
				else { $("#arrow-right").fadeIn(800); }
				return false;
			}
			if (current_page == "#item4") {	
				$('#wrapper').scrollTo("#item3", 1000);
				current_page = "#item3";
				if (current_page == "#item1") { $("#arrow-left").fadeOut(800); }
				else { $("#arrow-left").fadeIn(800); }
				if (current_page == "#item5") { $("#arrow-right").fadeOut(800); }
				else { $("#arrow-right").fadeIn(800); }
				return false;
			}
			if (current_page == "#item5") {	
				$('#wrapper').scrollTo("#item4", 1000);
				current_page = "#item4";
				if (current_page == "#item1") { $("#arrow-left").fadeOut(800); }
				else { $("#arrow-left").fadeIn(800); }
				if (current_page == "#item5") { $("#arrow-right").fadeOut(800); }
				else { $("#arrow-right").fadeIn(800); }
				return false;
			}
		}

		if($(this).attr('href') == "#next") {
			if (current_page == "#item1") {	
				$('#wrapper').scrollTo("#item2", 1000);
				current_page = "#item2";
				if (current_page == "#item1") { $("#arrow-left").fadeOut(800); }
				else { $("#arrow-left").fadeIn(800); }
				if (current_page == "#item5") { $("#arrow-right").fadeOut(800); }
				else { $("#arrow-right").fadeIn(800); }
				return false;
			}
			if (current_page == "#item2") {	
				$('#wrapper').scrollTo("#item3", 1000);
				current_page = "#item3";
				if (current_page == "#item1") { $("#arrow-left").fadeOut(800); }
				else { $("#arrow-left").fadeIn(800); }
				if (current_page == "#item5") { $("#arrow-right").fadeOut(800); }
				else { $("#arrow-right").fadeIn(800); }
				return false;
			}
			if (current_page == "#item3") {	
				$('#wrapper').scrollTo("#item4", 1000);
				current_page = "#item4";
				if (current_page == "#item1") { $("#arrow-left").fadeOut(800); }
				else { $("#arrow-left").fadeIn(800); }
				if (current_page == "#item5") { $("#arrow-right").fadeOut(800); }
				else { $("#arrow-right").fadeIn(800); }
				return false;
			}
			if (current_page == "#item4") {	
				$('#wrapper').scrollTo("#item5", 1000);
				current_page = "#item5";
				if (current_page == "#item1") { $("#arrow-left").fadeOut(800); }
				else { $("#arrow-left").fadeIn(800); }
				if (current_page == "#item5") { $("#arrow-right").fadeOut(800); }
				else { $("#arrow-right").fadeIn(800); }
				return false;
			}
		}

		else {
			$('#wrapper').scrollTo($(this).attr('href'), 1000);	
			current_page = $(this).attr('href');
			if (current_page == "#item1") { $("#arrow-left").fadeOut(800); }
			else { $("#arrow-left").fadeIn(800); }
			if (current_page == "#item5") { $("#arrow-right").fadeOut(800); }
			else { $("#arrow-right").fadeIn(800); }
			return false;
		}
	});
	$(window).resize(function () {
		resizePanel();
	});
});

function resizePanel() {
	width = $(window).width();
	//height = $(window).height();
	height = 1200;
	mask_width = width * $('.item').length;	
	$('#debug').html(width  + ' ' + height + ' ' + mask_width);	
	$('#wrapper, .item').css({width: width, height: height});
	$('#mask').css({width: mask_width, height: height});
	$('#wrapper').scrollTo($('a.selected').attr('href'), 0);	
}


// Loading
function ContentLoaded(){

	// Pole vsech obrazku co maji byt predem naloadovany
	var preload = ["img/bkg-home.jpg", 
"img/bkg-bio.jpg", 
"img/bkg-video.jpg", 
"img/bkg-vyuka.jpg", 
"img/bkg-kontakt.jpg",
"img/arrow-left.gif",
"img/arrow-right.gif",
"img/logo.png",
"img/send-1.gif",
"img/send-2.gif",
"img/send-3.gif",
"img/video-list1.jpg",
"img/video-list2.jpg",
"img/menu/11.gif",
"img/menu/12.gif",
"img/menu/13.gif",
"img/menu/14.gif",
"img/menu/15.gif",
"img/menu/21.gif",
"img/menu/22.gif",
"img/menu/23.gif",
"img/menu/24.gif",
"img/menu/25.gif",
"img/tel.png"];

	// Kolik zatim bylo naloadovano obrazku
	var LoadedObjects = 0;

	var images = [];
	var i = 0;

	// Naloadovani obrazku
	for (i = 0; i < preload.length; i++) {
	    images[i] = new Image();
	}

	// Pockani az jsou vsechny naloadovany, pak vstup na stranku (fadeout loadingu, fadein contentu)
	for (i = 0; i < preload.length; i++) {
		images[i].onload = function() {
			LoadedObjects++;
			if (LoadedObjects == preload.length) {
				$("#loading").delay(200).fadeOut(800);
				$("#content").delay(1100).fadeIn(1000);
			}
		}
	}

	// Prirazeni src - az zde kvuli IE
	for (i = 0; i < preload.length; i++) {
	    images[i].src = preload[i];
	}


}


// Hover effect
$(document).ready(function() {
	$('.fade-hover').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});
});



// Zobrazovani videi
var video = 1; //id prave zobrazeneho videa

function ZobrazVideo(id) {
	
	$("#video"+video).fadeOut(400);
	$("#video"+id).fadeIn(200);
	
	/*
	document.getElementById("video"+video).style.display = 'none';
	document.getElementById("video"+id).style.display = 'block';
	*/
	document.getElementById("video-menu-item-"+video).style.backgroundImage = 'url(img/video-list1.jpg)';
	document.getElementById("video-menu-item-"+id).style.backgroundImage = 'url(img/video-list2.jpg)';

	/*
	document.getElementById("video-menu-item-text-"+video).style.fontWeight = 'normal';
	document.getElementById("video-menu-item-text-"+id).style.fontWeight = 'bold';
	*/

	video = id;
}

function HoverEfekt(id) {
	document.getElementById("video-menu-item-"+id).style.backgroundImage = 'url(img/video-list2.jpg)';
	//document.getElementById("video-menu-item-text-"+id).style.fontWeight = 'bold';
}

function HoverEfektOut(id) {
	if(video != id) {
		document.getElementById("video-menu-item-"+id).style.backgroundImage = 'url(img/video-list1.jpg)';
		//document.getElementById("video-menu-item-text-"+id).style.fontWeight = 'normal';
	}
}