﻿// JavaScript Document

function Heght(){
  var bh = document.documentElement.clientHeight;
  var sh = document.getElementById('main').offsetHeight;
  
  if(sh > bh){
	   document.getElementById('main').style.top = "0px";  
  }
  if(bh > sh){
  document.getElementById('main').style.top = (bh - sh)/2 +"px";
  }

//alert(bh)
}
function HeghtOther(){
  var bh = document.documentElement.clientHeight;
  var sh = document.getElementById('mainOther').offsetHeight;
  
  if(sh > bh){
	   document.getElementById('mainOther').style.top = "0px";  
  }
  if(bh > sh){
  document.getElementById('mainOther').style.top = (bh - sh)/2 +"px";
  }

//alert(bh)
}

function changepic(id,num){
var picOver = new Image();picOver.src = 'images/' + id + 'on.jpg';
var picOut = new Image();picOut.src = 'images/' + id + '.jpg';
var picOverG = new Image();picOverG.src = 'images/' + id + 'on.gif';
var picOutG = new Image();picOutG.src = 'images/' + id + '.gif';
var photo = document.getElementById(id);
var ov = 'overG';ou = 'outG';ovG = 'over';ouG = 'out';
if (num == ov) {photo.src = picOver.src;}
if (num == ou) {photo.src = picOut.src; }
if (num == ovG) {photo.src = picOverG.src;}
if (num == ouG) {photo.src = picOutG.src; }
}

for(var i=1;i<=12;i++){
    var imgover = new Image();imgover.src = 'images/intropic'+i+'on.gif';
	var imgout = new Image();imgout.src = 'images/intropic'+i+'.gif';
	}
for(var j=1;j<=4;j++){
    var imgbig = new Image();imgover.src = 'images/celbig0'+j+'.gif';
	}
	
function imgchangeJC(id){
	
	document.getElementById('bigimg').src = 'images/celbig0'+id+'.jpg';
	if(id == 1 ){
		document.getElementById('Cp').innerHTML ='OLAY美尚大使首度聚首，与品牌高层共庆OLAY 20周年的荣耀时刻（左六：宝洁大中华区美尚事业副总裁Stevie Wong女士， 左一：宝洁亚太区对外事务负责人&middot;首席美容护肤专家陈力）'
	}
	if(id == 2 ){
		document.getElementById('Cp').innerHTML ='宝洁全球及大中华区领导团队与OLAY美尚大使共庆OLAY 20周年荣耀时刻'
	}
	if(id == 3 ){
		document.getElementById('Cp').innerHTML ='张曼玉动情分享与OLAY品牌共同超越的无尽可能'
	}
	if(id == 4 ){
		document.getElementById('Cp').innerHTML ='张曼玉与宝洁全球女性美尚事业总裁Gina Drosos,宝洁副总裁Michael Kuremsky,宝洁大中华区美尚事业副总裁Stevie Wong'
	}
	if(id == 5 ){
		document.getElementById('Cp').innerHTML ='晚宴现场，OLAY带你一起回顾20年美丽历程'
	}
	if(id == 6 ){
		document.getElementById('Cp').innerHTML ='网络互动区，及时分享心情故事'
	}
	if(id == 7 ){
		document.getElementById('Cp').innerHTML ='鸡尾酒区，嘉宾云集'
	}
	if(id == 8 ){
		document.getElementById('Cp').innerHTML ='新生超越，无尽可能'
	}
	if(id == 9 ){
		document.getElementById('Cp').innerHTML ='OLAY与你超越肌肤无尽可能'
	}
	if(id == 10 ){
		document.getElementById('Cp').innerHTML ='经典产品展示，勾起回忆无限'
	}
	if(id == 11 ){
		document.getElementById('Cp').innerHTML ='全新产品上市，携手梦想前行'
	}
	if(id == 12 ){
		document.getElementById('Cp').innerHTML ='OLAY Professional ProX专业方程式系列，重新定义专业护肤，引领科技护肤新潮流'
	}
	if(id == 13 ){
		document.getElementById('Cp').innerHTML ='20年历程，曾带给你多少美丽惊喜'
	}
	if(id == 14 ){
		document.getElementById('Cp').innerHTML ='晚宴现场精彩画面'
	}
	if(id == 15 ){
		document.getElementById('Cp').innerHTML ='晚宴现场，光影交错，梦幻摩登'
	}
}
function imgchangeAS(id){
	
	var num = new Array();
	
	document.getElementById('bigimg').src = 'images/celALLbig0'+id+'.jpg';
	if(id == 1 ){
		document.getElementById('Cp').innerHTML ='全球巨星张曼玉登场，分享与OLAY品牌共同超越的无尽可能';
		urchinTracker('/20Years/pic1')
	}
	if(id == 2 ){
		document.getElementById('Cp').innerHTML ='OLAY Regenerist 新生唤肤系列代言人张曼玉红毯留影';
		urchinTracker('/20Years/pic2')
	}
	if(id == 3 ){
		document.getElementById('Cp').innerHTML ='OLAY 三重乳液嫩白系列代言人林志玲红毯留影';
		urchinTracker('/20Years/pic3')
	}
	if(id == 4 ){
		document.getElementById('Cp').innerHTML ='OLAY代言人黄晓明红毯留影';
		urchinTracker('/20Years/pic4')
	}
	if(id == 5 ){
		document.getElementById('Cp').innerHTML ='OLAY White Radiance水感透白系列美白明星王珞丹红毯留影';
		urchinTracker('/20Years/pic5')
	}
	if(id == 6 ){
		document.getElementById('Cp').innerHTML ='OLAY White Radiance水感透白系列美白明星李小冉红毯留影';
		urchinTracker('/20Years/pic6')
	}
	if(id == 7 ){
		document.getElementById('Cp').innerHTML ='OLAY Aquaction水漾动力系列代言人朱珠红毯留影';
		urchinTracker('/20Years/pic7')
	}
	if(id == 8 ){
		document.getElementById('Cp').innerHTML ='OLAY Definity焦点皙白系列代言人Lisa. S红毯留影'
		urchinTracker('/20Years/pic8')
	}
	if(id == 9 ){
		document.getElementById('Cp').innerHTML ='OLAY Total Effects多效修护系列代言人曾恺玹红毯留影';
		urchinTracker('/20Years/pic9')
	}
}
	

