function $(id) {
	return document.getElementById(id);
}
var Nom_Browser = navigator.appName;
var Version_Browser = navigator.appVersion;

var tabFeatures = {"hunting" : "mode_hunt", "last_chance" : "last_chance_anim", "hunting_fast" : "mode_hunt_fast_anim", "mode_100" : "mode100", "refresh" : "refresh_anim", "addscroll" : "addscroll_anim", "rssfeed" : "rssfeed_anim", "dynamic_widget" : "dynamic_widget_anim", "static_widget" : "static_widget_anim", "cmultimedia" : "cmultimedia1_anim", "cmultimedia2" : "cmultimedia2_anim", "search" : "search_anim", "wv" : "wv_anim", "chgbgimg" : "change_widget_background_anim", "chgtxtcolor" : "text_color", "chgtxt_mouse_over" : "text_color_on_mouse_over", "retake_screenshot" : "retake_screenshot_anim", "opacity" : "opacity", "oribgb2" : "oribgb2_anim", "chgbgcolor" : "chgbgcolor_anim", "widgetbg" : "change_background_image_anim", "showgad" : "showgad_anim", "showlin" : "show_link_anim", "update" : "update_anim", "stayontop" : "stay_on_top_anim", "addwidg" : "add_widget_anim", "trash" : "trash_anim"};

var tabFeatures2 = ["hunting", "last_chance", "hunting_fast", "mode_100", "refresh" , "addscroll", "rssfeed" , "dynamic_widget" , "static_widget" , "cmultimedia", "cmultimedia2", "search", "wv", "chgbgimg", "chgtxtcolor", "chgtxt_mouse_over", "retake_screenshot", "opacity", "oribgb2", "chgbgcolor", "widgetbg" , "showgad", "showlin", "update", "stayontop", "addwidg", "trash"];

var tabCat = [["categorie1" , "catomic_button1-"+langChoose],["categorie1b" , "catomic_button2-"+langChoose],["categorie2" , "cfun_button-"+langChoose],["categorie3" , "csimple_button-"+langChoose]];

var tabDL = [["dl1" , "dl1-"+langChoose]];

var listAtom1 = [["atomic_hunting_image","hunting"],["atomic_huntingf_image","hunting_fast"],["atomic_100mode_image","mode_100"],["atomic_last_chance_image","last_chance"],["atomic_rssfeed_image","crssfeed"],["atomic_dynurl_image","dynamic_widget"],["atomic_staturl_image","static_widget"],["atomic_trash_image","trash"]];

var listAtom2 = [["atomic_retake_screenshot_image","retake_screenshot"],["atomic_addscroll_image","caddscroll"],["atomic_refresh_image","crefresh"],["atomic_multimedia_image","cmultimedia"],["atomic_multimedia2_image","cmultimedia2"],["atomic_search_image","search"],["atomic_wv_image","wv"]];

var listFun = [["fun_bg_image","cbkimage"],["fun_widgetbg_image","cwimage"],["fun_chgbgcolor_image","chgbgcolor"],["fun_opacity_image","cfleche_plus"],["fun_oribgb2_image","coribg"],["fun_textcolor_image","ccol2"],["fun_text_mouse_over_image","ccol1"]];

var listSimple = [["simple_showgad_image","cshowgad"],["simple_showlin_image","cshowlin"],["simple_update_image","cupdate"],["simple_stayontop_image","cstayontop"],["simple_addwidget_image","caddwidg"]];

var tabHtml = {"kiwy":"Keep_it_with_you","dynw":"dynw_anim","statw":"static_widget_html_anim","examples":"todo","sasg":"sasg_anim","staf":"staf_anim","technos":"","getstarted":"getstarted_anim-"+langChoose,"donateHTML":""};
var tabHtml2 = ["kiwy","dynw","statw","examples","sasg","staf","technos","getstarted","donateHTML"];

var sizedivfeatures = function(det){
$(det+tabFeatures[det]).sizeflash($('divflash_'+det).style.height);
}

var sizedivhtml = function(htm){
$(htm+tabHtml[htm]).sizeflash($('divflash_'+htm).style.height);
}

