var initVar = window.onload ? window.onload : function() {};
var img = new Array();
img[0] = new Image();                                          
img[0].src = 'content/loader.gif';
img[1] = new Image();                                          
img[1].src = 'content/kontakt-w.jpg';
img[2] = new Image();                                          
img[2].src = 'content/kontakt-b.jpg';
img[3] = new Image();                                          
img[3].src = 'content/kontakt-h.jpg';
img[4] = new Image();                                          
img[4].src = 'content/o-nas-w.jpg';
img[5] = new Image();                                          
img[5].src = 'content/o-nas-b.jpg';
img[6] = new Image();                                          
img[6].src = 'content/o-nas-h.jpg';
img[7] = new Image();                                          
img[7].src = 'content/wyszukiwarka-w.jpg';
img[8] = new Image();                                          
img[8].src = 'content/wyszukiwarka-b.jpg';
img[9] = new Image();                                          
img[9].src = 'content/wyszukiwarka-h.jpg';
img[10] = new Image();                                          
img[10].src = 'images/bg-menu.jpg';
img[11] = new Image();                                          
img[11].src = 'images/bg-menu-active.jpg';
img[12] = new Image();                                          
img[12].src = 'images/bg-menu-hover.jpg';


function pageLoaded () {
	document.getElementById("content").removeChild(document.getElementById("page-loading"));
	return false;
}

function showImg(s,offset) { 
  var d = document;
  var i = new Image();
  i.src = s.src.replace('-s','-l');
  
  mObj = d.getElementById("content").appendChild(d.createElement("div"));
  mObj.id = "enlarge-div";
  mObj.style.display = 'block'; 
  mObj.style.position = "absolute";
  mObj.style.zIndex = 10;
  mObj.style.opacity = 0;
  mObj.style.filter = "alpha(opacity=" + 0 + ")";
  mObj.style.top = offset + "px";
  mObj.style.left = 22 + "px"; 
  mObj.style.height = i.height + "px";
  mObj.style.width =  i.width + "px"; 
	
  mImg = mObj.appendChild(d.createElement("img"));
  mImg.style.padding = 1 + "px";
  mImg.style.background = "#ffffff";
  mImg.style.borderColor = '#40B3D9'; 
  mImg.style.borderStyle = 'solid'; 
  mImg.style.borderWidth = '1px'; 
  mImg.src = i.src;
  mImg.id = "enlarge-img";
  mImg.onmouseout = function() { hideImg(mImg); return false; } 
  
  shiftOpacity("enlarge-div", 500); 
  return;
}

function hideImg(s) { 
  var d = s.parentNode;
  s.parentNode.removeChild(document.getElementById("enlarge-img"));
  d.parentNode.removeChild(document.getElementById("enlarge-div"));
  return;
}


function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;
    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function shiftOpacity(id, millisec) {
    //if an element is invisible, make it visible, else make it ivisible
    if(document.getElementById(id).style.opacity == 0) {
        opacity(id, 0, 100, millisec);
    } else {
        opacity(id, 100, 10, millisec);
		
    }
} 

window.onload = function() {  
  setTimeout("pageLoaded()",10);
}