function init(){
		document.getElementById('itemarray').src = '/coindelepargne/_assets-custom/images/spendometer/itemarray1.gif';
		document.getElementById('itemquestion').innerHTML = '<p><strong>Combien de caf&eacute;s achetez-vous par semaine ?</strong></p>';
		document.getElementById('itemtip').innerHTML = '<strong>ASTUCE </strong>: Avec une machine pour faire mousser le lait, un bol &agrave; espresso, et vos propres grains de caf&eacute;, vous pouvez savourer l\'exp&eacute;rience du caf&eacute; de sp&eacute;cialit&eacute; &agrave; la maison et r&eacute;aliser des &eacute;conomies.';
		document.getElementById('itemgraph').src = '/coindelepargne/_assets-custom/images/spendometer/coffee1.gif';
		document.getElementById('itemgraph').alt = 'Un caf&eacute; par semaine co&ucirc;te 3,50 $, ce qui &eacute;quivaut &agrave; 14,00 $ par mois ou &agrave; 182,00 $ par ann&eacute;e !';	
}

var itemnum = 1;

var coffeebase = 3.50;
var magazinebase = 6.00;
var lunchbase = 10.00;
var takeoutbase = 25.00;
var moviebase = 15.00;
var numbertrans = ['Un','Deux','Trois','Quatre','Cinq','Six','Sept','Huit','Neuf','Dix','Onze','Douze','Treize','Quatorze','Quinze'];

function switchitem(){
	if(itemnum == '1'){
		document.getElementById('itemarray').src = '/coindelepargne/_assets-custom/images/spendometer/itemarray1.gif';
		document.getElementById('itemquestion').innerHTML = '<p><strong>Combien de caf&eacute;s achetez-vous par semaine ?</strong></p>';
		document.getElementById('itemtip').innerHTML = '<strong>ASTUCE </strong>: Avec une machine pour faire mousser le lait, un bol &agrave; espresso, et vos propres grains de caf&eacute;, vous pouvez savourer l\'exp&eacute;rience du caf&eacute; de sp&eacute;cialit&eacute; &agrave; la maison et r&eacute;aliser des &eacute;conomies.';
		document.getElementById('itemgraph').src = '/coindelepargne/_assets-custom/images/spendometer/coffee1.gif';
		document.getElementById('itemgraph').alt = 'Un caf&eacute; par semaine co&ucirc;te '+coffeebase.toFixed(2)+' $, ce qui &eacute;quivaut &agrave; '+(coffeebase*4).toFixed(2)+' $ par mois ou &agrave; '+(coffeebase*52).toFixed(2)+' $ par ann&eacute;e !';	
	}else if(itemnum == '2'){
		document.getElementById('itemarray').src = '/coindelepargne/_assets-custom/images/spendometer/itemarray2.gif';
		document.getElementById('itemquestion').innerHTML = '<p><strong>Combien de magazines achetez-vous par semaine ?</strong></p>';
		document.getElementById('itemtip').innerHTML = '<strong>ASTUCE </strong>: Abonnez-vous &agrave; vos magazines favoris. Il co&ucirc;te nettement moins cher de s\'abonner que d\'acheter des magasines chaque mois. Partagez un abonnement avec un ami et &eacute;conomisez davantage !';
		document.getElementById('itemgraph').src = '/coindelepargne/_assets-custom/images/spendometer/magazines1.gif';
		document.getElementById('itemgraph').alt = 'Un magazine par semaine co&ucirc;te '+magazinebase.toFixed(2)+' $, ce qui &eacute;quivaut &agrave; '+(magazinebase*4).toFixed(2)+' $ par mois ou &agrave; '+(magazinebase*52).toFixed(2)+' $ par ann&eacute;e !';	
	}else if(itemnum == '3'){
		document.getElementById('itemarray').src = '/coindelepargne/_assets-custom/images/spendometer/itemarray3.gif';
		document.getElementById('itemquestion').innerHTML = '<p><strong>Combien de fois par semaine mangez-vous au restaurant ?</strong></p>';
		document.getElementById('itemtip').innerHTML = '<strong>ASTUCE </strong>: Mangez deux repas au restaurant, et apportez votre lunch trois jours par semaine. Vous en avez assez des sandwiches ? Pr&eacute;parez plus de nourriture au souper et vous aurez un savoureux repas &agrave; faire r&eacute;chauffer le lendemain.';
		document.getElementById('itemgraph').src = '/coindelepargne/_assets-custom/images/spendometer/lunch1.gif';
		document.getElementById('itemgraph').alt = 'Un d&icirc;ner &agrave; emporter par semaine co&ucirc;te '+lunchbase.toFixed(2)+' $, ce qui &eacute;quivaut &agrave; '+(lunchbase*4).toFixed(2)+' $ par mois ou &agrave; '+(lunchbase*52).toFixed(2)+' $ par ann&eacute;e !';	
	}else if(itemnum == '4'){
		document.getElementById('itemarray').src = '/coindelepargne/_assets-custom/images/spendometer/itemarray4.gif';
		document.getElementById('itemquestion').innerHTML = '<p><strong>Combien de repas &agrave; emporter consommez-vous par semaine ?</strong></p>';
		document.getElementById('itemtip').innerHTML = '<strong>ASTUCE </strong>: Limitez vos repas pour emporter &agrave; un par semaine, et essayez de temps en temps une pizza surgel&eacute;e de bonne qualit&eacute;, au lieu de commander.';
		document.getElementById('itemgraph').src = '/coindelepargne/_assets-custom/images/spendometer/takeout1.gif';
		document.getElementById('itemgraph').alt = 'Un repas livr&eacute; par semaine co&ucirc;te '+takeoutbase.toFixed(2)+' $, ce qui &eacute;quivaut &agrave; '+(takeoutbase*4).toFixed(2)+' $ par mois ou &agrave; '+(takeoutbase*52).toFixed(2)+' $ par ann&eacute;e !';	
	}else if(itemnum == '5'){
		document.getElementById('itemarray').src = '/coindelepargne/_assets-custom/images/spendometer/itemarray5.gif';
		document.getElementById('itemquestion').innerHTML = '<p><strong>Combien de films voyez-vous par mois ?</strong></p>';
		document.getElementById('itemtip').innerHTML = '<strong>ASTUCE </strong>: Limitez vos sorties au cin&eacute;ma. Louer des films co&ucirc;te moins cher, et les services en ligne qui assurent la livraison &agrave; domicile ou qui exportent le film directement dans votre t&eacute;l&eacute;viseur sont encore plus avantageux. Cherchez &laquo; cin&eacute;ma en ligne &raquo; pour conna&icirc;tre les options qui s\'offrent &agrave; vous.';
		document.getElementById('itemgraph').src = '/coindelepargne/_assets-custom/images/spendometer/movies1.gif';
		document.getElementById('itemgraph').alt = 'Un billet de cin&eacute;ma par mois co&ucirc;te '+moviebase.toFixed(2)+' $, ce qui &eacute;quivaut &agrave; '+(moviebase*12).toFixed(2)+' $ par ann&eacute;e !';	
	}
	mySlider1.valueDefault  = 1;
	mySlider1.draw('sliderDiv1');
}

