$(document).ready(  
	function()
	{		

// wstawienie potrzebnych blokow: divy do animacji, tlo dla linkow, wybor kolorow na dole, preloader  	
    $("ul").before('<div id="png_container"><div id="png_background" /><div id="png_img" /></div>');
    $("li a").before('<span class="s1"></span><span class="s2"></span><span class="s3"></span>');
    $("#color div p").after('<span style="background-color: #000" /><span style="background-color: #553627" /><span style="background-color: #A23A08" /><span style="background-color: #DFB200" /><span style="background-color: #86C016" /><span style="background-color: #829515" /><span style="background-color: #158795" /><span style="background-color: #871595" /><span style="background-color: #951533" /><span style="background-color: #CD1C1C" />');
    $("body").prepend('<div id="preloader"> </div>');
    $("#js").remove();

// kolory linkow: domyslnego i aktywnego 
    var normal = "#553627";
    var hover = "#829515";

// podmiana koloru tla dla linkow - taki symulator :hover
    $("li a").mouseover(function(){
      $(this).parent().children("span").css({ backgroundColor: hover });
    });
    
    $("li a").mouseout(function(){
      $(this).parent().children("span").css({ backgroundColor: normal });
    });
    
// ustawienie pozycji tla w animacji pod plikiem .png
    $("li").mouseover(function(){
      var index = $("li").index(this)+1;
      var pozycja;
      switch (index) {
        case 1: pozycja = "0px"; break;
        case 2: pozycja = "100px"; break;
        case 3: pozycja = "195px"; break;
        case 4: pozycja = "320px"; break;
      } 
      $("#png_background").stop();
      $("#png_background").animate({ left : pozycja }, 600);     
    });	
    
    
/* #color - zmiana koloru (kod niezwiazany z dzialaniem menu) */

var color;
    
    $("#normal span").click(function () {
      color = $(this).css("background-color");
      normal = color;
      $("li").children("span").css({ backgroundColor: color });
    });

    $("#hover span").click(function () {
      color = $(this).css("background-color");
      hover = color;
    });
    
    $("#underline span").click(function () {
      color = $(this).css("background-color");
      $("#png_background").css({ backgroundColor: color });
    });

  			
	}); 



/* preloader */    

$(window).load(function () {
  $("#preloader").remove();
});