
var slideIndex = 0
var slides = new Array();



var servicehtml = "";

servicehtml = '';
servicehtml += '<div class="customizedServiceSlide">';

servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/logobranding.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./logobranding.htm">Logo Personnalisation</a></div>';
servicehtml += '	<div class="customizedServiceContent">Imprimez votre logo de compagnie, les cadeaux promotionnels et identification de marque sur nos produits</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./logobranding.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';

servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/laser.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./laserengraving.htm">Gravure au Laser</a></div>';
servicehtml += '	<div class="customizedServiceContent">Le laser produit une constante et une conception d&eacute;taill&eacute;e comme signature, logo ou texte</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./laserengraving.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';

servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/preload.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./datapreload.htm">Pr&eacute;chargement de Donn&eacute;es</a></div>';
servicehtml += '	<div class="customizedServiceContent">Pr&eacute;charge pr&eacute;sentations Powerpoint, brochures en PDF, promotions Flash, d&eacute;mos de logiciels</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./datapreload.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';

servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/autorun.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./usbautorun.htm">USB AutoRun des Contenus</a></div>';
servicehtml += '	<div class="customizedServiceContent">Lance un programme ou un fichier automatiquement quand une cl&eacute; USB est branch&eacute;e &agrave; un PC</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./usbautorun.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';


servicehtml += '</div>';

slides[slideIndex++] = servicehtml;

servicehtml = '';
servicehtml += '<div class="customizedServiceSlide">';


servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/contentmastering.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./contentmastering.htm">Gestion de Contenu</a></div>';
servicehtml += '	<div class="customizedServiceContent">Nous pouvons vous aider &agrave; empaqueter contenus pr&ecirc; t-&agrave;-allons sur les cl&eacute; USB. Contactez-nous avec vos id&eacute;es</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./contentmastering.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';


servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/partition-configuration.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./driveconfig.htm">Configuration de Cl&eacute; USB</a></div>';
servicehtml += '	<div class="customizedServiceContent">Donn&eacute;es stock&eacute;es dans une partition s&eacute;par&eacute;e</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./driveconfig.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';


servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/icon-creation.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./contentmastering.htm">Ic&ocirc;ne Cr&eacute;ation</a></div>';
servicehtml += '	<div class="customizedServiceContent">Transformez votre logo ou symbole en une ic&ocirc;ne de lecteur attirant</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./contentmastering.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';


servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/copyprotectedcontentplayer.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./contentmastering.htm">Copy-protected Content Player</a></div>';
servicehtml += '	<div class="customizedServiceContent">Fait la musique importante et tout autre type de fichiers incopiables</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./contentmastering.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';



servicehtml += '</div>';


slides[slideIndex++] = servicehtml;



servicehtml = '';
servicehtml += '<div class="customizedServiceSlide">';


servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/CD-styleprotection.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./nonerasable.htm">Protection des Contenus Non Effa&ccedil;ables</a></div>';
servicehtml += '	<div class="customizedServiceContent">Emp&ecirc;che l&prime;effacement accidentel des contenus et augmente l&prime;utilisation du cycle de vie des cl&eacute;s USB</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./nonerasable.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';

// Software Write-protect
servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/writeprotectedswitch.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./nonerasable.htm">Logiciel de Protection contre L&prime;&Eacute;criture</a></div>';
servicehtml += '	<div class="customizedServiceContent">Utilisez notre logiciel &#8249;WriteProtect&#8250; pour activer et d&eacute;sactiver le dispositif de protection contre l&prime;&eacute;criture</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./nonerasable.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';

servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/password-secure-disk.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./usbsecureddisk.htm">Disque avec Mot de Passe S&eacute;curis&eacute;</a></div>';
servicehtml += '	<div class="customizedServiceContent">Donn&eacute;es stock&eacute;es dans une partition crypt&eacute;e avec mot de passe. Prot&eacute;ge&#8211;les m&ecirc;me lorsque perdues</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./usbsecureddisk.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';


servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/private-data-area.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./usbprivatedata.htm">Stockage de Donn&eacute;es Priv&eacute;es</a></div>';
servicehtml += '	<div class="customizedServiceContent">Une zone de m&eacute;moire dissimul&eacute;e pas visible au syst&egrave;me d&#8217;exploitation ou les utilisateurs finaux</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./usbprivatedata.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';








servicehtml += '</div>';

slides[slideIndex++] = servicehtml;


servicehtml = '';
servicehtml += '<div class="customizedServiceSlide">';

servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/unique-ID.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./usbsid.htm">Num&eacute;ro de S&eacute;rie &Eacute;lectronique</a></div>';
servicehtml += '	<div class="customizedServiceContent">Pr&eacute;&#8211;configure une num&eacute;ro unique de s&eacute;rie en lecture seule de 16 octets pour le but d&#8242;identification de mat&eacute;riel</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./usbsid.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';


servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/customcasing.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./oem.htm">Bo&icirc;tier Personnalis&eacute;</a></div>';
servicehtml += '	<div class="customizedServiceContent">Personnalisez le mod&egrave;le et la couleur du votre bo&icirc;tier</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./oem.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';


servicehtml += '<div class="customizedService">';
servicehtml += '	<div class="customizedServiceIcon"><img src="./images/slideshow/PCB.png" /></div>';
servicehtml += '	<div class="customizedServiceContentHeader"><a href="./oem.htm">Service de Design OEM</a></div>';
servicehtml += '	<div class="customizedServiceContent">Personnalise l&#8217;encastrement du PCB en fonction de vos besoins</div>';
servicehtml += '	<div class="customizedServiceReadMore"><a href="./oem.htm"><img src="./images/readmorerarrow.gif" width="5" height="10" border="none"  style=" vertical-align:middle;"/>&nbsp;&nbsp;Lisez plus</a></div>';
servicehtml += '</div>';


servicehtml += '</div>';

slides[slideIndex++] = servicehtml;






















var slideGap = '';


//var serviceSlideShowWidth = 600;
//var serviceSlideShowHeight = 440;


var slideShowerWidth = 485;
var slideShowerHeight = 400;

//var slideContainerWidth = 700;
var slideContainerHeight = 400;

var slideWidth = 485;
var slideHeight = 400;

var slideGapWidth = 0;
var slideGapHeight = 0;

var slideDirection = 0;
var slideSpeed = 20;
var slideStep = 100;
var slideDeceleration = 0.82;




var initialized = false;
var currentSlideSpeed = slideSpeed;
var currentSlideStep = slideStep;
var currentX = 0;
var currentInterval = null;

var movedStep = 0;
var stepToMove = 0;

var stateMoving = 0;

var currentSlidePage = 0;
var movingPage = 0;

//var testspeed = "";

//public
function slideNextPage(){
	if(stateMoving == 0){
		stateMoving = 1;
		movingPage = 1;
		stepToMove = slideWidth;

		slideLeft(slideSpeed, slideStep);
		if(currentSlidePage == slides.length -1){
			currentSlidePage = 0
		}else{
			currentSlidePage = currentSlidePage + 1;
		}
		updateButtonIcon(currentSlidePage);
	}
}

function slidePrevPage(){
	if(stateMoving == 0){
		stateMoving = 1;
		movingPage = 1;
		stepToMove = slideWidth;
		slideRight(slideSpeed, slideStep);
		//alert(currentSlidePage)
		if(currentSlidePage == 0){
			currentSlidePage = slides.length -1
		}else{
			currentSlidePage = currentSlidePage - 1;
		}

		updateButtonIcon(currentSlidePage);

	}
}

