/************************  skrypty Sułtana Kosmitów  **************************/

//onmousemove="showPreview('{$file.medium}');" onmouseout="hidePreview();"

var isOver = false;
var preview = undefined;
var loadingImg = undefined;
var cursorDistance = 20;
var x = 0;
var y = 0;
var pX = x;
var pY = y;
var width = 0;
var height = 0;
var classP;
var nameP;
var clTimeout = undefined;
var delayTime = 0;

var clientWidth = document.documentElement.clientWidth;
var clientHeight = document.documentElement.clientHeight;
var browser = navigator.appName;
if (browser == "Opera") {
	clientWidth = window.innerWidth;
	clientHeight = window.innerHeight;
}

getXY = function(e) {
	x = (browser == 'Microsoft Internet Explorer') ? event.clientX : e.pageX;
	y = (browser == 'Microsoft Internet Explorer') ? event.clientY : e.pageY;
	x = x + cursorDistance;
	y = y + cursorDistance;

	return false;
}

if (document.addEventListener) {
	document.addEventListener('mousemove', getXY, false);
}
else if (document.attachEvent) {
	document.attachEvent('onmousemove', getXY);
}

showPreview = function(vsrc, vwidth, vheight, vclass, vname) {
	src = vsrc;
	width = vwidth;
	height = vheight;
	classP = vclass;
	nameP = vname;
	pX = x;
	pY = y;
	if(parseInt(x) + parseInt(cursorDistance) + parseInt(width) > clientWidth) {
	  pX = x - cursorDistance - width;
	}
	if(parseInt(y) + parseInt(cursorDistance) + parseInt(height) > clientHeight) {
	  pY = y - cursorDistance - height;
    }
	if(!isOver) {
		isOver = true;
		clTimeout = setTimeout(appendLoadingImg, delayTime);
	} else {
		if(loadingImg != undefined) {
			loadingImg.style.top = y + "px";
			loadingImg.style.left = x + "px";
		}
		if(preview != undefined) {
			preview.style.top = pY + "px";
			preview.style.left = pX + "px";
		}
	}
}

hidePreview = function() {
	clearTimeout(clTimeout);
	try {
		document.body.removeChild(preview);
	} catch(err) {
		//alert(err.description);
	}
	try {
		document.body.removeChild(loadingImg);
	} catch(err) {
		//alert(err.description);
	}
	isOver = false;
}

appendLoadingImg = function() {
	loadingImg = document.createElement('img');
	loadingImg.style.position = "absolute";
	loadingImg.style.zIndex = "200";
	loadingImg.style.top = y + "px";
	loadingImg.style.left = x + "px";
	loadingImg.src = "/admin/images/system/loading.gif";
	document.body.appendChild(loadingImg);
	preview = document.createElement('div');
	preview.style.position = "absolute";
	img = document.createElement('img');
	preview.zIndex = "200";
	preview.style.top = pY + "px";
	preview.style.left = pX + "px";
	preview.style.background = "#323232";
	preview.style.zIndex = "6";
	img.src = src;
	preview.onload = appendPreview();
	preview.appendChild(img);
	textD = document.createElement('div');
	cont = document.createTextNode(classP);
	textD.appendChild(cont);
	cont3 = document.createElement('br');
	textD.appendChild(cont3);
	cont2 = document.createTextNode(nameP);
	textD.appendChild(cont2);
	textD.className = 'podpis';
	preview.appendChild(textD);
}

appendPreview = function() {
	document.body.removeChild(loadingImg);
	document.body.appendChild(preview);
}