function changepicI(id,e,mouse){
	var IMG = document.getElementById(id);
	if(mouse == 'over'){
		IMG.src = 'images/intropic'+e+'on.gif'	
	}
	if(mouse == 'out'){
		IMG.src = 'images/intropic'+e+'.gif'	
	}	
}
function changepicH(id,e,mouse){
	var IMG = document.getElementById(id);
	if(mouse == 'over'){
		IMG.src = 'images/historypic'+e+'on.jpg'	
	}
	if(mouse == 'out'){
		IMG.src = 'images/historypic'+e+'.jpg'	
	}	
}


function disTig(id,num){
	
   if(id == 'dis'){ 
   for(var i=0;i<=12;i++){
   document.getElementById(id+i).style.display = 'none';
   }
   document.getElementById(id+num).style.display ='block';
   urchinTracker('/20years/'+id+num)
   }
   if(id == 'intro'){ 
   for(var i=1;i<=12;i++){
	document.getElementById(id+i).style.display = 'none';
   }
   document.getElementById(id+num).style.display ='block';
   urchinTracker('/20years/'+id+num)
   }
   
}


function fixPNG(myImage) 
{ 
      var arVersion = navigator.appVersion.split("MSIE"); 
      var version = parseFloat(arVersion[1]); 

      if ((version >= 5.5) && (version < 7) && (document.body.filters)) 
      { 
          var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""; 
          var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""; 
          var imgTitle = (myImage.title) ? "title='" + myImage.title    + "' " : "title='" + myImage.alt + "' "; 
          var imgStyle = "display:inline-block;" + myImage.style.cssText; 
          var strNewHTML = "<span " + imgID + imgClass + imgTitle 
              + " style=\"" + "width:" + myImage.width 
              + "px; height:" + myImage.height 
              + "px;" + imgStyle + ";" 
              + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" 
              + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"; 
          myImage.outerHTML = strNewHTML; 
      } 
} 