function slideSelectPage(page){
	if(stateMoving == 0){
		stateMoving = 1;

		movingPage = currentSlidePage - page;

		if(movingPage > 0 ){
			stepToMove = slideWidth *movingPage ;
				slideRight(slideSpeed, slideStep);
		}else {
			movingPage = movingPage * -1;
			stepToMove = slideWidth *movingPage
				slideLeft(slideSpeed, slideStep);
		}

		currentSlidePage = page;
		updateButtonIcon(page);
	}
}

//private
function slideLeft(speed, step){
	slideDirection = 0;
	if(currentInterval != null){
		//alert("clearInterval slideLeft")
		clearInterval(currentInterval);
	}
	currentSlideSpeed = speed;
	currentSlideStep = step;
	slideShow();
}

function slideRight(speed, step){
	slideDirection = 1;
	if(currentInterval != null){
		//alert("clearInterval slideRight")
		clearInterval(currentInterval);
	}
	currentSlideSpeed = speed;
	currentSlideStep = step;
	slideShow();
}

function slidePause(){
	currentSlideStep = 0;
}

function slideRun(){
	currentSlideStep = slideStep;
}



function decelerateStep(){

	var notyetMovedPage = movingPage - (movedStep / slideWidth) ;

	if(notyetMovedPage > 1){
		currentSlideStep = Math.ceil(currentSlideStep * slideDeceleration * ((stepToMove - movedStep )/slideWidth));
	}else {
		currentSlideStep = Math.ceil(currentSlideStep * slideDeceleration);
	}


	if(currentSlideStep > slideStep){
		currentSlideStep = slideStep;
	}

	if(currentSlideStep < 5){
		currentSlideStep = 5;

	}
}


function updateButtonIcon(page){
	for(var i=0; i<slides.length; i++){
		var button = document.getElementById("slidePageButtonImg" + i);

		if(page == i){
			button.src = "./images/pagebutton_current.gif";
		}else{
			button.src = "./images/pagebutton.gif";
		}

	}
}

function initSlides(){
	initialized = false;

	var totalWidth = (slideWidth + slideGapWidth) * (slides.length);
	var html = '';

	html += '<div id="ServiceSlideShow">';
	html += '<div id="ServiceSlideTop"><a style="line-height:24px" id="ServiceSlideTopTitle" href="service.htm">Services de Personnalisation</a></div>';




	html += '<div id="ServiceSlideMiddle" style="float:left;">'

	html += '<div id="ServiceSlideMoveLeft" onclick="slidePrevPage()"><img src="./images/back.jpg"/></div>';

	html += '<div id="slideShower" style="float:left;position:relative;z-index:5;width:'+slideShowerWidth+'px;height:' + slideShowerHeight + 'px;overflow:hidden">';

	html += '<div id="slideContainer" style="z-index:4;width:'+totalWidth+'px;left:0;height:' + slideContainerHeight + 'px;overflow:hidden; position:relative;">';

	for(var i=0; i<slides.length; i++){
	html += '<div class="slide" style="z-index:1;width:'+slideWidth+'px;height:' + slideHeight + 'px;float:left;overflow:hidden;">' + slides[i] + '</div>';
	html += '<div class="slideGap" style="z-index:1;width:'+slideGapWidth+'px;height:' + slideGapHeight + 'px;float:left;overflow:hidden;">' + slideGap + '</div>';
	}
	html += '</div>';
	html += '</div>';

	html += '<div id="ServiceSlideMoveRight" onclick="slideNextPage();"><img src="./images/next.jpg" width="50"/></div>'

	html += '</div>';

	html += '<div id="slidePageButtonList">'

	html += '<div style="text-align:center;	margin-left:auto;margin-right:auto;width:' + slides.length * 23 + 'px">'


	for(var i=0; i<slides.length; i++){
			html += '<div id="slidePageButton' + i + '" onclick="slideSelectPage(' + i + ');" style="float:left;	cursor:pointer;"><img src="./images/pagebutton.gif" 	id="slidePageButtonImg' + i + '"></div>';
	}

	html += '</div>';

	html += '</div>'

	html += '<div id=ServiceSlideBottom>'
	html += '<img src="./images/slideShowBottom.png">';
	html += '</div>'


	html += '</div>'

	document.write(html);
	updateButtonIcon(currentSlidePage);

	initialized = true;

}