var loadok = function (){
$('loader').style.visibility = 'hidden';
$('container').style.visibility = 'visible';
$('piedpage').style.visibility = 'visible';
$('invitefriend').style.visibility = 'visible';
}

var flashDisplayOff = function(){

for(var i = 0;i < listAtom1.length;i++){
if($(listAtom1[i][0]))$(listAtom1[i][0]).innerHTML='';
}
for(var i = 0;i < listAtom2.length;i++){
if($(listAtom2[i][0]))$(listAtom2[i][0]).innerHTML='';
}
for(var i = 0;i < listFun.length;i++){
if($(listFun[i][0]))$(listFun[i][0]).innerHTML='';
}
for(var i = 0;i < listSimple.length;i++){
if($(listSimple[i][0]))$(listSimple[i][0]).innerHTML='';
}
/*
for(var i = 0;i < tabCat.length;i++){
if($(tabCat[i][0]))$(tabCat[i][0]).innerHTML= '';
}
*/
for(var i = 0;i < tabHtml2.length;i++){
if($('flash'+tabHtml2[i]))$('flash'+tabHtml2[i]).innerHTML= '';
}


};

var displayDIVup2 = function (div,pos){

if(pos == '15'){
	if($('texthtml_'+div).style.display != 'none'){
		$('texthtml_'+div).style.display = 'none';
		$('divflash_'+div).style.left = '25%';
		$('divflash_'+div).style.width = '63%';
		$('divflash_'+div).style.height = '95%';
		$(div+tabHtml[div]).blur();
	}else{
		$('texthtml_'+div).style.display = 'block';
		$('divflash_'+div).style.left = '32%';
		$('divflash_'+div).style.width= '40%';
		$('divflash_'+div).style.height= '60%';
		$(div+tabHtml[div]).blur();
	}
}else{
	if($('details_texte_'+div).style.display != 'none'){
		$('details_texte_'+div).style.display = 'none';
		$('divflash_'+div).style.height= '90%';
		$(div+tabFeatures[div]).blur();
	}else{
		$('details_texte_'+div).style.display = 'block';
		$('divflash_'+div).style.height= '60%';
		$(div+tabFeatures[div]).blur();
	}
}
}



function submitInvit(pseudo, mail){
var inputEmail = mail;

//$('pseudoi').value ='Your pseudo';
//$('maili').value = 'Enter a mail to invit a friend';
$('sendOK').style.visibility = 'visible';  

function alert2 () {
        obj = $('sendOK');
       
        if (obj.style.visibility == 'hidden') {
            obj.style.visibility = 'visible'; 
        } else {
            obj.style.visibility = 'hidden';  
       }
	 clearInterval(intertokill);  
}

   var intertokill = setInterval(alert2, 2500);

}

 
function showHTML(html){
flashDisplayOff();
$('kiwy').style.display = 'none';
$('dynw').style.display = 'none';
$('statw').style.display = 'none';
$('examples').style.display = 'none';
$('sasg').style.display = 'none';
$('staf').style.display = 'none';
$('technos').style.display = 'none';
$('contact').style.display = 'none';
$('download').style.display = 'none';
$('faq').style.display = 'none';
$('devcorner').style.display = 'none';
$('oymp').style.display = 'none';
$('donateHTML').style.display = 'none';
$('getstarted').style.display = 'none';
//$('getstartedfilm').style.display = 'none';
		$('globalhtml2').style.display = 'none';
		$('global').style.display = 'none';
		$('globalgraz').style.display = 'none';
		$('globalhtml').style.display = 'block';
		
		$(html).style.display = 'block';

		if(html != 'faq' && html != 'technos' && html != 'contact' && html != 'download' && html != 'oymp' && html != 'devcorner' && html != 'donateHTML' ){
if(Nom_Browser != "Microsoft Internet Explorer" ){


// Check to see if the version meets the requirements for playback

$('flash'+html).innerHTML= '<object type="application/x-shockwave-flash" data="img/'+tabHtml[html]+'.swf" width="100%" height="100%" id="'+html+tabHtml[html]+'"><param name="movie" value="img/'+tabHtml[html]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="middle"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';

}else{

$('flash'+html).innerHTML= '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"  width="100%" height="100%" id="'+html+tabHtml[html]+'"><param name="movie" value="img/'+tabHtml[html]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="middle"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';



}

$('flash'+html).onmouseup = function (){this.blur();}
}else if(html == 'download'){

for(var i = 0;i < tabDL.length;i++){
if(!$(tabDL[i][1])){
if(Nom_Browser != "Microsoft Internet Explorer" ){
$('zoob').innerHTML+= '<object type="application/x-shockwave-flash" data="./img/'+tabDL[i][1]+'.swf" width="350" height="280" id="'+tabDL[i][1]+'"><param name="movie" value="./img/'+tabDL[i][1]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';


}else{

$('zoob').innerHTML+= '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"  width="350" height="280" id="'+tabDL[i][1]+'"><param name="movie" value="./img/'+tabDL[i][1]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';

}
}
/*
$(tabDL[i][1]).onmouseup = function (){this.blur();}

$(tabDL[i][0]).style.border = 'solid white 1px';
$(tabDL[i][0]).style.border = '';
*/
}

}

}
function showPage(page){

try{
while ($('globalgraz').firstChild) {
$('globalgraz').removeChild($('globalgraz').firstChild);
}
}catch(ee){}

if($('global')){$('global').style.display = 'none';}
if($('globalgraz')){$('globalgraz').style.display = 'none';}
if($('globalhtml')){$('globalhtml').style.display = 'none';}
if($('globalhtml2')){$('globalhtml2').style.display = 'none';}
if($(page)){if (page !=''){$(page).style.display = 'block';}}
}

