﻿ 
// --------------------------------------
//         Diaporama  
// --------------------------------------
var indImage = 0;
var maxImage = 0;
var ImagesArticle = new Array;
var ImagesAlt = new Array;
var ImagesType = new Array;
var ImagesLink = new Array;
var ImagesPartner = new Array;


function showDImage(modID,indImage,dType,pModuleContainerID, size)
{
    if(!pModuleContainerID)pModuleContainerID="";
    if(!size) size="";


	document.getElementById(pModuleContainerID+"imageIndex"+ modID + "ID").value = indImage ;

	if (dType == 0)
	{
		var RsltElem = document.getElementById(pModuleContainerID+"imageContainer"+ modID);		
    	
    	var imagepath = document.getElementById(pModuleContainerID+"imagesList"+ modID + "_"+ indImage + "ID").value;

        imagepath = imagepath.replace("\\","/").replace("\\","/");
    	var array = imagepath.split("/");
    	array[array.length-1] = size+array[array.length-1];
    	imagepath=array.join("/");
    	
    	RsltElem.src = imagepath;
		RsltElem = document.getElementById(pModuleContainerID+"indexImage"+ modID);
		RsltElem.innerHTML = (indImage+1) + "/" + document.getElementById(pModuleContainerID+"imagesCount"+ modID + "ID").value;
	    RsltElem = document.getElementById(pModuleContainerID+"legendePhoto"+ modID);
	    RsltElem.innerHTML = document.getElementById(pModuleContainerID+"imagesLegend"+ modID + "_"+ indImage + "ID").value;
    }
    else
    {
		var RsltElem = document.getElementById(pModuleContainerID+"panorama_r3_c3");
		
    	var imagepath = document.getElementById(pModuleContainerID+"imagesList"+ modID + "_"+ indImage + "ID").value;
        imagepath = imagepath.replace("\\","/").replace("\\","/");
    	var array = imagepath.split("/");
    	array[array.length-1] = size+array[array.length-1];
    	imagepath=array.join("/");
    	
    	RsltElem.src = imagepath;
		RsltElem = document.getElementById(pModuleContainerID+"indexImage");
		RsltElem.innerHTML = (indImage+1) + "/" + document.getElementById(pModuleContainerID+"imagesCount"+ modID + "ID").value;
	    RsltElem = document.getElementById(pModuleContainerID+"legendePhoto");
	    RsltElem.innerHTML = document.getElementById(pModuleContainerID+"imagesLegend"+ modID + "_"+ indImage + "ID").value;
    }
}

function prevImage(modID,dType,pModuleContainerID,size)
{
    if(!pModuleContainerID)pModuleContainerID="";
    else pModuleContainerID=pModuleContainerID+"_";
	var indImage = document.getElementById(pModuleContainerID+"imageIndex"+ modID + "ID").value;
	indImage--;
	if (indImage < 0) indImage=0;
	showDImage(modID,indImage,dType,pModuleContainerID,size);
}

function nextImage(modID,dType,pModuleContainerID,size)
{
    if(!pModuleContainerID)pModuleContainerID="";
    else pModuleContainerID=pModuleContainerID+"_";
	var indImage = document.getElementById(pModuleContainerID+"imageIndex"+ modID + "ID").value;	
	indImage++;	
	maxImage = document.getElementById(pModuleContainerID+"imagesCount"+ modID + "ID").value;
	if (indImage > maxImage-1) indImage=maxImage-1;
	showDImage(modID,indImage,dType,pModuleContainerID,size);
}

var ModID;
var currentIndex;

function dispTheImage(imgIndex)
{
    var imgOrigin = ImagesLink[imgIndex];
	var RsltElem = document.getElementById("panorama_r3_c3");
	RsltElem.src = ImagesArticle[imgIndex];
    RsltElem.style.display ="block";
	RsltElem = document.getElementById("indexImage");
	RsltElem.value = (imgIndex+1) + "/" + maxImage;
    
    switch (ImagesPartner[imgIndex])
    {
    case ("YouTube"):
	    RsltElem = document.getElementById("panolink");
	    RsltElem.href = ImagesLink[imgIndex];
	    RsltElem.target = "_blank";
	    RsltElem = document.getElementById("panoimg");
	    RsltElem.style.display ="none";
        RsltElem = document.getElementById("legendePhoto");   
        RsltElem.innerHTML = "<object width='425' height='344'><param name='movie' value='" + ImagesArticle[imgIndex] + "&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6'>" +
        "</param><param name='allowFullScreen' value='true'></param><embed src='" + ImagesArticle[imgIndex] + "&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6' type='application/x-shockwave-flash' " +
        "allowfullscreen='true' width='425' height='344'></embed></object>";
        RsltElem.innerHTML += "<br/>" + ImagesAlt[imgIndex];
        break;
    case ("none"):
	    RsltElem = document.getElementById("panolink");
	    RsltElem.href = "javascript:next_Image();";
	    RsltElem.target = "";
        RsltElem = document.getElementById("legendePhoto");
        RsltElem.innerHTML = ImagesAlt[imgIndex];
        RsltElem = document.getElementById("panoimg");
        RsltElem.style.display ="block";
        break;
    default:
	    RsltElem = document.getElementById("panolink");
	    RsltElem.href = ImagesLink[imgIndex];
	    RsltElem.target = "_blank";
        RsltElem = document.getElementById("legendePhoto");
        RsltElem.innerHTML = ImagesAlt[imgIndex];
	    RsltElem = document.getElementById("panoimg");
	    RsltElem.style.display ="block";
        break;
    }
}