function slideShow(){
	if(!initialized){
		initSlides();
	}
	currentInterval = setInterval("slideMove()",currentSlideSpeed);
}

function slideMove(){
	var slideContainer = document.getElementById("slideContainer");

	var testarea = document.getElementById("testarea");

	if(slideContainer != null){

		if(movedStep < stepToMove){

			if(slideDirection == 0)	{

				decelerateStep();
				if(stepToMove - movedStep < currentSlideStep){
					currentSlideStep = stepToMove - movedStep;
				}


				currentX = currentX - currentSlideStep;
				slideContainer.style.left = currentX + 'px';

				movedStep += currentSlideStep;

				//testspeed +=  currentSlideStep + '<p>';

				//testarea.innerHTML = slideContainer.style.left + " direction = 0, stepToMove = " + stepToMove + ", movedStep = " + movedStep + " , movingPage = " + movingPage + " , currentSlideStep = " + testspeed;




				if(isMostRightShow()){
					var slideCount = 1;
					cutPasteRightSilde(slideCount);
					currentX = currentX + slideCount * (slideWidth + slideGapWidth);
					slideContainer.style.left = currentX + 'px';
				}
			}else{

				decelerateStep();
				if(stepToMove - movedStep < currentSlideStep){
					currentSlideStep = stepToMove - movedStep;
				}

				currentX = currentX + currentSlideStep;
				slideContainer.style.left = currentX + 'px';

				movedStep += currentSlideStep;

				//testspeed += currentSlideStep + '<p>';

				//testarea.innerHTML = slideContainer.style.left + " direction = 1, stepToMove = " + stepToMove + ", movedStep = " + movedStep+ " , movingPage = " + movingPage + " , currentSlideStep = " + currentSlideStep  + testspeed;;

				if(isMostLeftShow()){
					var slideCount = 1;
					cutPasteLeftSilde(slideCount);
					currentX = currentX - slideCount * (slideWidth + slideGapWidth);
					slideContainer.style.left = currentX + 'px';
				}
			}

		}else{
			if(currentInterval != null){
				clearInterval(currentInterval);
			}
			movedStep = 0;
			stepToMove = 0;
			stateMoving = 0;
			movingPage = 0;

			//testspeed = "";
		}

	}else{
		//alert("slideContainer == null")
	}
}

function isMostLeftShow(){
	var showerOnContainerLeftX = currentX * -1;
	var leftMostSlideRightX = slideWidth;

	if(showerOnContainerLeftX < leftMostSlideRightX){
		return true;
	}else{
		return false;
	}
}

function isMostRightShow(){
	var showerOnContainerRightX = (currentX * -1) + slideShowerWidth;
	var rightMostSlideLeftX = (slides.length - 1)*(slideWidth + slideGapWidth);
	if(showerOnContainerRightX > rightMostSlideLeftX){
		return true;
	}else{
		return false;
	}
}

function cutPasteLeftSilde(count){
	var slideContainer = document.getElementById("slideContainer");
	var elementCount = count*2;
	if(slideContainer != null){
		for(var i=0; i<elementCount; i++){
			var remove = slideContainer.removeChild(slideContainer.lastChild);
			slideContainer.insertBefore(remove, slideContainer.firstChild);
		}
	}
}

function cutPasteRightSilde(count){
	var slideContainer = document.getElementById("slideContainer");
	var elementCount = count*2;
	if(slideContainer != null){
		for(var i=0; i<elementCount; i++){
			var remove = slideContainer.removeChild(slideContainer.firstChild);
			slideContainer.appendChild(remove);
		}
	}

}

