var item = 0;
var prev = 0;
var images;
var t;
/*
var imageList = [ {
		"image" : "bakm_new_01.jpg",				// image[0].image <-- engin tilgangur með .image heldur en að það væri hægt að setja nafn birta eða því um líkt
		"url" : "/images/headers/bakm_new_01.jpg"	// image[0].url
	}, {
		"image" : "bakm_new_02-1.jpg",				// image[1].image
		"url" : "/images/headers/bakm_new_02-1.jpg"	// image[1].url
	}, {
		"image" : "bakm_new_03.jpg",				// image[2].image
		"url" : "/images/headers/bakm_new_03.jpg"	// image[2].url
	}, {
		"image" : "bakm_new_04.jpg",				// image[3].image
		"url" : "/images/headers/bakm_new_04.jpg"	// image[3].url
	}, {
		"image" : "bakm_new_05.jpg",				// image[4].image
		"url" : "/images/headers/bakm_new_05.jpg"	// image[4].url
	}
];
*/

function animate() {
	prev = item;
	do
	{
		item = Math.floor(Math.random() * images.length);
	}
	while (prev == item);// Til að koma í veg fyrir að mynd verði valin tvisvar sinnum í röð
	
	images.eq(prev).fadeOut('slow');
	images.eq(item).fadeIn('slow', function () {
		//Prevent a bug
		//Kemur í veg fyrir að .fade loadast allt í einu þegar notandinn kemur aftur eftir svolítin tíma
		t = setTimeout("animate()", 7000);
	});
}

$(document).ready(function () {
	/*
	$("div.page").prepend("<div id='rotate' style='position:relative;z-index:-1;'></div>");
	item = Math.floor(Math.random() * imageList.length);// Velja fyrstu myndina
	for (var i = 0; i < imageList.length; i++) {
		$("div#rotate").prepend("<div class='rotating-image' style='position:absolute;top:0;height:910px;width:100%;overflow:hidden; background:url(" + imageList[i].url + ") no-repeat scroll center top transparent;display:none;'></div>");
	}
	*/
	images = $('div#rotate div.rotating-image');
	if (images.length > 0) {
		item = Math.floor(Math.random() * images.length);//Pick the first image randomly
		animate();//Start rotate
	}
});