var imageN = 0;
var imagesTotal;
var autoScroll;

var novedadN = 0;

function initHome() {
	
	//Novedades
	document.getElementById('novedades').style.marginTop = 0;
	var novedades;
	
	document.getElementById('navDown').onclick = function() {
		scrollNovedades(1)
	}
	
	document.getElementById('navUp').onclick = function() {
		scrollNovedades(-1)
	}

	//Imágenes
	document.getElementById('images').style.marginTop = 0;
	var buttons = $('#main .banner ul li');
	buttons.each(function(k, el) {
		
		var me = k;
		
		el.onclick = function() {
			scrollImages(k)
		}
		
		el.onmouseover = function() {
			$(this).find('span').get(0).style.display = 'block';
		}
		
		el.onmouseout = function() {
			if(me != imageN)
				$(this).find('span').get(0).style.display = 'none';
		}
		
	})
	
	imageN = 0;
	imagesTotal = buttons.length;
	autoScroll = setInterval("autoScrollImages()", 4000);
		
}

function scrollNovedades(where) {

	var dts = document.getElementById('novedades').getElementsByTagName('dt');
	var ultimo = dts.length;
	
	novedadN += where;

	if(novedadN < 0)
		novedadN = 0;
		
	if(novedadN > ultimo)
		novedadN = ultimo;	

	var pos = $(dts[novedadN]).offset();
	var pos2 = $('#novedades').offset();
	
	$('#novedades').animate({
		'margin-top': (pos2.top - pos.top) + 'px'
	});

}

function scrollImages(which) {
	
	clearInterval(autoScroll)
	imageN = which;
	
	var x = (which * -983) + 'px';
	$('#images').animate({ marginLeft: x })
	
	var buttons = $('#main .banner ul li span');
	buttons.each(function(k, el) {
		if(k != which)
			$(el).fadeOut()
	});
	buttons.get(which).style.display = 'block';
	
	autoScroll = setInterval("autoScrollImages()", 4000);
	
}

function autoScrollImages() {
	imageN++;
	if(imageN >= imagesTotal)
		imageN = 0;
	
	scrollImages(imageN);
}