window.addEvent('domready', function()
{
	var count;
	var bgImageArray = new Array();
	var element = "";
	var first = true;
	
	initBgHelper = function(iArr, elementId)
	{
		count = 0;
        bgImageArray = iArr;
		element = elementId;
		
		setBackgroundSize(element);
		//console.log("bg slider initalized");
	}
	
	changeBackground = function ()
	{
		if(count < bgImageArray.length-1)
		{
			count++;
		}
		else
		{
			count = 0;
		}
	    fadeBackground(bgImageArray[count],element);
	}
	
	function fadeBackground(bgUrl,element)
	{
		var m = $(element);
        //console.log(bgUrl + element);
        
        if(!first)
        {
            document.id(element).set('tween', {duration:1500});
        }
        else
        {
            document.id(element).set('tween', {duration:700});
            first = false;
        }
        
        document.id(element).crossfade(bgUrl);
	}
    
	function setBackgroundSize(element)
	{
		var m = $(element);
		var h = $(document.body).getSize().y - m.getPosition().y;
		var w = $(document.body).getSize().x - m.getPosition().x;
		
		//m.setStyle('width',w);
		m.setStyle('height',h);
		
		//console.log(h + " - "+ m.getPosition().y +" - "+$(document.body).getSize().y + " ::: "+ viewport().height +" ::: "+viewport().width +" ::: "+$(document.body).getSize().x);
		
	}
	
	var timer;
	window.addEvent('resize', function()
	{
		//console.log("resize window");
		$clear(timer);
		timer = (function()
		{
            setBackgroundSize(element);
			
		}).delay(5);
	});
	
});