function showCategories(cat){
flashDisplayOff();
if($('cataccueil')){
$('cataccueil').style.display = 'none';
}
if($('catatomic')){
$('catatomic').style.display = 'none';
}
if($('catatomic2')){
$('catatomic2').style.display = 'none';
}
if($('catfun')){
$('catfun').style.display = 'none';
}
if($('catsimple')){
$('catsimple').style.display = 'none';
}

if (cat != ''){

$(cat).style.display = 'block';

if(cat == 'catatomic'){
for(var i = 0;i < listAtom1.length;i++){

if(Nom_Browser != "Microsoft Internet Explorer" ){
$(listAtom1[i][0]).innerHTML= '<object type="application/x-shockwave-flash" data="./img/'+listAtom1[i][1]+'.swf" width="100%" height="100%" id="catatomic'+listAtom1[i][1]+'"><param name="movie" value="./img/'+listAtom1[i][1]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';


}else{

$(listAtom1[i][0]).innerHTML= '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"  width="100%" height="100%" id="catatomic'+listAtom1[i][1]+'"><param name="movie" value="./img/'+listAtom1[i][1]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';


}

$('catatomic'+listAtom1[i][1]).onmouseup = function (){this.blur();}
//}
$(listAtom1[i][0]).style.border = 'solid white 1px';
$(listAtom1[i][0]).style.border = '';

//$(listAtom1[i][0]).style.border = 'solid blue 1px';
}
}else if(cat == 'catatomic2'){
for(var i = 0;i < listAtom2.length;i++){

if(Nom_Browser != "Microsoft Internet Explorer" ){

$(listAtom2[i][0]).innerHTML= '<object type="application/x-shockwave-flash" data="./img/'+listAtom2[i][1]+'.swf" width="100%" height="100%" id="catatomic2'+listAtom2[i][1]+'"><param name="movie" value="./img/'+listAtom2[i][1]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';

}else{
$(listAtom2[i][0]).innerHTML= '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"  width="100%" height="100%" id="catatomic2'+listAtom2[i][1]+'"><param name="movie" value="./img/'+listAtom2[i][1]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';

}
$('catatomic2'+listAtom2[i][1]).onmouseup = function (){this.blur();}
//}
$(listAtom2[i][0]).style.border = 'solid white 1px';
$(listAtom2[i][0]).style.border = '';
//$(listAtom2[i][0]).style.border = 'solid blue 1px';
}
//alert('load');

}else if(cat == 'catfun'){
for(var i = 0;i < listFun.length;i++){

if(Nom_Browser != "Microsoft Internet Explorer" ){

$(listFun[i][0]).innerHTML= '<object type="application/x-shockwave-flash" data="./img/'+listFun[i][1]+'.swf" width="100%" height="100%" id="fun'+listFun[i][1]+'"><param name="movie" value="./img/'+listFun[i][1]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';

}else{
$(listFun[i][0]).innerHTML= '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"  width="100%" height="100%" id="fun'+listFun[i][1]+'"><param name="movie" value="./img/'+listFun[i][1]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';


}
$('fun'+listFun[i][1]).onmouseup = function (){this.blur();}
//}
$(listFun[i][0]).style.border = 'solid white 1px';
$(listFun[i][0]).style.border = '';
//$(listFun[i][0]).style.border = 'solid blue 1px';
}
}else if(cat == 'catsimple'){
for(var i = 0;i < listSimple.length;i++){

if(Nom_Browser != "Microsoft Internet Explorer" ){

$(listSimple[i][0]).innerHTML= '<object type="application/x-shockwave-flash" data="./img/'+listSimple[i][1]+'.swf" width="100%" height="100%" id="simple'+listSimple[i][1]+'"><param name="movie" value="./img/'+listSimple[i][1]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';

}else{

$(listSimple[i][0]).innerHTML= '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"  width="100%" height="100%" id="simple'+listSimple[i][1]+'"><param name="movie" value="./img/'+listSimple[i][1]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';

}
$('simple'+listSimple[i][1]).onmouseup = function (){this.blur();}
//}
$(listSimple[i][0]).style.border = 'solid white 1px';
$(listSimple[i][0]).style.border = '';
//$(listSimple[i][0]).style.border = 'solid blue 1px';
}
}
$('gen').style.display = 'block';
}

}


