function showsub(id, over){
	if(over==0){
		document.getElementById(id).style.display='none';	
		document.getElementById("m"+id).className='';
	}else{
		document.getElementById(id).style.display='block';
		document.getElementById("m"+id).className='sub_sel';
	}
}

function showsub1(id, over){
	if(over==0){
		document.getElementById(id).style.display='none';	
		document.getElementById('img1').src='../images/subnavi/navi_face.jpg';
		document.getElementById("m"+id).className='';
	}else{
		document.getElementById(id).style.display='block';
		document.getElementById('img1').src='../images/subnavi/navi_face_over.jpg';
		document.getElementById("m"+id).className='sub_sel';
	}
}

function showsub2(id, over){
	if(over==0){
		document.getElementById(id).style.display='none';	
		document.getElementById('img2').src='../images/subnavi/navi_body.jpg';
		document.getElementById("m"+id).className='';
	}else{
		document.getElementById(id).style.display='block';
		document.getElementById('img2').src='../images/subnavi/navi_body_over.jpg';
		document.getElementById("m"+id).className='sub_sel';
	}
}
function showsub3(id, over){
	if(over==0){
		document.getElementById(id).style.display='none';	
		document.getElementById('img3').src='../images/subnavi/navi_suncare.jpg';
		document.getElementById("m"+id).className='';
	}else{
		document.getElementById(id).style.display='block';
		document.getElementById('img3').src='../images/subnavi/navi_suncare_over.jpg';
		document.getElementById("m"+id).className='sub_sel';
	}
}
function showsub4(id, over){
	if(over==0){
		document.getElementById(id).style.display='none';	
		document.getElementById('img4').src='../images/subnavi/navi_makeup.jpg';
		document.getElementById("m"+id).className='';
	}else{
		document.getElementById(id).style.display='block';
		document.getElementById('img4').src='../images/subnavi/navi_makeup_over.jpg';
		document.getElementById("m"+id).className='sub_sel';
	}
}
function showsub5(id, over){
	if(over==0){
		document.getElementById(id).style.display='none';	
		document.getElementById('img5').src='../images/subnavi/navi_fragrance.jpg';
		document.getElementById("m"+id).className='';
	}else{
		document.getElementById(id).style.display='block';
		document.getElementById('img5').src='../images/subnavi/navi_fragrance_over.jpg';
		document.getElementById("m"+id).className='sub_sel';
	}
}
function showsub6(id, over){
	if(over==0){
		document.getElementById(id).style.display='none';	
		document.getElementById('img6').src='../images/subnavi/navi_clarinsmen.jpg';
		document.getElementById("m"+id).className='';
	}else{
		document.getElementById(id).style.display='block';
		document.getElementById('img6').src='../images/subnavi/navi_clarinsmen_over.jpg';
		document.getElementById("m"+id).className='sub_sel';
	}
}
function showsub7(id, over){
	if(over==0){
		document.getElementById(id).style.display='none';	
		document.getElementById('img7').src='../images/subnavi/navi_treatments.jpg';
		document.getElementById("m"+id).className='';
	}else{
		document.getElementById(id).style.display='block';
		document.getElementById('img7').src='../images/subnavi/navi_treatments_over.jpg';
		document.getElementById("m"+id).className='sub_sel';
	}
}
function showsub8(id, over){
	if(over==0){
		document.getElementById(id).style.display='none';	
		document.getElementById('img8').src='../images/subnavi/navi_aboutclarins.jpg';
		document.getElementById("m"+id).className='';
	}else{
		document.getElementById(id).style.display='block';
		document.getElementById('img8').src='../images/subnavi/navi_aboutclarins_over.jpg';
		document.getElementById("m"+id).className='sub_sel';
	}
}

/***********************************************
* Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var delayb4scroll=1000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=1 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

function scrollmarquee(){
	if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
		cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
	else
		cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}

function initializemarquee(){
	cross_marquee=document.getElementById("vmarquee")
	cross_marquee.style.top=0
	marqueeheight=document.getElementById("marqueecontainer").offsetHeight
	actualheight=cross_marquee.offsetHeight
	if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
		cross_marquee.style.height=marqueeheight+"px"
		cross_marquee.style.overflow="scroll"
		return
	}
	setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
}

	if (window.addEventListener)
		window.addEventListener("load", initializemarquee, false)
	else if (window.attachEvent)
		window.attachEvent("onload", initializemarquee)
	else if (document.getElementById)
		window.onload=initializemarquee