﻿var currentModel;

/*window.onscroll = function (e) {
  if(navigator.appName != "Microsoft Internet Explorer")
    document.getElementById("CabineSmooth").style.marginTop = -250+window.pageYOffset+"px";
else
    document.getElementById("CabineSmooth").style.marginTop = -250+document.documentElement.scrollTop+"px";
}*/


function TryLunette(modele){
    
    currentModel = modele;
    
    var BGCabine = document.getElementById("BGOpaceCabine");
    var Cabine = document.getElementById("CabineSmooth");
    var CacheCabine = document.getElementById("CacheCabineSmooth");
    
    BGCabine.style.height = document.body.offsetHeight+"px";

    BGCabine.style.display = "";
    Cabine.style.display = "";
    CacheCabine.style.display = "";
    
    var fx = new Fx.Styles(BGCabine, {duration: 800, wait: false});
    fx.start({'opacity': 0.5});
    
    fx = new Fx.Styles(CacheCabine, {duration: 500, wait: false});
    fx.start({'opacity': 1});
    
    fx = new Fx.Styles(Cabine, {duration: 800, wait: false});
    fx.start({'opacity': 1});
    
    setTimeout("LoadLunette()",5000);
}

function LoadLunette(){
    
    var CacheCabine = document.getElementById("CacheCabineSmooth");
    CacheCabine.style.display = "";
    var fx = new Fx.Styles(CacheCabine, {duration: 500, wait: false});
    fx.start({'opacity': 0});
    
    EasyTryOn.tryOn(currentModel, 'Cabine');
}

function hideBGOpaceCabine(){
    var BGCabine = document.getElementById("BGOpaceCabine");
    var Cabine = document.getElementById("CabineSmooth");
    var CacheCabine = document.getElementById("CacheCabineSmooth");
    
    var fx = new Fx.Styles(BGCabine, {duration: 500, wait: false});
    fx.start({'opacity': 0});
    
    fx = new Fx.Styles(Cabine, {duration: 800, wait: false});
    fx.start({'opacity': 0});
    
    fx = new Fx.Styles(CacheCabine, {duration: 1000, wait: false});
    fx.start({'opacity': 0});
    
    setTimeout("hidden()",1000);
}

function hidden(){
    document.getElementById("CabineSmooth").style.display="none";
    document.getElementById("BGOpaceCabine").style.display="none";
    document.getElementById("CacheCabineSmooth").style.display="none";
}
