//
//
//
//
//
//
//
//
function scrollWrapAroundClass(scrollParentId,speed1,speed2,step,firstIconSrc)
{
this.actualIndex = 0;
this.targetIndex = 1;
this.firstIconSrc = firstIconSrc;
this.navigationIconsArray = new Array();
this.continueScrollWA = true;
this.timer = null;
this.scrollWASpeed1 = speed1;
this.scrollWASpeed2 = speed2;
this.scrollWAStep = step;
this.firstRightScroll = true;
this.scrollParentElement = document.getElementById(scrollParentId);
this.parentStyle = window.getComputedStyle(this.scrollParentElement);
this.parentChildsArray = this.scrollParentElement.childNodes;
for(i=0;i<this.parentChildsArray.length;i++)
{
if(this.parentChildsArray[i].id == "scrollContentDiv")
{
this.scrollContentDiv = this.parentChildsArray[i];
}
}
this.scrollContentDivChildsArray = this.scrollContentDiv.childNodes;
this.contentArray = new Array();
this.scrollWATotalWidth = 0;
var index = 0;
for (i=0;i<this.scrollContentDivChildsArray.length;i++)
{
if(this.scrollContentDivChildsArray[i].id == ("scrollContent"+(index+1)))
{
this.contentArray[index] = this.scrollContentDivChildsArray[i];
index++;
}
}
for (i=0;i<this.contentArray.length;i++)
{
this.contentArray[i].style.position = "absolute";
this.contentArray[i].style.top = 0 + "px";
if(i==0)
{
this.contentArray[i].style.left = 0 + "px";
}
else
{
/*this.contentArray[i].style.left = (i * this.scrollParentElement.style.width.replace('px','')) + "px"; */
this.contentArray[i].style.left = (i * this.parentStyle.width.replace('px','')) + "px";
}
this.scrollWATotalWidth = this.scrollWATotalWidth + this.contentArray[i].offsetWidth;
}
if (this.scrollWATotalWidth == 0)
{
/*this.scrollWATotalWidth = index * this.scrollParentElement.style.width.replace('px','');*/
this.scrollWATotalWidth = index * this.parentStyle.width.replace('px','');
}
this.scrollContentDiv.style.width = this.scrollWATotalWidth + "px";
return this;
}
//
//
//
function scrollWrapAround(scrollParentId,speed1,speed2,step,firstIconSrc)
{
var scrollWAElement = new scrollWrapAroundClass (scrollParentId,speed1,speed2,step,firstIconSrc);
if (scrollWAElement.firstIconSrc)
{
setNavigationBar(scrollWAElement);
scrollWAElement.scrollParentElement.onmouseover = function ()
{
document.getElementById( "scrollLeftWrapArounNavigationBar" + scrollWAElement.scrollParentElement.id).style.visibility = "visible";
};
scrollWAElement.scrollParentElement.onmouseout = function ()
{
document.getElementById( "scrollLeftWrapArounNavigationBar" + scrollWAElement.scrollParentElement.id).style.visibility = "hidden";
};
}
else if (!scrollWAElement.firstIconSrc)
{
scrollWAElement.scrollParentElement.onmouseover = function ()
{
clearTimeout(scrollWAElement.timer);
scrollWAElement.continueScrollWA = false;
};
scrollWAElement.scrollParentElement.onmouseout = function ()
{
scrollWAElement.continueScrollWA = true;
scrollWAElement.timer = setTimeout(function (){setNewScrollLeftWAPosition(scrollWAElement);},scrollWAElement.scrollWASpeed2);
};
}
scrollWAElement.timer = setTimeout(function (){setNewScrollLeftWAPosition(scrollWAElement);},scrollWAElement.scrollWASpeed2);
}
//
//
//
function setNewScrollRightWAPosition(scrollWAElement)
{
if(((scrollWAElement.contentArray[scrollWAElement.actualIndex].offsetLeft) < (scrollWAElement.scrollParentElement.offsetWidth)))
{
for(i=0;i<scrollWAElement.contentArray.length;i++)
{
scrollWAElement.contentArray[i].style.left = (scrollWAElement.contentArray[i].offsetLeft + scrollWAElement.scrollWAStep) + "px";
}
scrollWAElement.timer = setTimeout(function (){setNewScrollRightWAPosition(scrollWAElement);},scrollWAElement.scrollWASpeed1);
}
else
{
if(scrollWAElement.contentArray[scrollWAElement.actualIndex-1])
{
scrollWAElement.actualIndex--;
}
else
{
scrollWAElement.actualIndex = scrollWAElement.contentArray.length - 1;
}
correctScrollRightLimitPositions(scrollWAElement);
if (!((scrollWAElement.actualIndex) == scrollWAElement.targetIndex))
{
scrollWAElement.timer = setTimeout(function (){setNewScrollRightWAPosition(scrollWAElement);},scrollWAElement.scrollWASpeed1);
}
}
}
//
//
//
function correctScrollRightLimitPositions (scrollWAElement)
{
scrollWAElement.contentArray[scrollWAElement.actualIndex].style.left = 0 + "px";
if(scrollWAElement.contentArray[scrollWAElement.actualIndex+1])
{
scrollWAElement.contentArray[scrollWAElement.actualIndex+1].style.left = scrollWAElement.contentArray[scrollWAElement.actualIndex].style.width.replace('px','') + "px";
}
else
{
scrollWAElement.contentArray[0].style.left = scrollWAElement.contentArray[scrollWAElement.actualIndex].style.width.replace('px','') + "px";
}
if (scrollWAElement.contentArray[scrollWAElement.actualIndex-1])
{
scrollWAElement.contentArray[scrollWAElement.actualIndex-1].style.left = (-1) * scrollWAElement.contentArray[scrollWAElement.actualIndex-1].style.width.replace('px','') + "px";
}
else
{
scrollWAElement.contentArray[scrollWAElement.contentArray.length-1].style.left = (-1) * scrollWAElement.contentArray[scrollWAElement.contentArray.length-1].style.width.replace('px','') + "px";
}
}
//
//
//
function setNewScrollLeftWAPosition(scrollWAElement)
{
if(((scrollWAElement.contentArray[scrollWAElement.actualIndex].offsetLeft) > ((-1)*scrollWAElement.contentArray[scrollWAElement.actualIndex].offsetWidth)))
{
for(i=0;i<scrollWAElement.contentArray.length;i++)
{
scrollWAElement.contentArray[i].style.left = (scrollWAElement.contentArray[i].offsetLeft - scrollWAElement.scrollWAStep) + "px";
}
scrollWAElement.timer = setTimeout(function (){setNewScrollLeftWAPosition(scrollWAElement);},scrollWAElement.scrollWASpeed1);
}
else
{
if(scrollWAElement.contentArray[scrollWAElement.actualIndex+1])
{
scrollWAElement.actualIndex++;
}
else
{
scrollWAElement.actualIndex = 0;
}
if ((scrollWAElement.actualIndex) == scrollWAElement.targetIndex)
{
if(scrollWAElement.contentArray[scrollWAElement.actualIndex-1])
{
scrollWAElement.contentArray[scrollWAElement.actualIndex-1].style.left = (scrollWAElement.scrollWATotalWidth - scrollWAElement.contentArray[scrollWAElement.actualIndex].offsetWidth) + "px";
}
else
{
scrollWAElement.contentArray[scrollWAElement.contentArray.length-1].style.left = (scrollWAElement.scrollWATotalWidth - scrollWAElement.contentArray[scrollWAElement.actualIndex].offsetWidth) + "px";
}
scrollWAElement.contentArray[scrollWAElement.actualIndex].style.left =  0 + "px";
if(scrollWAElement.contentArray[scrollWAElement.actualIndex+1])
{
scrollWAElement.contentArray[scrollWAElement.actualIndex+1].style.left = scrollWAElement.contentArray[scrollWAElement.actualIndex].style.width.replace('px','') + "px";
}
else
{
scrollWAElement.contentArray[0].style.left = scrollWAElement.contentArray[scrollWAElement.actualIndex].style.width.replace('px','') + "px";
}
if(scrollWAElement.continueScrollWA && (scrollWAElement.contentArray[scrollWAElement.targetIndex+1]))
{
scrollWAElement.targetIndex++;
}
else if (scrollWAElement.continueScrollWA)
{
scrollWAElement.targetIndex = 0;
}
if (scrollWAElement.continueScrollWA)
{
scrollWAElement.timer = setTimeout(function (){setNewScrollLeftWAPosition(scrollWAElement);},scrollWAElement.scrollWASpeed2);
}
}
else
{
scrollWAElement.contentArray[scrollWAElement.actualIndex].style.left = 0 + "px";
if(scrollWAElement.contentArray[scrollWAElement.actualIndex+1])
{
scrollWAElement.contentArray[scrollWAElement.actualIndex+1].style.left = scrollWAElement.contentArray[scrollWAElement.actualIndex].style.width.replace('px','') + "px";
}
else
{
scrollWAElement.contentArray[0].style.left = scrollWAElement.contentArray[scrollWAElement.actualIndex].style.width.replace('px','') + "px";
}
if (scrollWAElement.contentArray[scrollWAElement.actualIndex-1])
{
scrollWAElement.contentArray[scrollWAElement.actualIndex-1].style.left = (-1) * scrollWAElement.contentArray[scrollWAElement.actualIndex-1].style.width.replace('px','') + "px";
}
else
{
scrollWAElement.contentArray[scrollWAElement.contentArray.length-1].style.left = (-1) * scrollWAElement.contentArray[scrollWAElement.contentArray.length-1].style.width.replace('px','') + "px";
}
scrollWAElement.timer = setTimeout(function (){setNewScrollLeftWAPosition(scrollWAElement);},scrollWAElement.scrollWASpeed1);
}
}
}
//
//
//
function goFirstDivElement(scrollWAElement)
{
correctScrollRightLimitPositions(scrollWAElement);
clearTimeout(scrollWAElement.timer);
if (scrollWAElement.actualIndex == 0)
{
return;
}
scrollWAElement.targetIndex = 0;
scrollWAElement.continueScrollWA = false;
scrollWAElement.timer = setTimeout(function (){setNewScrollRightWAPosition(scrollWAElement);},scrollWAElement.scrollWASpeed1);
}
//
//
//
function goPreviousDivElement(scrollWAElement)
{
correctScrollRightLimitPositions(scrollWAElement);
clearTimeout(scrollWAElement.timer);
if(scrollWAElement.contentArray[scrollWAElement.actualIndex-1])
{
scrollWAElement.targetIndex = scrollWAElement.actualIndex - 1;
}
else
{
scrollWAElement.targetIndex = scrollWAElement.contentArray.length - 1;
}
scrollWAElement.continueScrollWA = false;
scrollWAElement.timer = setTimeout(function (){setNewScrollRightWAPosition(scrollWAElement);},scrollWAElement.scrollWASpeed1);
}
//
//
//
function goNextDivElement(scrollWAElement)
{
clearTimeout(scrollWAElement.timer);
scrollWAElement.continueScrollWA = false;
if (scrollWAElement.actualIndex == scrollWAElement.contentArray.length - 1)
{
scrollWAElement.targetIndex = 0;
}
else
{
scrollWAElement.targetIndex = scrollWAElement.actualIndex + 1;
}
scrollWAElement.timer = setTimeout(function (){setNewScrollLeftWAPosition(scrollWAElement);},scrollWAElement.scrollWASpeed1);
}
//
//
//
function goLastDivElement(scrollWAElement)
{
clearTimeout(scrollWAElement.timer);
if (scrollWAElement.actualIndex == scrollWAElement.contentArray.length - 1)
{
return;
}
scrollWAElement.targetIndex = scrollWAElement.contentArray.length - 1;
scrollWAElement.continueScrollWA = false;
scrollWAElement.timer = setTimeout(function (){setNewScrollLeftWAPosition(scrollWAElement);},scrollWAElement.scrollWASpeed1);
}
//
//
//
function setNavigationBar(scrollWAElement)
{
var playPause = "play";
var darkNavigationBar = document.createElement('div');
darkNavigationBar.id = "scrollLeftWrapArounNavigationBar" + scrollWAElement.scrollParentElement.id;
darkNavigationBar.style.zIndex = 2;
darkNavigationBar.style.position = 'relative';
darkNavigationBar.style.top = '0px';
darkNavigationBar.style.left = '0px';
darkNavigationBar.style.backgroundColor = "#bcbcbe";
darkNavigationBar.style.visibility = "hidden";
setOpacity(darkNavigationBar,0.6);
var navigationIconsArray = getNavigationIcons(scrollWAElement.firstIconSrc);
var tbElement = document.createElement('table');
var tbBody = document.createElement("tbody");
var tableRow1 = document.createElement('tr');
var firstImgColumn = document.createElement('td');
var previousImgColumn = document.createElement('td');
var playPauseImgColumn = document.createElement('td');
var nextImgColumn = document.createElement('td');
var lastImgColumn = document.createElement('td');
darkNavigationBar.appendChild(tbElement);
tbElement.appendChild(tbBody);
tbBody.appendChild(tableRow1);
tableRow1.appendChild(firstImgColumn);
tableRow1.appendChild(previousImgColumn);
tableRow1.appendChild(playPauseImgColumn);
tableRow1.appendChild(nextImgColumn);
tableRow1.appendChild(lastImgColumn);
tbElement.style.width = "100%";
tableRow1.style.textAlign = "center";
firstImgColumn.appendChild(navigationIconsArray[0]);
previousImgColumn.appendChild(navigationIconsArray[1]);
playPauseImgColumn.appendChild(navigationIconsArray[5]);
nextImgColumn.appendChild(navigationIconsArray[2]);
lastImgColumn.appendChild(navigationIconsArray[3]);
scrollWAElement.scrollParentElement.appendChild(darkNavigationBar);
for (i=0;i<navigationIconsArray.length;i++)
{
navigationIconsArray[i].id = "iconsArray" + scrollWAElement.scrollParentElement.id + i;
}
navigationIconsArray[0].onclick = function ()
{
goFirstDivElement(scrollWAElement);
playPauseImgColumn.firstChild.src = navigationIconsArray[4].src;
playPause = "pause";
};
navigationIconsArray[1].onclick = function ()
{
goPreviousDivElement(scrollWAElement);
playPauseImgColumn.firstChild.src = navigationIconsArray[4].src;
playPause = "pause";
};
navigationIconsArray[2].onclick = function ()
{
goNextDivElement(scrollWAElement);
playPauseImgColumn.firstChild.src = navigationIconsArray[4].src;
playPause = "pause";
};
navigationIconsArray[3].onclick = function ()
{
goLastDivElement(scrollWAElement);
playPauseImgColumn.firstChild.src = navigationIconsArray[4].src;
playPause = "pause";
};
var playSrc = navigationIconsArray[4].src;
var pauseSrc = navigationIconsArray[5].src
playPauseImgColumn.onclick = function ()
{
if (playPause == "play")
{
scrollWAElement.continueScrollWA = false;
clearTimeout(scrollWAElement.timer);
playPauseImgColumn.firstChild.src = playSrc;
playPause = "pause";
}
else
{
playPauseImgColumn.firstChild.src = pauseSrc;
playPause = "play";
scrollWAElement.continueScrollWA = true;
if (scrollWAElement.contentArray[scrollWAElement.actualIndex + 1])
{
scrollWAElement.targetIndex = scrollWAElement.actualIndex + 1;
}
else
{
scrollWAElement.targetIndex = 0;
}
scrollWAElement.timer = setTimeout(function (){setNewScrollLeftWAPosition(scrollWAElement);},scrollWAElement.scrollWASpeed1);
}
};
}
//
//
//
function getNavigationIcons(imgSrc)
{
var imageArray = new Array();
var index = imgSrc.lastIndexOf("/")
//Get path substrings
var srcStringPart1 = imgSrc.substring(0,index+1);
var srcStringPart2 = imgSrc.substring((imgSrc.length)-4,(imgSrc.length));
for(i=0;i<6;i++)
{
imageArray[i] = new Image();
}
imageArray[0].src = srcStringPart1 + "first" +  srcStringPart2;
imageArray[1].src = srcStringPart1 + "previous" +  srcStringPart2;
imageArray[2].src = srcStringPart1 + "next" +  srcStringPart2;
imageArray[3].src = srcStringPart1 + "last" +  srcStringPart2;
imageArray[4].src = srcStringPart1 + "play" +  srcStringPart2;
imageArray[5].src = srcStringPart1 + "pause" +  srcStringPart2;
return imageArray;
}
//
//
//
function setOpacity(object,opacityPct)
{
object.style.zoom = 1;
object.style.filter = 'alpha(Opacity=' + opacityPct*100 + ')';
//IE.
object.style.filter = "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + opacityPct*100 + ")";
object.style.MozOpacity = opacityPct;
object.style.opacity = opacityPct;
}