var ns4 = document.layers;
var op5 = (navigator.userAgent.indexOf("Opera 5")!=-1) 
	||(navigator.userAgent.indexOf("Opera/5")!=-1);
var op6 = (navigator.userAgent.indexOf("Opera 6")!=-1) 
	||(navigator.userAgent.indexOf("Opera/6")!=-1);
var agt=navigator.userAgent.toLowerCase();
var mac = (agt.indexOf("mac")!=-1);
var ie = (agt.indexOf("msie") != -1); 
var mac_ie = mac && ie;

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    };
  }
}

var showed = 0;
var prevId = '';
var thisId = '';
var toHide = '';
var doingopacity=0;
var opchangeTime = 200;
var opchangeBreakTime = 50

function doShowMenu(id, parentObj){
    var mobj = document.getElementById(id);
    var miObj;
    var i = 0;
    var maxi = 0;
    if (mobj) {
        if ((showed==0)||(prevId!=id)) {
            showed = 1;
            prevId = thisId;
            thisId = id;
            pxTop = getElementTop(parentObj);
            pxLeft = getElementLeft(parentObj);
            i=0;
            mid = id.substr(id.indexOf('_')+1);
            miObj = document.getElementById('mi_' + mid + '_' + i);
            while (miObj) {
                changeOpac(0, miObj.id)
                maxi = i;
                i++;
                miObj = document.getElementById('mi_' + mid + '_' + i);
            }
            mobj.style.left = pxLeft;
            mobj.style.top = pxTop;
            mobj.onmouseout = function() {showed=0; doHideMenuObj(this); return false; }
            mobj.onmouseover = function() {showed=1;prevId = thisId;}
            mobj.style.display = '';
            i=0;
            for (i=0; i<=maxi; i++){
                window.setTimeout('opacity("mi_' + mid + '_' + i + '", 0, 100, ' + opchangeTime + ');',i*opchangeBreakTime);
            }
        }
        
    }
    prevId = id;
}
function doHideMenu(id) {
    window.setTimeout('doTrueHideMenu("' + id + '");', 20);
}
function doHideMenuObj(obj) {
    window.setTimeout('doTrueHideMenu("' + obj.id + '");', 20);
}

function doTrueHideMenu(id){
    if (showed==0||prevId!=id){
        var mobj = document.getElementById(id);
        if (mobj) {
            
            i=0;
            maxi = 0;
            mid = id.substr(id.indexOf('_')+1);
            miObj = document.getElementById('mi_' + mid + '_' + i);
            while (miObj) {
                maxi = i;
                i++;
                miObj = document.getElementById('mi_' + mid + '_' + i);
            }
            for (i=maxi; i>=0; i--){
                window.setTimeout('opacity("mi_' + mid + '_' + i + '", 100, 0, ' + opchangeTime + ');',(maxi-i)*opchangeBreakTime);
            }
            window.setTimeout('document.getElementById("' + mobj.id + '").style.display = "none";', ((maxi+2) * opchangeBreakTime))
            showed = 0;
        }
    }
}



function opacity(id, opacStart, opacEnd, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
	//window.setTimeout('doingopacity=0;', (millisec));
    if(opacStart > opacEnd) {
        for(var i = opacStart; i >= opacEnd; i--) {
            window.setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(var i = opacStart; i <= opacEnd; i++)
            {
            window.setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }

}

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 getElementLeft(Elem) {
		var elem;
		elem = Elem
		xPos = elem.offsetLeft;
		tempEl = elem.offsetParent;
  		while (tempEl != null) {
  			xPos += tempEl.offsetLeft;
	  		tempEl = tempEl.offsetParent;
  		}
		return xPos;
}


function getElementTop(Elem) {
		var elem;
		elem = Elem
		yPos = elem.offsetTop;
		tempEl = elem.offsetParent;
		while (tempEl != null) {
  			yPos += tempEl.offsetTop;
	  		tempEl = tempEl.offsetParent;
  		}
		return yPos;
}

function log(txt){
    var w = document.getElementById('wlog');
    s = w.innerHTML;
    s = txt + '<br />' + s;
    w.innerHTML = s;
}


//boduwanie nawigacji produktow na dole strony
var itemsArr = new Array();
var myimages = new Array();
var selectedItem = 0;
function trueBuildNavi(){
	var dobj = document.getElementById('navi');
	var sit = selectedItem;
	var s = '';
	var imax = itemsArr.length;
	var istart = selectedItem-2;
	var iend = selectedItem+2;
	//if (istart<0) {istart = 0;}
	//if (iend>=imax) {iend = imax -1;}
	
	s = ''
	s += '<table border="0" cellpadding="0" cellspacing="6" align="center">';
	s += '<tr>';
	s += '<td><img src="/img/stl.gif" border="0" onclick="selectedItem=' + (sit-1) + ';buildNavi();" style="cursor:pointer;" ></td>'; //poprzednia
	for (var i=istart; i<=iend; i++){
		sit = selectedItem;
		if (i==sit) {
			s+= '<td>';
			s+= '<a href="?ptype=product&cid=' + (itemsArr[i][0]) + '&pid=' + (itemsArr[i][1]) + '"><img src="' + itemsArr[i][3] + '" border="0" style="cursor:pointer;border: 1px solid #f4f4f4"  hspace="3" vspace="3"/></a>';
			s+= '</td>';
		}
		else if (i>=0 && i<imax){
		//alert (itemsArr[i][1]);
			thisI = itemsArr[i][1];
			s+= '<td>';
			s+= '<a href="?ptype=product&cid=' + (itemsArr[i][0]) + '&pid=' + thisI + '"><img src="' + itemsArr[i][4] + '" border="0" style="cursor:pointer;border: 1px solid #f4f4f4"  hspace="3" vspace="3"/></a>';
			s+= '</td>';
		}
		else {
			s+= '<td>';
			s+= '<img src="/img/px.gif" width="70" height="70" style="border: 1px solid #f4f4f4"  hspace="3" vspace="3">';
			s+= '</td>';
		}
	
	}
	s += '<td><img src="/img/stp.gif" border="0" onclick="selectedItem=' + (sit+1) + ';buildNavi();" style="cursor:pointer;"></td>'; //nastepna
	s += '</tr>';
	s += '</table>';	
	
	dobj.innerHTML = s;
	myimages = preloadImages()
	return 0;
}
function buildNavi(){
	var dobj = document.getElementById('navi');
	var j=0;
	for (var i = 0; i< itemsArr.length; i++){
		myimages[j] = itemsArr[i][3];
		myimages[j+1] = itemsArr[i][4];
		j += 2;
		
	}
	menuImgPreloader = new ImagePreloader(myimages, function(){trueBuildNavi();});
}