problema con fadein en jquery

[chichote]

Hola, estoy haciendo un slideshow muy simple pero en vez de hacerlo con img lo estoy haciendo con el background de un div, ya que por encima se imprime texto, el punto es que no consigo darle fade a las transiciones, me hace el cambio brusco y no toma en cuenta el fade.

dejo el codigo por si alguien tiene una idea de como hacerlo.


saludos.

Código HTML:

<script language="javascript">
var bgArr = ["compania01.jpg", "compania02.jpg" ]; 
var i=0;

// Start the slide show
var interval = self.setInterval("swapBkgnd()", 6000)  

function swapBkgnd()
	{
	if (i>(bgArr.length-1) )
		{
		i=0
		$("#company").fadeIn(2000).css("background-image", "url("+bgArr[i]+")");
		}
	else
		{
		$("#company").fadeIn(2000).css("background-image", "url("+bgArr[i]+")"); 
		}
	i++;
	};

</script> 

saludos y gracias de antemano