banners = [
	{
		'img_url' : 'http://ledium.hu/common-media/banner-400x60/media/picture/gu10-ledaruhaz.jpg',
		'href' : 'http://www.ledaruhaz.hu/#a137225'
	},
	{
		'img_url' : 'http://ledium.hu/common-media/banner-400x60/media/picture/butor-ledaruhaz.jpg',
		'href' : 'http://www.ledaruhaz.hu/#k10189'
	},
	{
		'img_url' : 'http://ledium.hu/common-media/banner-400x60/media/picture/akcios-400x60-vizallo.jpg',
		'href' : 'http://www.ledaruhaz.hu/k6284'
	}
];

banner_elements = [];
actual_banner = 0;

function create_images() {
	$.each(banners, function(i) {
		var a_el = document.createElement('a');
		a_el.href = banners[i].href;
		a_el.style.display = 'none';
		a_el.target='_parent';
		var img_el = document.createElement('img');
		img_el.src = banners[i].img_url;
		img_el.border = 0;
		a_el.appendChild(img_el);
		banner_elements.push(a_el);
		$('#banner').append(a_el);
	});
}

function show_banner(i) {
	$(banner_elements[i]).fadeIn('slow');
	actual_banner = i;
}

function start_timer() {
	setInterval('next_image()', 6000);
}

function next_image() {
	$(banner_elements[actual_banner]).fadeOut('slow');
	next_banner = actual_banner >= banner_elements.length-1 ? 0 : actual_banner+1
	$(banner_elements[next_banner]).fadeIn('slow');
	actual_banner = next_banner;

}

$(document).ready( function() {
	create_images();
	show_banner(0);
	start_timer();
});