with their setting
for (i = 0; i < ListObject.length; i++)
{
var pElement = new Element('p');
var link = new Element('a');
link.set('href', ListObject[i].Href);
link.innerHTML = ListObject[i].Texte;
link.inject(pElement);
pElement.inject(RGContainer[0]);
}
},
//That function will call Ajax request for Related Galleries and More Fact links
switchMoreLinks:function(DefaultIndex)
{
var pageRefId = ListObject[DefaultIndex].PageLink.ID;
var pageReflangue = ListObject[DefaultIndex].Langue;
var LinkType = ListObject[DefaultIndex].Langue;
var PageID = '<%= this.PageID %>';
MoreLinkType = 'MoreFact';
var url = '/AjaxScripts/retrieveRelatedLinks.aspx?pageRefId=' + pageRefId + '&pageReflangue=' + pageReflangue + '&LinkType=' + MoreLinkType + '&PageID=' + PageID;
retrieveRelatedLinks(url, MoreLinkType); // AJAX call
MoreLinkType = 'RelatedGalleries';
var url = '/AjaxScripts/retrieveRelatedLinks.aspx?pageRefId=' + pageRefId + '&pageReflangue=' + pageReflangue + '&LinkType=' + MoreLinkType + '&PageID=' + PageID;
retrieveRelatedLinks(url, MoreLinkType); // AJAX call
},
//Ajax request which generate ItemDataMedia (Json serialize)
RetrieveData:function(pUrl,pAsync)
{
var Item = this;
ajaxRequest = new Request.JSON(
{
method: 'get',
url: pUrl+'&itemtoload='+this.NumItem,
async :pAsync,
}
);
ajaxRequest.addEvent('success',function(responseJSON, responseText){
Item.ItemDataMedia = responseJSON;
});
ajaxRequest.send();
},
RenderItem:function(pSlideShow)
{
var ContainerHtmlItem = $$('.photo-slider .image')[0];
//clean the HTML container
ContainerHtmlItem.empty();
var picture = new Element('img');
picture.addEvent('load', function() {
pSlideShow.RenderComplete();
});
var DefaultIndex = 0;
var titre = $$('#photo .ItemTitle')[0];
var descrip = $$('#desc_content_to_slide .desc')[0];
var author = $$('#author')[0];
picture.set('src', this.ItemDataMedia.HighQualitySrc);
titre.set('text', this.ItemDataMedia.Title);
descrip.set('text', this.ItemDataMedia.Description);
author.set('text', this.ItemDataMedia.Copyright);
var pageRefId = this.ItemDataMedia.PageLink.ID;
var pageReflangue = this.ItemDataMedia.Langue;
var PageID = '<%= this.PageID %>';
var MFContainer = $$('#desc_content_to_slide .more .column .mf');
MFContainer[0].empty();
var RGContainer = $$('#desc_content_to_slide .more .column .rg');
RGContainer[0].empty();
//Ajax request for More Fact links
var MoreLinkType = 'MoreFact';
var url = '/AjaxScripts/retrieveRelatedLinks.aspx?pageRefId=' + pageRefId + '&pageReflangue=' + pageReflangue + '&LinkType=' + MoreLinkType + '&PageID=' + PageID;
this.retrieveRelatedLinks(url, MoreLinkType); // AJAX call
//Ajax request for Related Galleries links
MoreLinkType = 'RelatedGalleries';
var url = '/AjaxScripts/retrieveRelatedLinks.aspx?pageRefId=' + pageRefId + '&pageReflangue=' + pageReflangue + '&LinkType=' + MoreLinkType + '&PageID=' + PageID;
this.retrieveRelatedLinks(url, MoreLinkType); // AJAX call
//Call the function which will generate the DropDown
this.dropDownGenerate();
picture.inject(ContainerHtmlItem);
},
//That function will generate the MégaDropDown
dropDownGenerate:function()
{
var desc = $('desc_content_to_slide');
desc.getElement('.content').setStyle('display', 'block');
descHeight = desc.getElement('.content').getSize().y;
descHeight = (descHeight + 35);
var visible = false;
desc.setStyle('overflow', 'hidden');
desc.setStyle('height', '0px');
//photo-info
$$('#photo .toggler .trigger', '#photoGallery .trigger').addEvent('click', function()
{
var descToSlide = new Fx.Morph(desc, { duration: 'short', transition: Fx.Transitions.Sine.easeOut }); // Initialise une animation
// Open
if (!visible)
{
$(this).addClass('collapse');
// Launch the animation and increase div size untill descHeight
descToSlide.start({ 'height': descHeight });
visible = true;
}
else
{
// Close
$(this).removeClass('collapse');
// Launch the animation and decrease div size untill 0
descToSlide.start({ 'height': 0 });
visible = false;
}
});
}
});
var SlideShowGalery = new Class({
Extends : GenericSlideShow,
initialize:function(pTypeItem, pButtonPrevious, pButtonNext)
{
Item =this;
Item.parent(pTypeItem, pButtonPrevious, pButtonNext);
//That is used for ADD Arrow
$$('.photo-slider .paging').addEvent('mouseover', function() {
Item.clearTimeArrow();
Item.appearArrow();
return false;
});
//That is used for REMOVE Arrow
$$('.photo-slider .paging').addEvent('mouseout', function() {
Item.timeArrow();
return false;
});
//I call it on load
Item.timeArrow();
},
//That function is used for remove right and left arrow thanks to a timer : timeArrow()
disappearArrow:function()
{
$$('.photo-slider .paging .next').fade('out');
$$('.photo-slider .paging .prev').fade('out');
},
//That function is used for add right and left arrow
appearArrow:function()
{
$$('.photo-slider .paging .next').fade('in');
$$('.photo-slider .paging .prev').fade('in');
},
//That function is a timer for remove right and left arrow
timeArrow:function()
{
Slideshow=this;
this.timer = setTimeout(function() { Slideshow.disappearArrow(); }, 6000);
},
clearTimeArrow:function()
{
clearTimeout(this.timer);
},
});
var SlideShow;
function DisplayPhoto(pIdPhoto) {
var vurl = '/ajaxscripts/getpositionofmediaingalery.aspx?idgalery=' + pageRefId + '&lng=' + lng + '&idmedia=' + pIdPhoto; // build the URL to get HTML for videos
//Get the position of Photo to reload slideshow
var vPos = -1;
ajaxRequest = new Request.JSON({
method: 'get',
url: vurl,
onSuccess: function(responseJSON){
vPos = responseJSON;
if (vPos != -1) {
if (vPos <= 1)
vItemPrevious = SlideShow.GetNewItem(pNbElement);
else
vItemPrevious = SlideShow.GetNewItem(vPos - 1);
vItemCurrent = SlideShow.GetNewItem(vPos);
vItemNext = SlideShow.GetNewItem(vPos + 1);
var vUrlService = '/ajaxscripts/retrieveitemmedia.aspx?datasourcepageid=' + pageRefId + '&vLng=' + lng;
vItemPrevious.RetrieveData(vUrlService, false);
vItemCurrent.RetrieveData(vUrlService, false);
vItemNext.RetrieveData(vUrlService, false);
SlideShow.Load(vUrlService, NbElements, vItemPrevious, vItemCurrent, vItemNext, true);
}
}
}).send();
}
window.addEvent('domready', function()
{
//Configure and start slideshow
var vLng = 'en'; var vDataSourcePageId = 160783; var vNbElement = 104; var vUrlService = '/ajaxscripts/retrieveitemmedia.aspx?datasourcepageid='+vDataSourcePageId+'&vLng='+vLng;
var vButtonNext=$$('#photo .photo-slider .paging .next')[0];
var vButtonPrev=$$('#photo .photo-slider .paging .prev')[0];
var linkG = $$('.photo-slider .paging .linkG')[0];
var linkD = $$('.photo-slider .paging .linkD')[0];
var vItemPrevious = new ItemSlideShowPhoto(vNbElement);
vItemPrevious.RetrieveData(vUrlService,false);
var vItemCurrent = new ItemSlideShowPhoto(1);
vItemCurrent.RetrieveData(vUrlService,false);
var vItemNext = new ItemSlideShowPhoto(2);
vItemNext.RetrieveData(vUrlService,false);
SlideShow= new SlideShowGalery('ItemSlideShowPhoto',vButtonPrev, vButtonNext);
linkG.addEvent('click',function(){SlideShow.NextSlide(SlideShow);});
linkD.addEvent('click',function(){SlideShow.PreviousSlide(SlideShow);});
SlideShow.addEvent('RenderComplete',function(){
picture = $$('.photo-slider .image img')[0];
//When the picture is loaded, the span size is calculated
wid = ((picture.getWidth() / 2) - 100);
var linkG = $$('.photo-slider .paging .linkG')[0];
var linkD = $$('.photo-slider .paging .linkD')[0];
//var height = picture.getSize().y;
//right side
linkD.setStyle('height', picture.getHeight());
linkD.setStyle('width', wid);
linkD.setStyle('left', picture.offsetLeft + 'px');
//left side
linkG.setStyle('height', picture.getHeight());
linkG.setStyle('width', wid);
linkG.setStyle('right', picture.offsetLeft + 'px');
});
SlideShow.Load(vUrlService,vNbElement,vItemPrevious, vItemCurrent, vItemNext, true);
$$("#ctl00_mainContent_SetPhotoBlock_ddlPlaylist").addEvent('changed', function() {
vDataSourcePageId = $$("#ctl00_mainContent_SetPhotoBlock_ddlPlaylist").getSelected()[0].get('value');
var NbElements = vDataSourcePageId[0].substr(vDataSourcePageId[0].lastIndexOf('_') + 1);
vDataSourcePageId = vDataSourcePageId[0].substring(0, vDataSourcePageId[0].lastIndexOf('_'));
vItemPrevious = new ItemSlideShowPhoto(NbElements);
vItemCurrent = new ItemSlideShowPhoto(1);
vItemNext = new ItemSlideShowPhoto(2);
vUrlService = '/ajaxscripts/retrieveitemmedia.aspx?datasourcepageid='+vDataSourcePageId+'&vLng='+vLng;
vItemPrevious.RetrieveData(vUrlService,false);
vItemCurrent.RetrieveData(vUrlService,false);
vItemNext.RetrieveData(vUrlService,false);
SlideShow.Load(vUrlService,NbElements,vItemPrevious, vItemCurrent, vItemNext, true);
});
});