function showDetails(details){

for(var i = 0;i < tabFeatures2.length;i++){
if($('flash'+tabFeatures2[i]))$('flash'+tabFeatures2[i]).innerHTML= '';
}
if($('retake_screenshot')){
$('last_chance').style.display = 'none';
$('hunting').style.display = 'none';
$('hunting_fast').style.display = 'none';
$('publishwidget').style.display = 'none';
$('mode_100').style.display = 'none';
$('chgbgimg').style.display = 'none';
$('opacity').style.display = 'none';
$('chgtxtcolor').style.display = 'none';
$('oribgb2').style.display = 'none';
$('widgetbg').style.display = 'none';
$('rssfeed').style.display = 'none';
$('static_widget').style.display = 'none';
$('dynamic_widget').style.display = 'none';
$('showgad').style.display = 'none';
$('showlin').style.display = 'none';
$('update').style.display = 'none';
$('stayontop').style.display = 'none';
$('addwidg').style.display = 'none';
$('chgbgcolor').style.display = 'none';
$('cmultimedia').style.display = 'none';
$('cmultimedia2').style.display = 'none';
$('addscroll').style.display = 'none';
$('refresh').style.display = 'none';
$('search').style.display = 'none';
$('wv').style.display = 'none';
$('chgtxt_mouse_over').style.display = 'none';
$('retake_screenshot').style.display = 'none';
$('trash').style.display = 'none';
$('gen').style.display = 'none';
}
if (details != ''){

$('gen').style.display = 'block';
$(details).style.display = 'block';

if(Nom_Browser != "Microsoft Internet Explorer" ){


$('flash'+details).innerHTML= '<object type="application/x-shockwave-flash" data="./img/'+tabFeatures[details]+'.swf" width="100%" height="100%" id="'+details+tabFeatures[details]+'"><param name="movie" value="img/'+tabFeatures[details]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';

}else{


$('flash'+details).innerHTML= '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"  width="100%" height="100%" id="'+details+tabFeatures[details]+'"><param name="movie" value="img/'+tabFeatures[details]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';

}
$('flash'+details).onmouseup = function (){this.blur();}

}
}


