function detectIE6()
{
var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);
if ((browser=="Microsoft Internet Explorer") && (version<=6))
{
return true;
}
else
{
return false;
}
}


function showDIV(id,totalNum){
	var element=document.getElementById('showDIV_'+id).style;
	var millisec=500;
    var speed = Math.round(millisec / 100);
	var timer = 0;
    var i=0;
    for (i=0;i<=totalNum;i++){
        if(i!=id){
            var elementI=document.getElementById('showDIV_'+i).style;
            elementI.display="none";
        }else{
			if(detectIE6()){
				element.display="block";  //ie6, no fading.
				
			} else{
			element.opacity=0;
    		element.MozOpacity =0;
			element.KhtmlOpacity =0;
			element.display="block";
			for(e=1;e<=100;e++){
			window.setTimeout("changeOpac(" + e + ",'" + id + "')",(timer * speed));
			timer++;
				}   
			}
        
			}
    }
}

function changeOpac(value, id) {
	var object = document.getElementById('showDIV_'+id).style; 
if(typeof object.filter !='undefined' ){
	object.filter="alpha(opacity="+(value+10)+")";  //if you wanna use this fading effect in IE, you have to define the width of object.
	}else {
	object.opacity = (value / 100);
	object.MozOpacity = (value / 100);
	object.KhtmlOpacity = (value / 100);
	}
}


	var WindowObjectReference = null;
	function ShowNetBook(titre){
		var titre;
		var URL = 'http://dunod.ebrochure.fr/'+titre+'/netbook_dunod.php';
		var xMax = screen.width;
		if (xMax <= 1024) {
			xMax = xMax - 10;
		}
		var yMax = screen.height;

		
			WindowObjectReference = window.open(URL,'extrait','width='+xMax+',height='+yMax+',left=0,top=0,resizable=yes,toolbar=no,location=no,directories=no,status=yes,scrollbars=no,menubar=no,fullscreen=no');
			WindowObjectReference.focus();
		
	}
	

function changeIMG(id){
	var object=document.getElementById(id).style;
	switch (id){
		case 'feature_button':
		object.backgroundImage="url(images/icon_green.png)";
		document.getElementById('technology_button').style.backgroundImage="url(images/icon_white.png)";
		document.getElementById('showcase_button').style.backgroundImage="url(images/icon_white.png)";
		break;
		case 'technology_button':
		object.backgroundImage="url(images/icon_green.png)";
		document.getElementById('feature_button').style.backgroundImage="url(images/icon_white.png)";
		document.getElementById('showcase_button').style.backgroundImage="url(images/icon_white.png)";
		break;
		case 'showcase_button':
		object.backgroundImage="url(images/icon_green.png)";
		document.getElementById('feature_button').style.backgroundImage="url(images/icon_white.png)";
		document.getElementById('technology_button').style.backgroundImage="url(images/icon_white.png)";
		break;
	}

}