// Variables
var imagef='';
var Opacity = 100;
var dropClick = 1;
var loopTime = 5;
var int = "";
var stopInt = "";
var clicked = 0;
var slideAnim = 50;
mainslideAnim = 0;
var NewImage ;
var overClick = 1;

loopTime = loopTime*1000;

// Preloader
var preloadpics = new Array();
for(qq=0;qq<allpics.length;qq++)
{
	preloadpics[qq]=new Image();
	preloadpics[qq].src=allpics[qq];
}

// Make a array with the information of allpics, allpath and allalt that create the HTML code that appears in the slider
var leftimage=new Array();

allpics.reverse();
allalts.reverse();
alldivs.reverse();
var nbImages = allpics.length;
var imageMargin = "img"+eval(allpics.length-2);

// Fill the slider with the Images Array
function show_hide_alt(thisImg, margin, padding, border, alt, display)
{
	thisImg.style.margin = margin;
	thisImg.style.padding = padding;
	thisImg.style.border = border;
	document.getElementById(alt).style.display = display;
	thisImg.style.borderLeft = 'none';
}
function show_first_alt(thisImg, margin, padding, border, alt, display)
{
	thisImg.style.margin = margin;
	thisImg.style.padding = padding;
	thisImg.style.border = border;
	document.getElementById(alt).style.display = display;
	thisImg.style.borderLeft = 'none';
}
function fillSlider(){
	
	var leftimage="";
	var leftimage=new Array();
		
	for(qq=0;qq<allpics.length;qq++)
	{
		leftimage[qq]   = '\n<div class="mouseover_alt" id="'+alldivs[qq]+'">\n';
		leftimage[qq]  += allalts[qq];
		//leftimage[qq]  += '<p>'+allalts[qq]+'</p>';
		leftimage[qq]  += '</div>\n';
		leftimage[qq]  += '<a href="#">';
		leftimage[qq]  += '<img id="img'+qq+'" src="'+dossier+'new_developpement/images/'+allpics[qq]+'" class="icon" alt="" ';
		leftimage[qq]  += 'onmouseover="if(overClick==1){show_hide_alt(this, \'2px auto\', \'1px 0\', \'1px solid #00aeef\', \''+alldivs[qq]+'\', \'block\')}else{overClick=1}" ';
		leftimage[qq]  += 'onmouseout= "show_hide_alt(this, \'4px 0 4px 3px\', \'0\', \'none\', \''+alldivs[qq]+'\', \'none\')" ';
		leftimage[qq]  += 'onclick="dropClick = 0;overClick=0;switchMain('+qq+');return false;" />';
		leftimage[qq]  += '</a>\n';
		leftimage[qq]  += '<img id="sep'+qq+'" class="short_hr" src="'+dossier+'new_developpement/images/spacer.png" alt="spacer" />\n';
	}
	
	// Put the icon at the end of the array for the slide up animation
	firstIcon = leftimage.pop()
	leftimage.unshift(firstIcon)
	
	imagef="";
	
	for(mi=leftimage.length-1;mi>=0;mi--)
	{
		imagef=imagef+leftimage[mi];
	}
	
	document.getElementById('slider').innerHTML=imagef;
	document.getElementById(imageMargin).style.marginTop="52px";
	document.getElementById(alldivs[alldivs.length-2]).style.marginTop="-2px";
	document.getElementById(imageMargin).onmouseover = function () { if(overClick==1){show_hide_alt(this, '50px 0 2px 3px', '1px 0', '1px solid #00aeef', alldivs[allpics.length-2], 'block')}else{overClick=1}; }
	document.getElementById(imageMargin).onmouseout = function () { show_hide_alt(this, '52px 0 4px 3px', '0', 'none', alldivs[allpics.length-2], 'none'); }

	var version = navigator.userAgent
	version = version.search("MSIE 7.0")
	if(version=='-1'){
		version = navigator.userAgent
		version = version.search("MSIE 6.0")
		if (navigator.appName=="Microsoft Internet Explorer"){
		document.getElementById(alldivs[alldivs.length-2]).style.marginTop="48px";
		}
	}else{
		if (navigator.appName=="Microsoft Internet Explorer" || version==25){
			document.getElementById(alldivs[alldivs.length-2]).style.marginTop="48px";
		}
	}

}