function prev_Image()
{
	indImage--;
	if (indImage < 0) indImage=0;
	dispTheImage(indImage);
}
function next_Image()
{
	indImage++;
	if (indImage > maxImage-1) indImage=maxImage-1;
	dispTheImage(indImage);
}

function closeDiaporama()
{
	FP_changeProp(/*id*/'couche1',0,'style.display','none');
	FP_changeProp(/*id*/'couche2',0,'style.display','none');
}

function fullDiaporama(modID)
{
	ModID = modID;
	
	currentIndex = document.getElementById("imageIndex"+ modID + "ID").value;

	var RsltElem = document.getElementById("couche1");
    RsltElem.style.height = document.documentElement.offsetHeight;
    
	FP_changeProp(/*id*/'couche1',0,'style.display','block');
	FP_changeProp(/*id*/'couche2',0,'style.display','block');

    currentIndex ++;
    currentIndex --;

	showDImage(ModID,currentIndex ,1);
}


function closeOneBigPhoto()
{
	FP_changeProp(/*id*/'couche1',0,'style.display','none');
	FP_changeProp(/*id*/'coucheOneBigPhotoDiv',0,'style.visibility','hidden');
}

function showOneBigPhoto(photo,legende)
{
	var RsltElem = document.getElementById("imgOBP");
	RsltElem.src = photo;
    RsltElem = document.getElementById("legendePhotoOBP");
    RsltElem.innerHTML = legende;

	FP_changeProp(/*id*/'couche1',0,'style.display','block');
	FP_changeProp(/*id*/'coucheOneBigPhotoDiv',0,'style.visibility','visible');
	
	var RsltElem = document.getElementById("couche1");
    RsltElem.style.height = document.documentElement.scrollHeight ;
}

function closeDiaporamaTop()
{
    document.body.style.overflow = "scroll";
    closeDiaporama();
}

function showDiaporamaTop(Type, Query)
{
	document.body.style.overflow = "hidden"; 
    document.body.scrollTop = 0;
    showDiaporama(Type, Query);
}

var mediaSequence = 0;

function showDiaporamaTopS(Type, Query, Sequence)
{
    mediaSequence = Sequence;
	document.body.style.overflow = "hidden"; 
    document.body.scrollTop = 0;
    showDiaporama(Type, Query);
}

function showPartDiaporamaTop(Type, pointCode, partnerName, sequence)
{
	document.body.style.overflow = "hidden"; 
    document.body.scrollTop = 0;

    mediaSequence = sequence;
    OngletHelpDisplayed = true;
    var searchParameters = new Object();
    searchParameters.LavType = Type;
    searchParameters.queryString = pointCode;
    searchParameters.UCode = partnerName;
  
    MWInfoDecService.getObjectMediaList(searchParameters, PartnerMediaOnRequestComplete);
}

function showDiaporama(Type, Query)
{
    OngletHelpDisplayed = true;
    var searchParameters = new Object();
    searchParameters.LavType = Type;
    searchParameters.queryString = Query;
  
    MWInfoDecService.getObjectMediaList(searchParameters, MediaOnRequestComplete);
}

function MediaOnRequestComplete(result)
{
   maxImage = result.length;

   for (var i=0; i < result.length; i++)
   {
    var filename = result[i].filename;
    ImagesType[i] = "image";
    ImagesAlt[i] = result[i].legend;
    if (filename.indexOf("ttp:")<1)
        ImagesArticle[i] = "img/" + filename;
    else
        ImagesArticle[i] = filename;
    ImagesPartner[i] = "none";
   }
    document.getElementById("Partnerlogo").innerHTML = "<br/>";
   
    FirstImage = ImagesArticle[0];

	document.getElementById("couche1").style.display ='block';
	document.getElementById("couche2").style.display ='block';
	var RsltElem = document.getElementById("couche1");
    RsltElem.style.height = document.documentElement.scrollHeight ;

    indImage = mediaSequence;
	dispTheImage(indImage);
}

function PartnerMediaOnRequestComplete(result)
{
   maxImage = result.length;

   for (var i=0; i < result.length; i++)
   {
    var filename = result[i].filename;
    ImagesType[i] = "image";
    ImagesAlt[i] = result[i].legend;
    ImagesArticle[i] = filename;
    ImagesLink[i] = result[i].Link;
    ImagesPartner[i] = result[i].PartnerID;
   }
    document.getElementById("Partnerlogo").innerHTML = "<img src='images/MediaPartner_" + result[0].PartnerID + ".gif'><br/>";
   
    FirstImage = ImagesArticle[0];

	document.getElementById("couche1").style.display ='block';
	document.getElementById("couche2").style.display ='block';
	var RsltElem = document.getElementById("couche1");
    RsltElem.style.height = document.documentElement.scrollHeight ;

	indImage = mediaSequence;
	dispTheImage(indImage);
}


