// tohle se vykona, kdyz se nacte dokument
$(document).ready(function() {
	// pro prvek s nasledujicim ID priradim akci na kliknuti
	$("#vitejte2").load("vitejte.html");
	$('#vitejte').click(function(event) {
		// 'event' je objekt udalosti, nasledujicima prikazama zastavis udalost (kliknuti), takze se na zadnou stranku neprechazi
		// je dobry tam vsak adresu v 'href' mit, kdyby mel clovek vyplej javascript tak prejde
		event.preventDefault();
		event.stopPropagation();
		// vyslu ajaxovej pozadavek na tu stranku, a v pripade uspechu ty vraceny data nastavim jako html pro ten prvek #secondaryContent
		$.ajax({
			url: 'vitejte.html', 
			success: function(data) {
				$('#secondaryContent').html(data);
				
			}
		});
	});
	
	$('#boxHighlight').mouseover(function() {
		$('#secondaryContent').css('border', '1px dotted blue');
	});
	$('#boxHighlight').mouseout(function() {
		$('#secondaryContent').css('border', '1px solid #f00000');
	});
});

// tohle se vykona, kdyz se nacte dokument
$(document).ready(function() {
	// pro prvek s nasledujicim ID priradim akci na kliknuti
	$('#posreference').click(function(event) {
		// 'event' je objekt udalosti, nasledujicima prikazama zastavis udalost (kliknuti), takze se na zadnou stranku neprechazi
		// je dobry tam vsak adresu v 'href' mit, kdyby mel clovek vyplej javascript tak prejde
		event.preventDefault();
		event.stopPropagation();
		
		// vyslu ajaxovej pozadavek na tu stranku, a v pripade uspechu ty vraceny data nastavim jako html pro ten prvek #secondaryContent
		$.ajax({
			url: 'pos_reference.html', 
			success: function(data) {
				$('#secondaryContent').html(data);
				
			}
		});
	});
	
	$('#boxHighlight').mouseover(function() {
		$('#secondaryContent').css('border', '1px dotted blue');
	});
	$('#boxHighlight').mouseout(function() {
		$('#secondaryContent').css('border', '1px solid #f00000');
	});
});

// tohle se vykona, kdyz se nacte dokument
$(document).ready(function() {
	// pro prvek s nasledujicim ID priradim akci na kliknuti
	$('#poswebdesign').click(function(event) {
		// 'event' je objekt udalosti, nasledujicima prikazama zastavis udalost (kliknuti), takze se na zadnou stranku neprechazi
		// je dobry tam vsak adresu v 'href' mit, kdyby mel clovek vyplej javascript tak prejde
		event.preventDefault();
		event.stopPropagation();
		
		// vyslu ajaxovej pozadavek na tu stranku, a v pripade uspechu ty vraceny data nastavim jako html pro ten prvek #secondaryContent
		$.ajax({
			url: 'pos_webdesign.html', 
			success: function(data) {
				$('#secondaryContent').html(data);
				
			}
		});
	});
	
	$('#boxHighlight').mouseover(function() {
		$('#secondaryContent').css('border', '1px dotted blue');
	});
	$('#boxHighlight').mouseout(function() {
		$('#secondaryContent').css('border', '1px solid #f00000');
	});
});
// tohle se vykona, kdyz se nacte dokument
$(document).ready(function() {
	// pro prvek s nasledujicim ID priradim akci na kliknuti
	$('#posobrazek').click(function(event) {
		// 'event' je objekt udalosti, nasledujicima prikazama zastavis udalost (kliknuti), takze se na zadnou stranku neprechazi
		// je dobry tam vsak adresu v 'href' mit, kdyby mel clovek vyplej javascript tak prejde
		event.preventDefault();
		event.stopPropagation();
		
		// vyslu ajaxovej pozadavek na tu stranku, a v pripade uspechu ty vraceny data nastavim jako html pro ten prvek #secondaryContent
		$.ajax({
			url: 'pos_obrazek.html', 
			success: function(data) {
				$('#secondaryContent').html(data);
				
			}
		});
	});
	
	$('#boxHighlight').mouseover(function() {
		$('#secondaryContent').css('border', '1px dotted blue');
	});
	$('#boxHighlight').mouseout(function() {
		$('#secondaryContent').css('border', '1px solid #f00000');
	});
});