// Generate the data in the document
function start(){
	fillSlider();
	document.getElementById('main-icon').innerHTML='<img id="mainimg" src="'+dossier+'new_developpement/images/'+allpics[allpics.length-1]+'" height=42 width=51>';
	
	for(qq=0;qq<allpics.length;qq++)
	{
		var limage = allpics[qq].replace(/.gif/i, "");
		document.getElementById(limage).style.display="none";
		var lcontenu = document.getElementById(limage).innerHTML;
	}
	var firstPromo = allpics[allpics.length-1].replace(/.gif/i, "");
	document.getElementById(firstPromo).style.display="block";
}

// Make the FadeOut effect
function switchMain(nuImage){
	int=clearInterval(int);
	NewImage = nuImage;
	
	if(clicked == 0)
	{
		clicked = 1;
		if(dropClick == 1)
		{
			mainslide=setInterval("mainslideUp()",50);
			aslide=setInterval("slideUp()",50);
		}
		else
		{
			document.getElementById('main-icon').innerHTML='<img id="mainimg" src="'+dossier+'new_developpement/images/'+allpics[nuImage]+'" height=42 width=51>';
			nuOrder(nuImage);
			dropClick = 1
		}
	}
}

// Make the the new Array of images depending of the user action
function nuOrder(nuImage){
	var arrayTempo = new Array();
	var endReverse = new Array();
	
	var alt_tempo = new Array();
	var alt_reverse = new Array();
	
	for(qq=0;qq<allpics.length;qq++)
	{
		if(qq==nuImage)
		{
			arrayTempo[qq]	=allpics[0];
			alt_tempo[qq]	=allalts[0];
		}
		else
		{
			if(qq<nuImage)
			{
				arrayTempo[qq]	=allpics[nuImage-qq];
				alt_tempo[qq]	=allalts[nuImage-qq];
			}
			else
			{
				endReverse.push(allpics[qq]);
				alt_reverse.push(allalts[qq]);
			}
		}
	}
		
	endReverse.reverse();
	alt_reverse.reverse();

	for(qq=0;qq<endReverse.length;qq++)
	{
		arrayTempo.push(endReverse[qq]);
		alt_tempo.push(alt_reverse[qq]);
	}
	arrayTempo.reverse();
	alt_tempo.reverse();
	allpics=new Array();
	allpics=arrayTempo;
	allalts=alt_tempo;
	document.getElementById('slider').innerHTML=""
	fillSlider();
	
	var imgName = allpics[allpics.length-1].replace(/.gif/i, "");
	showPromo(imgName);
	var t=setTimeout("clicked = 0",500);
}

// Function for the slideUp
function slideUp(){
	slideAnim = slideAnim - 5;
	document.getElementById(imageMargin).style.marginTop=slideAnim+"px";
	if(slideAnim==0){
		slideAnim = 50;
		document.getElementById('main-icon').innerHTML='<img id="mainimg" src="'+dossier+'new_developpement/images/'+allpics[NewImage]+'" height=42 width=51>';
		aslide=clearInterval(aslide);
		nuOrder(NewImage);
	}
}

// Function for the slideUp
function mainslideUp(){
	mainslideAnim = mainslideAnim - 5;
	document.getElementById("mainimg").style.marginTop=mainslideAnim+"px";
	if(mainslideAnim==-50){
		mainslideAnim = 0;
		document.getElementById("mainimg").style.marginTop=mainslideAnim+"px";
		mainslide=clearInterval(mainslide);
	}
}

// Function for the Up arrow
function dropUp(anim){
	if(clicked == 0)
	{
		var dropUpimg = allpics.length-2;
		
		dropClick = anim;
		switchMain(dropUpimg);
		dropClick = 1;
	}
}
	
// Function for the Down arrow
function dropDown(){
	if(clicked == 0)
	{
		dropClick = 0;
		switchMain(0);
		dropClick = 1;
	}
}

// Function for the loop
function loopPromo(){
	//console.log("started");
	int=clearInterval(int);
	int=setInterval("dropUp(1)",loopTime);
}

// Function to stop the loop
function stopLoop(){
	//console.log("stopped");
	int=clearInterval(int);
}
// Function that call the left promotion
function showPromo(divID){
	for(qq=0;qq<allpics.length;qq++)
	{
		var limage = allpics[qq].replace(/.gif/i, "");
		document.getElementById(limage).style.display="none";
		var lcontenu = document.getElementById(limage).innerHTML;
	}
	document.getElementById(divID).style.display="block";
	
	//if (navigator.appName.indexOf("Microsoft") != -1) {
	//		jsWatch();
	//}
	loopPromo();
}