function showFeatures(whereiam) {

if (whereiam == 'home'){
//$('piedpage1').style.display = 'block';
if($('globalhtml')){$('globalhtml').style.display = 'none';}
if($('globalhtml2')){$('globalhtml2').style.display = 'block';}
//if($('getstartedfilm')){$('getstartedfilm').style.display = 'block';}
if($('global')){$('global').style.display = 'none';}
if($('globalgraz')){$('globalgraz').style.display = 'none';}
}
if (whereiam == 'features'){

for(var i = 0;i < tabCat.length;i++){
if(!$('cat'+tabCat[i][1])){

if(Nom_Browser != "Microsoft Internet Explorer" ){


$(tabCat[i][0]).innerHTML= '<object type="application/x-shockwave-flash" data="./img/'+tabCat[i][1]+'.swf" width="100%" height="100%" id="cat'+tabCat[i][1]+'"><param name="movie" value="img/'+tabCat[i][1]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';

}else{


$(tabCat[i][0]).innerHTML= '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"  width="100%" height="100%" id="cat'+tabCat[i][1]+'"><param name="movie" value="img/'+tabCat[i][1]+'.swf" />  <param name="quality" value="high" /><PARAM NAME="align" VALUE="t"><PARAM NAME="salign" VALUE="tl"><param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /></object>';

}

$(tabCat[i][0]).style.border = 'solid white 1px';
$(tabCat[i][0]).style.border = '';
$('cat'+tabCat[i][1]).onmouseup = function (){this.blur();}

}
}
$('globalgraz').style.display = 'none';
$('globalhtml').style.display = 'none';
$('globalhtml2').style.display = 'none';
$('global').style.display = 'block';
$('cataccueil').style.display = 'block';
}
flashDisplayOff();
};

function endplay(){
$('intro').style.display='none';
};

function indexFilmM(){
$('globalhtml2').style.zIndex = '-1';
}

function indexFilmP(){
$('globalhtml2').style.zIndex = '+1';
}