function bsSliderChange(sliderObj, val, newPos) { 
	
	var graphname = '';
	var graphdesc1 = '';
	var graphdesc = '';
	var baseval = 0;
	if(itemnum == '1'){
		graphname = 'coffee';
		graphdesc1 = 'caf&eacute;';
		graphdesc = 'caf&eacute;s';
		baseval = coffeebase;
	}else if(itemnum == '2'){
		graphname = 'magazines';
		graphdesc1 = 'magazine';
		graphdesc = 'magazines';
		baseval = magazinebase;
	}else if(itemnum == '3'){
		graphname = 'lunch';
		graphdesc1 = 'd&icirc;ner &agrave; emporter';
		graphdesc = 'd&icirc;ners &agrave; emporter';
		baseval = lunchbase;
	}else if(itemnum == '4'){
		graphname = 'takeout';
		graphdesc1 = 'repas livr&eacute;';
		graphdesc = 'repas livr&eacute;s';
		baseval = takeoutbase;
	}else if(itemnum == '5'){
		graphname = 'movies';
		graphdesc1 = 'billet de cin&eacute;ma';
		graphdesc = 'billets de cin&eacute;ma';
		baseval = moviebase;
	}
	document.getElementById('itemgraph').src = '/coindelepargne/_assets-custom/images/spendometer/'+graphname+val+'.gif';
	if(val == 1){
		if(itemnum == '5'){
			document.getElementById('itemgraph').alt = numbertrans[0]+' '+graphdesc1+' par mois co&ucirc;te '+(baseval*val).toFixed(2)+' $, ce qui &eacute;quivaut &agrave; '+(baseval*val*12).toFixed(2)+' $ par ann&eacute;e !';	
		}else{
			document.getElementById('itemgraph').alt = numbertrans[0]+' '+graphdesc1+' par semaine co&ucirc;te '+(baseval*val).toFixed(2)+' $, ce qui &eacute;quivaut &agrave; '+(baseval*val*4).toFixed(2)+' $ par mois ou &agrave; '+(baseval*val*52).toFixed(2)+' $ par ann&eacute;e !';	
		}	
	}else{
		if(itemnum == '5'){
			document.getElementById('itemgraph').alt = numbertrans[val-1]+' '+graphdesc+' par mois co&ucirc;tent '+(baseval*val).toFixed(2)+' $, ce qui &eacute;quivaut &agrave; '+(baseval*val*12).toFixed(2)+' $ par ann&eacute;e !';	
		}else{
			document.getElementById('itemgraph').alt = numbertrans[val-1]+' '+graphdesc+' par semaine co&ucirc;tent '+(baseval*val).toFixed(2)+' $, ce qui &eacute;quivaut &agrave; '+(baseval*val*4).toFixed(2)+' $ par mois ou &agrave; '+(baseval*val*52).toFixed(2)+' $ par ann&eacute;e !';	
		}
	}
}

function drawSliders() {
	mySlider1 = new Bs_Slider();
	mySlider1.objectName = 'mySlider1';
	mySlider1.attachOnChange(bsSliderChange);
	//mySlider1.attachOnSlideEnd(bsSliderEnd);
	mySlider1.width         = 466;
	mySlider1.height        = 53;
	mySlider1.minVal        = 1;
	mySlider1.maxVal        = 15;
	mySlider1.valueInterval = 1;
	mySlider1.arrowAmount   = 1;
	mySlider1.valueDefault  = 1;
  mySlider1.imgDir   = '/coindelepargne/_assets-custom/images/spendometer/';
	mySlider1.setBackgroundImage('background.gif', 'no-repeat');
	mySlider1.setSliderIcon('slider.gif', 15, 32);
	mySlider1.useInputField = 0;
	mySlider1.styleValueFieldClass = 'sliderInput';
	mySlider1.colorbar = new Object();
	mySlider1.colorbar['color']           = '#99add6';
	mySlider1.colorbar['height']          = 13;
	mySlider1.colorbar['widthDifference'] = 0;
	mySlider1.colorbar['offsetLeft']      = 1;
	mySlider1.colorbar['offsetTop']       = 12;
	mySlider1.draw('sliderDiv1');
}	