// Function for flash video
function jsWatch(){
			if(swfobject.hasFlashPlayerVersion("6") || swfobject.hasFlashPlayerVersion("7") || swfobject.hasFlashPlayerVersion("8") || swfobject.hasFlashPlayerVersion("9") || swfobject.hasFlashPlayerVersion("10") || swfobject.hasFlashPlayerVersion("11")) {
               thisMovie("appFlash").myFunctionId();																																																											}
			}
			
			function thisMovie(movieName) {
			if (navigator.appName.indexOf("Microsoft") != -1) {
				return window[movieName]
			}
			else {
				return document[movieName]
			}
			}

/*function random_picture(langue, link)
{
	
	if (langue == 'fr' && link == 'no')
		{
			var random_picture = new Array();
			random_picture[0] = "images/encart/img_rand/im_ligne18.jpg";
			random_picture[1] = "images/encart/img_rand/im_ligne24.jpg";
			random_picture[2] = "images/encart/img_rand/im_ligne45.jpg";
			random_picture[3] = "images/encart/img_rand/im_ligne51.jpg";
			random_picture[4] = "images/encart/img_rand/im_ligne97.jpg";
			random_picture[5] = "images/encart/img_rand/im_ligne105.jpg";
			random_picture[6] = "images/encart/img_rand/im_ligne139.jpg";
			random_picture[7] = "images/encart/img_rand/im_ligne141.jpg";
			random_picture[8] = "images/encart/img_rand/im_ligne161.jpg";
			random_picture[9] = "images/encart/img_rand/im_ligne197.jpg";
		}

	else if (langue == 'en' && link == 'no')
		{
			var random_picture = new Array();
			random_picture[0] = "images/encart/img_rand/a-im_ligne18.jpg";
			random_picture[1] = "images/encart/img_rand/a-im_ligne24.jpg";
			random_picture[2] = "images/encart/img_rand/a-im_ligne45.jpg";
			random_picture[3] = "images/encart/img_rand/a-im_ligne51.jpg";
			random_picture[4] = "images/encart/img_rand/a-im_ligne97.jpg";
			random_picture[5] = "images/encart/img_rand/a-im_ligne105.jpg";
			random_picture[6] = "images/encart/img_rand/a-im_ligne139.jpg";
			random_picture[7] = "images/encart/img_rand/a-im_ligne141.jpg";
			random_picture[8] = "images/encart/img_rand/a-im_ligne161.jpg";
			random_picture[9] = "images/encart/img_rand/a-im_ligne197.jpg";

		}

	else if (langue == 'fr' && link == 'yes')
	{
		var random_picture = new Array();
			random_picture[0] = "images/encart/img_rand/im_planistec19.gif";
			random_picture[1] = "images/encart/img_rand/im_planistec80.gif";
			random_picture[2] = "images/encart/img_rand/im_planistec120.gif";
			random_picture[3] = "images/encart/img_rand/im_planistec165.gif";
			random_picture[4] = "images/encart/img_rand/im_planistec470.gif";

		var liens = new Array();
			liens[0] = "http://www.stm.info/bus/Planibus/19.pdf";
			liens[1] = "http://www.stm.info/bus/Planibus/80.pdf";
			liens[2] = "http://www.stm.info/bus/Planibus/120.pdf";
			liens[3] = "http://www.stm.info/bus/Planibus/165.pdf";
			liens[4] = "http://www.stm.info/bus/Planibus/470.pdf";
	}

	else
	{
		var random_picture = new Array();
			random_picture[0] = "images/encart/img_rand/a-im_planistec19.gif";
			random_picture[1] = "images/encart/img_rand/a-im_planistec80.gif";
			random_picture[2] = "images/encart/img_rand/a-im_planistec120.gif";
			random_picture[3] = "images/encart/img_rand/a-im_planistec165.gif";
			random_picture[4] = "images/encart/img_rand/a-im_planistec470.gif";

		var liens = new Array();
			liens[0] = "http://www.stm.info/English/bus/Planibus/19.pdf";
			liens[1] = "http://www.stm.info/English/bus/Planibus/80.pdf";
			liens[2] = "http://www.stm.info/English/bus/Planibus/120.pdf";
			liens[3] = "http://www.stm.info/English/bus/Planibus/165.pdf";
			liens[4] = "http://www.stm.info/English/bus/Planibus/470.pdf";


	}

	if (link == 'no')
	{
		var randomnumber = Math.floor(Math.random()*9);
		document.getElementById('ranpict').src = random_picture[randomnumber];
	}

	else
	{
		var randomnumber = Math.floor(Math.random()*4);
		document.getElementById('ranpict_link').src = random_picture[randomnumber];
		var newlink = document.getElementById('lien');
		newlink.href = (random_picture[randomnumber]);

	}


}


*/