function PresIntro(){

var tabImages = ['./img/image1-'+langChoose+'.png','./img/image2-'+langChoose+'.png','./img/image3-'+langChoose+'.png','./img/image4-'+langChoose+'.png','./img/image5-'+langChoose+'.png',''];

	

var k = 1;

var divOP = document.createElement("div");
divOP.style.position = 'absolute';
divOP.style.width = '100%';
divOP.style.height = '100%';
divOP.style.left = '0';
divOP.style.top = '0';
divOP.style.zIndex = '2';
divOP.style.background = "#000000";
divOP.style.opacity =" .8";
divOP.style.filter = "alpha(opacity=80)";
document.body.appendChild(divOP);

var divContPres = document.createElement("div");
divContPres.style.position = 'absolute';
divContPres.style.width = '90%';
divContPres.style.height = '90%';
divContPres.style.left = '50%';
divContPres.style.top = '5%';
divContPres.style.marginLeft = '-45%';
divContPres.style.zIndex = '3';
document.body.appendChild(divContPres);

var divHeader = document.createElement("div");
divHeader.style.position = 'relative';
divHeader.style.width = '100%';
divHeader.style.height = '25px';
divHeader.style.left = '0';
divHeader.style.top = '0';
divHeader.style.zIndex = '15';
divContPres.appendChild(divHeader);

/*var imgClose = document.createElement("img");
imgClose.style.position = 'relative';
imgClose.style.left = '100%';
imgClose.style.width = '45px';
imgClose.style.height = '45px';
imgClose.style.marginLeft = '-95px';
imgClose.style.marginTop = '-10px';
imgClose.src = "./img/croixt1.png";
imgClose.style.zIndex = '15';
imgClose.style.cursor = "pointer";
imgClose.onmouseover = function(){imgClose.src = "./img/croixt1_o.png";}
imgClose.onmouseout = function(){imgClose.src = "./img/croixt1.png";}
imgClose.onclick = function(){document.body.removeChild(divContPres);document.body.removeChild(divOP);}
divHeader.appendChild(imgClose);*/

var spanSkip = document.createElement('span');
if(langChoose != 'fr'){
spanSkip.innerHTML = 'Skip intro';
}else{
spanSkip.innerHTML = 'Passer l\'intro';
}
spanSkip.style.position = 'relative';
spanSkip.style.left = '50%';
spanSkip.style.fontSize = '2.4em';
spanSkip.style.marginLeft = '-60px';
spanSkip.style.marginTop = '-25px';
spanSkip.style.color = 'white';
spanSkip.style.styleFloat = 'left';
spanSkip.style.cssFloat = 'left';
spanSkip.style.fontWeight = 'bold';
spanSkip.style.zIndex = '15';
spanSkip.style.cursor = "pointer";
spanSkip.onmouseover = function(){this.style.color = '#f97a13';
//this.style.textDecoration = "underline";
}
spanSkip.onmouseout = function(){this.style.color = 'white';
//this.style.textDecoration = "none";
}
spanSkip.onclick = function(){document.body.removeChild(divContPres);document.body.removeChild(divOP);}
divHeader.appendChild(spanSkip);



var divCont = document.createElement("div");
divCont.style.position = 'relative';
divCont.style.width = '100%';
divCont.style.height = '95%';
divCont.style.left = '0';
//divCont.style.top = '-60px';
divCont.style.zIndex = '3';
divContPres.appendChild(divCont);

var imgPrec = document.createElement("img");
imgPrec.style.position = 'absolute';
imgPrec.style.width = '90px';
imgPrec.style.height = '300px';
imgPrec.style.marginLeft = '-45px';
imgPrec.style.marginTop = '-150px';
imgPrec.style.left = '0';
imgPrec.style.top = '50%';
imgPrec.style.visibility = 'hidden';
imgPrec.src = "./img/fg2.png";
imgPrec.style.zIndex = '5';
imgPrec.style.cursor = "pointer";
imgPrec.onmouseover = function(){imgPrec.src = "./img/fg2_o.png";}
imgPrec.onmouseout = function(){imgPrec.src = "./img/fg2.png";}
imgPrec.onclick = function(){
imgPres.src = '';
k = k-1;
if(k == 1){this.style.visibility = 'hidden';}
if(k < 6){

imgSuiv.style.visibility = 'visible';
imgPres.style.display = 'block';
Pres.style.display = 'none';

}
imgPres.src = tabImages[k-1];
}
divCont.appendChild(imgPrec);

var divPres = document.createElement("div");
divPres.style.width = '90%';
divPres.style.height = '100%';
divPres.style.marginLeft = '5%';
//divPres.style.marginTop = '30px';
divPres.style.zIndex = '14';
//divPres.style.overflowY = 'auto';
//divPres.style.background = "#FFFFFF";
divCont.appendChild(divPres);



var Pres = document.createElement("div");
//Pres.style.position = 'relative';
Pres.style.display = 'none';
//Pres.style.top = '0%';
Pres.style.fontSize = '1.2em';
//Pres.style.left = '0%';
Pres.style.width = '100%';
Pres.style.height = '100%';
Pres.style.zIndex = '19';
Pres.style.overflowY = 'auto';
Pres.style.background = "#FFFFFF";
//Pres.style.background= 'url(./img/fond_blanc.png)';
//Pres.style.backgroundRepeat = 'no-repeat';
Pres.innerHTML = '<div style="margin:2%"><P STYLE="font-size: 26pt;text-align:center">MyToocool</P><P>Na&iuml;s soci&eacute;t&eacute; de d&eacute;veloppement en technologies Web, vous pr&eacute;sente MyTooCool, la premi&egrave;re solution enti&egrave;rement GRATUITE qui vous permet de cr&eacute;er et de  composer librement votre WEBOTHEQUE.</P> <P style="text-align:justify">Une Weboth&egrave;que selon vos centres d&rsquo;int&eacute;r&ecirc;t, ressemble au m&ecirc;me titre que votre biblioth&egrave;que pour vos ouvrages, &agrave; l&rsquo;ensemble des sites web, blogs pr&eacute;f&eacute;r&eacute;s, emails, musiques, photos, vid&eacute;os et m&ecirc;me vos sites de r&eacute;seaux sociaux favoris mis &agrave; jour en temps r&eacute;el , qui se doivent d&rsquo;&ecirc;tre  mis en exergue sur votre PC, avec la possibilit&eacute; de les trier, de les s&eacute;lectionner et de les afficher visuellement et facilement sur votre bureau sous forme de Widgets (petite fen&ecirc;tre affichant le contenu).</P> <P>Gr&acirc;ce &agrave; MyTooCool, ne soyez plus d&eacute;pendant des accords commerciaux et des contenus valid&eacute;s au formatage impos&eacute; des solutions standards du march&eacute;, mais cr&eacute;ez directement les v&ocirc;tres (vos Gadgets) &agrave; partir du contenu que vous souhaitez mettre en avant et conserver.</P> <P>Vous pourrez aussi  partager vos Gadgets pr&eacute;f&eacute;r&eacute;s avec vos amis ou les autres utilisateurs de MyTooCool , vous allez construire votre tour de contr&ocirc;le Internet&nbsp;!</P> <P>Que vos sites favoris soient statiques, dynamiques, avec un flux RSS, avec du Flash , de l&rsquo;authentification&hellip; Vous allez cr&eacute;er avec MyTooCool  en toute transparence le gadget natif (petite fen&ecirc;tre affichant le contenu ) correspondant , que vous pourrez classer dans vos Widgets Dossiers ( Listes th&eacute;matiques de Gadgets) ,et MyTooCool vous permet de s&eacute;lectionner uniquement les parties du site qui vous int&eacute;ressent .</P> <P>(Ex&nbsp;: ne s&eacute;lectionnez que l&rsquo;affichage du cours de bourse d&rsquo;une liste pr&eacute;cise de valeurs)</P><P>Emportez votre Weboth&egrave;que partout avec vous, au travail ou en vacances en installant MyTooCool sur une clef USB, un disque externe ou une carte m&eacute;moire flash et vous pouvez retrouver l&rsquo;environnement MyTooCool sur votre t&eacute;l&eacute;phone portable&nbsp; en saisissant <FONT COLOR="#0000ff"><SPAN><U><A HREF="http://www.mytoocool.com/mobile"><FONT SIZE=4 STYLE="font-size:14pt"><a href="http://www.mytoocool.com/mobile" target="_blank">http://www.mytoocool.com/mobile</a></FONT></A></U></SPAN></FONT></P><P>Apr&egrave;s avoir install&eacute; MyTooCool, vous pourrez visiter une Weboth&egrave;que type que nous avons cr&eacute;&eacute;e pour vous montrer les capacit&eacute;s et la vari&eacute;t&eacute; de contenus possible.</P></div>';
divPres.appendChild(Pres);

var imgSuiv = document.createElement("img");
imgSuiv.style.position = 'absolute';
imgSuiv.style.width = '90px';
imgSuiv.style.height = '300px';
imgSuiv.style.left = '100%';
imgSuiv.style.top = '50%';
imgSuiv.style.marginLeft = '-45px';
imgSuiv.style.marginTop = '-150px';
//imgSuiv.style.marginTop = '-50%';
imgSuiv.style.visibility = 'visible';
imgSuiv.src = './img/fd2.png';
imgSuiv.style.zIndex = '7';
imgSuiv.style.cursor = "pointer";
imgSuiv.onmouseover = function(){imgSuiv.src = "./img/fd2_o.png";}
imgSuiv.onmouseout = function(){imgSuiv.src = "./img/fd2.png";}
imgSuiv.onclick = function(){
imgPres.src = '';
k = k+1;
if(k == 6){
//this.style.marginTop ="45px";
imgPres.style.display = 'none';
Pres.style.display = 'block';
//divPres.style.background = "#FFFFFF";
}
else if(k > 1){
imgPrec.style.visibility = 'visible';
if(k == 7){
document.body.removeChild(divContPres);document.body.removeChild(divOP);
}
}
imgPres.src = tabImages[k-1];
}
divCont.appendChild(imgSuiv);


tabImagesInit=new Array();
	for(var j=0; j<tabImages.length; j++){
		tabImagesInit[j]=new Image();
		tabImagesInit[j].src=tabImages[j];
	}

var imgPres = document.createElement("img");
imgPres.style.width = '100%';
imgPres.style.height = '100%';
imgPres.style.zIndex = '19';
imgPres.src = tabImages[k-1];
divPres.appendChild(imgPres);
}

     function setCook2(nom,valeur,jours) {
        var expDate = new Date()
        expDate.setTime(expDate.getTime() + (jours * 24 * 3600 * 1000))
        document.cookie = nom + "=" + escape(valeur)
            + ";expires=" + expDate.toGMTString()
        }
		