/************************  skrypty Pawła  *************************************/
/*
var EventUtil = new Object;

EventUtil.getEvent = function() {
    if (window.event) {

        return window.event;
    } else {  // Firefox

        return EventUtil.getEvent.caller.arguments[0];
    }
};



function PreImage()
{
    this.obj1_id;
    this.obj1;
    this.obj2;
    this.src;
    this.timeout;
    this.event;
    this.is_mini=0;
    this.cos;
    this.mini="http://www.eol-group.com/images/flexiweb.png";
  	this.src_width;
  	this.src_height;
  	this.delay;
  	this.test=1;
  	this.c=0;
  	this.t;
    this.cX;
    this.cY;

}

PreImage.prototype.loading = function(id,src,src_width,src_height,delay)
{
    image.delay=delay;
    image.obj1_id=id;
  	image.src_width=src_width;
  	image.src_height=src_height;

    var oP = document.createElement("img");
    oP.style.position="absolute";
    document.body.appendChild(oP);
    oP.style.display="none";
    image.obj2 = oP;

    image.obj1 = document.getElementById(image.obj1_id);

    image.src=src;
    if(image.obj1.addEventListener)
      image.obj1.addEventListener("mousemove",image.set_show_image,false);
    else if(image.obj1.attachEvent)
      image.obj1.attachEvent("onmousemove",image.set_show_image);

    if(image.obj1.addEventListener)
      image.obj1.addEventListener("mouseout",image.hide_image,false);
    else if(image.obj1.attachEvent)
      image.obj1.attachEvent("onmouseout",image.hide_image);


}

PreImage.prototype.start_actions = function()
{

  image.t=setTimeout("image.delay_show()",image.delay);
  image.c=setTimeout("image.loadImage()",1000);

}

PreImage.prototype.delay_show = function()
{
  image.show_image();
}

PreImage.prototype.loadImage = function()
{

  image.obj2.src=image.src;
}


PreImage.prototype.stopCount = function()
{
  clearTimeout(image.t);
  clearTimeout(image.c);
}



PreImage.prototype.set_show_image = function()
{

	if(image.test==1)
		{
    image.event = EventUtil.getEvent();
    image.cX=image.event.clientX;
    image.cY=image.event.clientY;

		image.start_actions();
		image.test=0;

		}

}



PreImage.prototype.show_image = function()
{

     if(document.documentElement.scrollLeft)
        var left = document.documentElement.scrollLeft;
    else
        var left = document.body.scrollLeft;

    if(document.documentElement.scrollTop)
        var top = document.documentElement.scrollTop;
    else
        var top = document.body.scrollTop;

    var width = Math.max(document.documentElement.clientWidth,document.body.clientWidth);
    var height=document.documentElement.clientHeight;
   image.obj2.style.zIndex=1000;
  if(image.obj1 && image.obj2)
  {
    var img_x = image.obj1.offsetWidth+(image.obj1.parentNode.offsetLeft+image.obj1.offsetLeft-left);

    if(img_x+image.src_width<width)
        {
        image.obj2.style.left = img_x+left+5+'px';
        if((image.obj1.offsetHeight+(image.obj1.parentNode.offsetTop+image.obj1.offsetTop-top)+image.src_height)<height)
            {
            image.obj2.style.top = image.cY+top+5+'px';
            image.obj2.style.display="block";
            }
        else
            {
            image.obj2.style.top = image.cY+top-image.src_height-5+'px';
            image.obj2.style.display="block";
            }
        }
    else
        {

        image.obj2.style.left = img_x+left-image.obj1.offsetWidth-image.src_width-5+'px';
        if(image.obj1.offsetHeight+(image.obj1.parentNode.offsetTop+image.obj1.offsetTop-top)+image.src_height<height)
            {
            image.obj2.style.top = image.cY+top+5+'px';
            image.obj2.style.display="block";
            }
        else
            {
            image.obj2.style.top = image.cY+top-image.src_height-5+'px';
            image.obj2.style.display="block";
            }
        }
   }

}



PreImage.prototype.hide_image = function()
{
     image.obj2.src=image.mini;
     image.test=1;
     image.obj2.style.display="none";
     image.stopCount();
     document.body.removeChild(image.obj2);

}

var image = new PreImage();
*/

/*

id - id img, kt�ry wywo�a� zdarzenie,
src - �r�d�o grafiki-podgl�du,
src_width - szeroko�� grafiki-podgl�du,
src_height - wysoko�� grafiki-podgl�du,
delay - op�nienie w ms po jakim od najechania na obiekt ma si� pojawi� podgl�d
- domy�lnie po up�ywie 1s od czasu najechania na obiekt zaczyna si� �adowa� grafika z podgl�dem

<img id="id" onmouseover="image.loading(id,src,src_width,src_height,delay)" />
*/