$(document).ready(function() {
	

	$("#widget_facebook").hover(function() {
		$("#widget_facebook").stop(true, false).animate({ right: "0" }, 500);
			},function(){
			$("#widget_facebook").stop(true, false).animate({ right: "-307" }, 500);
		},500);
		
		});

function start()
	{
		zm = document.getElementById("flaga");
    	zm.value = '1'; 
	 	document.getElementById('example1').style.background ='#EB2516';
	 	document.getElementById('proj1a').style.display = 'block';
		document.getElementById('space1').style.background ='#EB2516';
	}

	function example_animate1(px)
	{
			 var x = document.getElementById( 'flaga' );
			 system = x.value; 
			 zm = document.getElementById("flaga");
			 zm.value = '1'; 
				px='424px';
					pxx='212px';
					pxxx='0px';
/*					$('#nazwa').animate({	'marginTop' : pxxx}	);*/
			document.getElementById('nazwa').style.marginTop="0px";
					$('#example4').animate({	'marginTop' : pxx}	);
					$('#example7').animate({	'marginTop' : px}	);
	
				document.getElementById('tresc1').style.display = 'block';
				document.getElementById('tresc2').style.display = 'none';
				document.getElementById('tresc3').style.display = 'none';
				document.getElementById('tresc4').style.display = 'none';
				document.getElementById('tresc5').style.display = 'none';
				document.getElementById('tresc6').style.display = 'none';	

				document.getElementById('trescc1').style.display = 'block';
				document.getElementById('trescc2').style.display = 'none';
				document.getElementById('trescc3').style.display = 'none';
				document.getElementById('trescc4').style.display = 'none';
				document.getElementById('trescc5').style.display = 'none';
				document.getElementById('trescc6').style.display = 'none';
				
				document.getElementById('link1').style.display = 'block';
				document.getElementById('link2').style.display = 'none';
				document.getElementById('link3').style.display = 'none';
				document.getElementById('link4').style.display = 'none';
				document.getElementById('link5').style.display = 'none';
				document.getElementById('link6').style.display = 'none';	
		if(system!='1')
		{				sy="proj" + system;
				sya="proj" + system + "a";
	
				document.getElementById('proj1').style.display = 'none';
				document.getElementById('proj1a').style.display = 'block';
				document.getElementById(sy).style.display = 'block';
				document.getElementById(sya).style.display = 'none';
					}
				document.getElementById('space1').style.background ='#EB2516';
				document.getElementById('space2').style.background ='#121212';
				document.getElementById('space3').style.background ='#121212';
				document.getElementById('space4').style.background ='#121212';
				document.getElementById('space5').style.background ='#121212';
				document.getElementById('space6').style.background ='#121212';
				document.getElementById('space7').style.background ='#121212';
				document.getElementById('space8').style.background ='#121212';
				document.getElementById('space9').style.background ='#121212';
				document.getElementById('space10').style.background ='#121212';

	}

	function example_animate3(px)
	{

			 var x = document.getElementById( 'flaga' );
		system = x.value; 
						px='424px';
					pxx='212px';
					pxxx='0px';
/*					$('#nazwa').animate({	'marginTop' : pxxx}	);*/
			document.getElementById('nazwa').style.marginTop="0px";
					$('#example4').animate({	'marginTop' : pxx}	);
					$('#example7').animate({	'marginTop' : px}	);	
					zm = document.getElementById("flaga");
					 zm.value = '3'; 

/*					document.getElementById('nazwa').style.background = "url(tlo1.jpg)";*/
				
					document.getElementById('tresc1').style.display = 'none';
					document.getElementById('tresc2').style.display = 'block';
					document.getElementById('tresc3').style.display = 'none';
					document.getElementById('tresc4').style.display = 'none';
					document.getElementById('tresc5').style.display = 'none';
					document.getElementById('tresc6').style.display = 'none';
					document.getElementById('trescc1').style.display = 'none';
					document.getElementById('trescc2').style.display = 'block';
					document.getElementById('trescc3').style.display = 'none';
					document.getElementById('trescc4').style.display = 'none';
					document.getElementById('trescc5').style.display = 'none';
					document.getElementById('trescc6').style.display = 'none';
				document.getElementById('link1').style.display = 'none';
				document.getElementById('link2').style.display = 'block';
				document.getElementById('link3').style.display = 'none';
				document.getElementById('link4').style.display = 'none';
				document.getElementById('link5').style.display = 'none';
				document.getElementById('link6').style.display = 'none';	
				if(system!='3')
		{
				sy="proj" + system;
				sya="proj" + system + "a";				
				document.getElementById('proj3').style.display = 'none';
				document.getElementById('proj3a').style.display = 'block';
				document.getElementById(sy).style.display = 'block';
				document.getElementById(sya).style.display = 'none';
		}
				document.getElementById('space1').style.background ='#121212';
				document.getElementById('space2').style.background ='#EB2516';
				document.getElementById('space3').style.background ='#121212';
				document.getElementById('space4').style.background ='#121212';
				document.getElementById('space5').style.background ='#121212';
				document.getElementById('space6').style.background ='#121212';
				document.getElementById('space7').style.background ='#121212';
				document.getElementById('space8').style.background ='#121212';
				document.getElementById('space9').style.background ='#121212';
				document.getElementById('space10').style.background ='#121212';

	}
	function example_animate4(px)
	{

		 var x = document.getElementById( 'flaga' );
		system = x.value; 
					px='424px';
					pxx='212px';
					pxxx='0px';
/*			$('#nazwa').animate({	'marginTop' : pxxx}	);*/
			document.getElementById('nazwa').style.marginTop="0px";
			$('#example4').animate({	'marginTop' : pxx}	);
			$('#example7').animate({	'marginTop' : px}	);
			zm = document.getElementById("flaga");
		 zm.value = '4'; 

        document.getElementById('tresc1').style.display = 'none';
        document.getElementById('tresc2').style.display = 'none';
        document.getElementById('tresc3').style.display = 'block';
        document.getElementById('tresc4').style.display = 'none';
        document.getElementById('tresc5').style.display = 'none';
        document.getElementById('tresc6').style.display = 'none';
        document.getElementById('trescc1').style.display = 'none';
        document.getElementById('trescc2').style.display = 'none';
        document.getElementById('trescc3').style.display = 'block';
        document.getElementById('trescc4').style.display = 'none';
        document.getElementById('trescc5').style.display = 'none';
        document.getElementById('trescc6').style.display = 'none';
				document.getElementById('link1').style.display = 'none';
				document.getElementById('link2').style.display = 'none';
				document.getElementById('link3').style.display = 'block';
				document.getElementById('link4').style.display = 'none';
				document.getElementById('link5').style.display = 'none';
				document.getElementById('link6').style.display = 'none';	
						if(system!='4')
		{
				sy="proj" + system;
				sya="proj" + system + "a";				
				document.getElementById('proj4').style.display = 'none';
				document.getElementById('proj4a').style.display = 'block';
				document.getElementById(sy).style.display = 'block';
				document.getElementById(sya).style.display = 'none';
		}
				document.getElementById('space1').style.background ='#121212';
				document.getElementById('space2').style.background ='#121212';
				document.getElementById('space3').style.background ='#121212';
				document.getElementById('space4').style.background ='#EB2516';
				document.getElementById('space5').style.background ='#121212';
				document.getElementById('space6').style.background ='#121212';
				document.getElementById('space7').style.background ='#121212';
				document.getElementById('space8').style.background ='#121212';
				document.getElementById('space9').style.background ='#121212';
				document.getElementById('space10').style.background ='#121212';

	}
	function example_animate5(px,pxx)
	{

		 var x = document.getElementById( 'flaga' );
		system = x.value; 
			px='424px';
					pxx='212px';
					pxxx='0px';
				/*	$('#nazwa').animate({	'marginTop' : pxx}	);*/
							document.getElementById('nazwa').style.marginTop="212px";
					$('#example4').animate({	'marginTop' : pxxx}	);
					
					$('#example7').animate({	'marginTop' : px}	);
					zm = document.getElementById("flaga");
					zm.value = '5'; 


				document.getElementById('tresc1').style.display = 'none';
				document.getElementById('tresc2').style.display = 'none';
				document.getElementById('tresc3').style.display = 'none';
				document.getElementById('tresc4').style.display = 'block';
				document.getElementById('tresc5').style.display = 'none';
				document.getElementById('tresc6').style.display = 'none';
								document.getElementById('trescc1').style.display = 'none';
				document.getElementById('trescc2').style.display = 'none';
				document.getElementById('trescc3').style.display = 'none';
				document.getElementById('trescc4').style.display = 'block';
				document.getElementById('trescc5').style.display = 'none';
				document.getElementById('trescc6').style.display = 'none';

				document.getElementById('link1').style.display = 'none';
				document.getElementById('link2').style.display = 'none';
				document.getElementById('link3').style.display = 'none';
				document.getElementById('link4').style.display = 'block';
				document.getElementById('link5').style.display = 'none';
				document.getElementById('link6').style.display = 'none';
								if(system!='5')
		{
								sy="proj" + system;
				sya="proj" + system + "a";				
				document.getElementById('proj5').style.display = 'none';
				document.getElementById('proj5a').style.display = 'block';
				document.getElementById(sy).style.display = 'block';
				document.getElementById(sya).style.display = 'none';
		}
				document.getElementById('space1').style.background ='#121212';
				document.getElementById('space2').style.background ='#121212';
				document.getElementById('space3').style.background ='#121212';
				document.getElementById('space4').style.background ='#121212';
				document.getElementById('space5').style.background ='#121212';
				document.getElementById('space6').style.background ='#121212';
				document.getElementById('space7').style.background ='#121212';
				document.getElementById('space8').style.background ='#121212';
				document.getElementById('space9').style.background ='#121212';
			document.getElementById('space10').style.background ='#EB2516';
		
	}
	function example_animate6(px,pxx)
	{
		 var x = document.getElementById( 'flaga' );
		system = x.value; 
					px='424px';
					pxx='212px';
					pxxx='0px';
				/*	$('#nazwa').animate({	'marginTop' : px}	);*/
				document.getElementById('nazwa').style.marginTop="424px";
					$('#example4').animate({	'marginTop' : pxxx}	);
					$('#example7').animate({	'marginTop' : pxx}	);

					zm = document.getElementById("flaga");
				 zm.value = '6'; 
				
			
				document.getElementById('tresc1').style.display = 'none';
				document.getElementById('tresc2').style.display = 'none';
				document.getElementById('tresc3').style.display = 'none';
				document.getElementById('tresc4').style.display = 'none';
				document.getElementById('tresc5').style.display = 'block';
				document.getElementById('tresc6').style.display = 'none';
							document.getElementById('trescc1').style.display = 'none';
				document.getElementById('trescc2').style.display = 'none';
				document.getElementById('trescc3').style.display = 'none';
				document.getElementById('trescc4').style.display = 'none';
				document.getElementById('trescc5').style.display = 'block';
				document.getElementById('trescc6').style.display = 'none';		
				
				document.getElementById('link1').style.display = 'none';
				document.getElementById('link2').style.display = 'none';
				document.getElementById('link3').style.display = 'none';
				document.getElementById('link4').style.display = 'none';
				document.getElementById('link5').style.display = 'block';
				document.getElementById('link6').style.display = 'none';	
								if(system!='6')
		{
								sy="proj" + system;
				sya="proj" + system + "a";				
				document.getElementById('proj6').style.display = 'none';
				document.getElementById('proj6a').style.display = 'block';
				document.getElementById(sy).style.display = 'block';
				document.getElementById(sya).style.display = 'none';
		}
							document.getElementById('space1').style.background ='#121212';
				document.getElementById('space2').style.background ='#121212';
				document.getElementById('space3').style.background ='#121212';
				document.getElementById('space4').style.background ='#121212';
				document.getElementById('space5').style.background ='#121212';
				document.getElementById('space6').style.background ='#121212';
				document.getElementById('space7').style.background ='#121212';
				document.getElementById('space8').style.background ='#121212';
				document.getElementById('space9').style.background ='#EB2516';
				document.getElementById('space10').style.background ='#121212';
	}
		function example_animate7(px)
	{
					var x = document.getElementById( 'flaga' );
					system = x.value; 
					px='424px';
					pxx='212px';
					pxxx='0px';
/*					$('#nazwa').animate({	'marginTop' : pxx}	);*/
				document.getElementById('nazwa').style.marginTop="212px";
					$('#example4').animate({	'marginTop' : pxxx}	);
					$('#example7').animate({	'marginTop' : px}	);

					zm = document.getElementById("flaga");
					zm.value = '7'; 


					document.getElementById('tresc1').style.display = 'none';
					document.getElementById('tresc2').style.display = 'none';
					document.getElementById('tresc3').style.display = 'none';
					document.getElementById('tresc4').style.display = 'none';
					document.getElementById('tresc5').style.display = 'none';
					document.getElementById('tresc6').style.display = 'block';
					document.getElementById('trescc1').style.display = 'none';
					document.getElementById('trescc2').style.display = 'none';
					document.getElementById('trescc3').style.display = 'none';
					document.getElementById('trescc4').style.display = 'none';
					document.getElementById('trescc5').style.display = 'none';
					document.getElementById('trescc6').style.display = 'block';

					document.getElementById('link1').style.display = 'none';
					document.getElementById('link2').style.display = 'none';
					document.getElementById('link3').style.display = 'none';
					document.getElementById('link4').style.display = 'none';
					document.getElementById('link5').style.display = 'none';
					document.getElementById('link6').style.display = 'block';	
		if(system!='7')
		{
				sy="proj" + system;
				sya="proj" + system + "a";				
				document.getElementById('proj7').style.display = 'none';
				document.getElementById('proj7a').style.display = 'block';
				document.getElementById(sy).style.display = 'block';
				document.getElementById(sya).style.display = 'none';
		}
				document.getElementById('space1').style.background ='#121212';
				document.getElementById('space2').style.background ='#121212';
				document.getElementById('space3').style.background ='#121212';
				document.getElementById('space4').style.background ='#121212';
				document.getElementById('space5').style.background ='#121212';
				document.getElementById('space6').style.background ='#121212';
				document.getElementById('space7').style.background ='#EB2516';
				document.getElementById('space8').style.background ='#121212';
				document.getElementById('space9').style.background ='#121212';
				document.getElementById('space10').style.background ='#121212';
	}