// JavaScript Document : Script relatif � l'exercice n�5 - partie 10 : optionnel - boutons de scrolling
// Script r�alis�s par Pierre-Antoine "Lisara�l" Delnatte, 2184

// NOTE: Mes scripts sont disponibles comme AIDE, rien de plus. Il est aussi tr�s probable que j'utilise des mani�res de s�lection un peu �trang�res � celles vues au cours. Toutefois, mes scripts marchent parfaitement et peuvent vous permettre d'en comprendre le fonctionnement. Bon travail.

// d�claration des variables globales
var margin, timeout;
	
	
var scrolling = 0;


		
// function scrollTop, pour scroller vers le haut
function scrollTop(longScroll) {
	if(scrolling > 0) {
		document.getElementById("texte_miniencart3").style.marginTop = "-"+(scrolling--)+"px";
	}
	else {
		return;
	}
	
	if(longScroll == true) {
		timeout = setTimeout("scrollTop(true)", 10);
	}
	
}

// function scrollBottom, pour scroller vers le bas
function scrollBottom(longScroll) {
	var div = getDivGlob();
	//alert('T\'inquiete pas Melissa, c\'est un test !!\n' + document.getElementById("texte_miniencart3").offsetHeight + ' ' + div.offsetHeight);
	if(scrolling < document.getElementById("texte_miniencart3").offsetHeight-div.offsetHeight+50) {
		document.getElementById("texte_miniencart3").style.marginTop = "-"+(scrolling++)+"px";
	}
	else {
		return;
	}
	
	if(longScroll == true) {
		timeout = setTimeout("scrollBottom(true)", 10);
	}
	
}

// fonction onload, � d�finir en fin de composition de script
window.onload = function() {
		
	document.getElementById('scroll_up').onmouseover = function() {scrollTop(true);};
	document.getElementById('scroll_up').onmouseout = function() {scrollTop(false);clearTimeout(timeout);};
	document.getElementById('scroll_down').onmouseover = function() {scrollBottom(true);};
	document.getElementById('scroll_down').onmouseout = function() {scrollBottom(false); clearTimeout(timeout);};
	
	// affectation et r�cup�ration de la valeur de marge du contenu, �a va nous servir � faire le scrolling
	document.getElementById("texte_miniencart3").style.marginTop = "0px";
	margin = document.getElementById("texte_miniencart3").style.marginTop;
	
	var div2 = getDivGlob();
	var bl_scroll = getDivScroll();
	if (document.getElementById("texte_miniencart3").offsetHeight > div2.offsetHeight)
		bl_scroll.style.visibility = 'visible';
};

function getDivGlob(){
	var divglob;
	
	if (document.getElementById('popupbox') != null)
		divglob = document.getElementById('popupbox');
	else if (document.getElementById('popupbox_produit') != null)
		divglob = document.getElementById('popupbox_produit');
	else if (document.getElementById('popupbox_parfum') != null)
		divglob = document.getElementById('popupbox_parfum');	
	else if (document.getElementById('popupbox_generique') != null)
		divglob = document.getElementById('popupbox_generique');
	else if (document.getElementById('popupbox_generique_bio') != null)
		divglob = document.getElementById('popupbox_generique_bio');

	return divglob;
}

function getDivScroll(){
	var divglob;
	
	if (document.getElementById('bl_scroll') != null)
		divglob = document.getElementById('bl_scroll');
	else if (document.getElementById('bl_scroll_produit') != null)
		divglob = document.getElementById('bl_scroll_produit');
	else if (document.getElementById('bl_scroll_parfum') != null)
		divglob = document.getElementById('bl_scroll_parfum');	
	else if (document.getElementById('bl_scroll_generique') != null)
		divglob = document.getElementById('bl_scroll_generique');

	return divglob;
}