var prev_box_timer,load_image_interval,pos_x,pos_y;

function pro_links()
{
  if($('lista_produktow_produkty'))
  {
	var images=$('lista_produktow_produkty').getElements('img');
  var i=0;
  
	$each(images, function(item)
	{

    window.addEvent('domready', function() 
		{
		
		var img=item.parentNode.rel;
		var title=item.alt;		
		
		img_item=new Array();
		
    img_item[i]=new Image();
    img_item[i].src=img;		
		
		i++;
		
		if(img)
		{
        
        var newImgRel = new Element('img', {
        'src': 'grafika/referencje.gif'
        });
        $(newImgRel).set('class', 'rel_img')
        
        $(newImgRel).inject($(item).parentNode.parentNode);		
		
		
        $(newImgRel).addEvent('mouseover', function(event){

        prev_box_hide();
        clearTimeout(prev_box_timer);
        
				fota=new Image();
        fota.src=img;  
        
        var windowWidth=window.getWidth();
        var windowHeight=window.getHeight();
        
        if(windowWidth<event.page.x+(506/2)) pos_x=parseInt(windowWidth-(506+50));
        else pos_x=parseInt(event.page.x-(506/2));
        
        if(windowHeight<event.page.y+(fota.height/2)) pos_y=parseInt(event.page.y-(fota.height+50));
        else pos_y=event.page.y;
        
        load_image_interval=setInterval("load_image('" + img + "','" + title + "');", 100);

				return false;
        });
        
        $(newImgRel).addEvent('mouseout', function(event){
            prev_box_timer=setTimeout("prev_box_hide()", 500);
        });    
		}
		});
	});
	}
}

function prev_box_hide()
{
  clearInterval(load_image_interval);
  if($('lista_produktow_prev_box')) $('lista_produktow_prev_box').parentNode.removeChild($('lista_produktow_prev_box'));
}

function load_image(img,title)
{
    if(fota.complete)
    {
    clearInterval(load_image_interval);
    prev_box_hide();
    create_prev_box(img,title);  
    }
}

function create_prev_box(img,title)
{

        prev_box_hide();

				var newImg = new Element('img', {
				'src':img,
				'alt':'',
				'styles' : {
				'display': 'block',
				'width':fota.width,
				'height':fota.height,
				'margin': '0 auto'
				}
				});

        var scrollTop=Window.getScrollTop();
        
        
        
				var newDiv = new Element('div', {
				'id':'lista_produktow_prev_box',
				'styles' : {
				'top': pos_y,
				'left': pos_x,
				//'width':fota.width + 6
				'width':'506'
				//'top': parseInt(scrollTop + ((window.getHeight()-fota.height)/2)-20),
				//'left': parseInt((window.getWidth()-fota.width)/2)				
				},
				'events': {
            'mouseover': function() {clearTimeout(prev_box_timer);},
            'mouseout': function() {prev_box_timer=setTimeout("prev_box_hide()", 500);}
				}
				});
				//newDiv.setStyle('opacity', 0.5);

        /*
				var newHeader = new Element('p', {
				'html': '<strong>Referencje</strong>'
				});	
				*/
				
				var newDiv2 = new Element('div', {
				'styles' : {
				'margin': '1',
				'background': '#FFF'
				}
				});
				
        var newDiv3 = new Element('div', {
				'styles' : {
				'margin': '0',
				'padding': '2', 
				'background': '#FFF',
				'text-align': 'center'
				}
				});				
				
				if(title!="")
				{
				var newParagraph = new Element('p', {
				'html': title
				});		
				}
				
				var newAnchor = new Element('a', {
				'html': 'Zamknij',
				'events': {
          'mouseover' : function(event) {event.stopPropagation();},
          'mouseout': function(event) {event.stopPropagation();},
          'onclik': function() {prev_box_hide();}
				}
				});
				
				prev_box_hide();	
				
				newDiv.inject(lista_produktow_produkty);
				newDiv2.inject(newDiv);
				newDiv3.inject(newDiv2);
				//newHeader.inject(newDiv);
        newImg.inject(newDiv3);
				if(title!="") newParagraph.inject(newDiv3);
				newAnchor.inject(newDiv3);
}