function SelectLang(){

var divOPl = document.createElement("div");
divOPl.style.position = 'absolute';
divOPl.style.width = '100%';
divOPl.style.height = '100%';
divOPl.style.left = '0';
divOPl.style.top = '0';
divOPl.style.zIndex = '2';
divOPl.style.background = "url('img/fond_background.png') repeat-x"; 
//divOPl.style.backgroundRepeat = "repeat x"; 
divOPl.style.opacity =" 1";
divOPl.style.filter = "alpha(opacity=100)";
document.body.appendChild(divOPl);

var divContLangue = document.createElement("div");
divContLangue.style.position = 'absolute';
divContLangue.style.width = '50%';
divContLangue.style.height = '50%';
divContLangue.style.left = '50%';
divContLangue.style.top = '25%';
divContLangue.style.marginLeft = '-25%';
//divContLangue.style.marginTop = '-25%';
divContLangue.style.zIndex = '3';
//divContLangue.style.background = '#FFFFFF';


var imgMTC = document.createElement("img");
imgMTC.style.position = 'absolute';
imgMTC.style.width = '600px';
imgMTC.style.height = '131px';
imgMTC.style.left = '35%';
imgMTC.style.marginLeft = '-190px';
imgMTC.src = './img/pirate_fleur_only_noir2.png';

divContLangue.appendChild(imgMTC);

var spanFR = document.createElement('span');
spanFR.innerHTML = 'Français';
spanFR.style.position = 'absolute';
spanFR.style.left = '50%';
spanFR.style.marginLeft = '-160px';
spanFR.style.fontSize = '1.8em';
spanFR.style.top = '180px';
spanFR.style.color = '#000000';
spanFR.style.styleFloat = 'left';
spanFR.style.cssFloat = 'left';
spanFR.style.fontWeight = 'bold';
spanFR.style.zIndex = '15';
spanFR.style.cursor = "pointer";
spanFR.onmouseover = function(){this.style.color = '#FFFFFF';
//this.style.textDecoration = "underline";
}
spanFR.onmouseout = function(){this.style.color = '#000000';
//this.style.textDecoration = "none";
}
spanFR.onclick = function(){setCook2('langue','fr',7);window.location.replace("index.php?langue=fr");}
divContLangue.appendChild(spanFR);

var spanEN = document.createElement('span');
spanEN.innerHTML = 'English';
spanEN.style.position = 'absolute';
spanEN.style.left = '50%';
spanEN.style.marginLeft = '75px';
spanEN.style.fontSize = '1.8em';
spanEN.style.top = '180px';
spanEN.style.color = '#000000';
spanEN.style.styleFloat = 'left';
spanEN.style.cssFloat = 'left';
spanEN.style.fontWeight = 'bold';
spanEN.style.zIndex = '15';
spanEN.style.cursor = "pointer";
spanEN.onmouseover = function(){this.style.color = '#FFFFFF';
//this.style.textDecoration = "underline";
}
spanEN.onmouseout = function(){this.style.color = '#000000';
//this.style.textDecoration = "none";
}
spanEN.onclick = function(){setCook2('langue','en',7);;document.body.removeChild(divContLangue);document.body.removeChild(divOPl);PresIntro();}
divContLangue.appendChild(spanEN);

document.body.appendChild(divContLangue);

}