﻿
function isIE()
{ 	
	if (window.ActiveXObject) return true;
	return false;
}
function scroolFireFox(e)
{
    var scroolPanel = document.getElementById("divCentre");
    var draggedItem = document.getElementById("divBoutonDefile");

    if (e.detail == -3)
        scroolPanel.scrollTop -= 50;
    else if (e.detail == 3)
        scroolPanel.scrollTop += 50;

    var ratio = (scroolPanel.scrollTop)/(scroolPanel.scrollHeight-scroolPanel.offsetHeight);

    if(isIE())
        draggedItem.style.pixelTop = ((scroolPanel.offsetHeight-draggedItem.offsetHeight-6)*ratio)+scroolPanel.offsetTop+2;
    else
        draggedItem.style.top = (((scroolPanel.offsetHeight-draggedItem.offsetHeight-6)*ratio)+scroolPanel.offsetTop+2)+"px";

    return false;
}

function scroolIE(e)
{
    var scroolPanel = document.getElementById("divCentre");
    var draggedItem = document.getElementById("divBoutonDefile");

    
    if (event.wheelDelta >= 120)
        scroolPanel.scrollTop -= 50;
    else if (event.wheelDelta <= -120)
        scroolPanel.scrollTop += 50;

    var ratio = (scroolPanel.scrollTop)/(scroolPanel.scrollHeight-scroolPanel.offsetHeight);

    if(isIE())
        draggedItem.style.pixelTop = ((scroolPanel.offsetHeight-draggedItem.offsetHeight-6)*ratio)+scroolPanel.offsetTop+2;
    else
        draggedItem.style.top = (((scroolPanel.offsetHeight-draggedItem.offsetHeight-6)*ratio)+scroolPanel.offsetTop+2)+"px";

    return false;
}


function Move(obj, panel, event)
{

  draggedItem = obj;
  draggedPanel = panel;
  SelectedY = obj.offsetTop;
  MouseY =  event.clientY;
  document.onmousemove = Drag;
  document.onmouseup = Drop;
  draggedItem.onmouseup = Drop;
}

function Drag(e)
{
    var ratio = 0;
    if(isIE())
    {
	    vary = SelectedY + (event.clientY - MouseY);
	    if (vary > draggedPanel.offsetTop+2)
		    if (vary+draggedItem.offsetHeight < draggedPanel.offsetTop+draggedPanel.offsetHeight-4)
			    draggedItem.style.pixelTop = vary;
		    else draggedItem.style.pixelTop = draggedPanel.offsetTop+draggedPanel.offsetHeight-draggedItem.offsetHeight-4;
	    else draggedItem.style.pixelTop = draggedPanel.offsetTop+2;
	    ratio = (draggedItem.style.pixelTop-draggedPanel.offsetTop-2)/(draggedPanel.offsetHeight-draggedItem.offsetHeight-6);
    }
    else
    {
	    vary = SelectedY + (e.clientY - MouseY);
	    if (vary > draggedPanel.offsetTop+2)
		    if (vary+draggedItem.offsetHeight < draggedPanel.offsetTop+draggedPanel.offsetHeight-4)
			    draggedItem.style.top = vary+"px";
		    else draggedItem.style.top = (draggedPanel.offsetTop+draggedPanel.offsetHeight-draggedItem.offsetHeight-4)+"px";
	    else draggedItem.style.top = (draggedPanel.offsetTop+2)+"px";
	    ratio = (parseInt(draggedItem.style.top.substring(0,draggedItem.style.top.length-2))-draggedPanel.offsetTop-2)/(draggedPanel.offsetHeight-draggedItem.offsetHeight-6);
    }

	draggedPanel.scrollTop = (draggedPanel.scrollHeight*ratio)-((draggedPanel.offsetHeight)*ratio);

/*    var txt = "--Drag--<br/>";
    txt += "vary : " + vary + "<br/>";
    txt += "draggedItem.style.pixelTop : " + draggedItem.style.pixelTop + "<br/>";
    txt += "draggedItem.offsetHeight : " + draggedItem.offsetHeight+ "<br/>";
    txt += "draggedPanel.scrollTop : " + draggedPanel.scrollTop+ "<br/>";
    txt += "draggedPanel.scrollHeight : " + draggedPanel.scrollHeight+ "<br/>";
    txt += "draggedPanel.offsetHeight : " + draggedPanel.offsetHeight;
    document.getElementById("lblPhrase").innerHTML = txt
*/

	return false;
}

function Drop()
{
  document.onmousemove = null;
  document.onmouseup = null;
  draggedItem.onmouseup = null;
  draggedItem = null;

}

function createMenu()
{ 	
    document.onmousedown= function() {return false;};

    menu = new Menu();
    menu.addMenu(document.getElementById("menuServices"),document.getElementById("sousMenuServices"),document.getElementById("cacheMenu"));
}


function startIndex()
{ 	
    createMenu();
	diaporama = new Diaporama(document.getElementById("divTourBlanc"));
	diaporama.cellule.setPosition("absolute", 25, 165);
	diaporama.cellule.setGrandeur(570,460);
	diaporama.cellule.style.zIndex = "3";
	diaporama.panel.style.visibility = "hidden";
	diaporama.otherRuningScript = document.getElementById("menuServices");
	diaporama.lblRealisation.style.visibility = "hidden";
	diaporama.start();
    
}

function startFolio()
{ 	
    createMenu();
	diaporama = new Diaporama(document.getElementById("divTourBlanc"));
	diaporama.cellule.setPosition("absolute", 25, 165);
	diaporama.cellule.setGrandeur(570,460);
	diaporama.panel.style.visibility = "visible";
	diaporama.panel.setPosition("absolute", 200, 603);
	diaporama.otherRuningScript = document.getElementById("menuServices");
	diaporama.start();
	diaporama.setSelect("all");
	diaporama.panel.menu.boutonMenu.setOn();
	diaporama.panel.menu.boutonMenu.obj.pullDown2();
	diaporama.panel.menu.menu.style.visibility = "visible";
	setTimeout(closeMenu,5000);
}

function closeMenu()
{ 	
	diaporama.panel.menu.boutonMenu.setOff();
	diaporama.panel.menu.boutonMenu.obj.pullUp();
}

function startScrool()
{ 	
    createMenu();
    
    if(isIE())
        document.getElementById("divCentre").onmousewheel = scroolIE;
    else {
        document.getElementById("divCentre").addEventListener('DOMMouseScroll', scroolFireFox, false); 
        document.getElementById("divCentre").onmousewheel = scroolIE;
    }
}

function startNoScrool()
{  createMenu(); }

var draggedItem = null;
var draggedPanel = null;
var diaporama;
var transparence = 0;
var menu;

