// 6. Carousel of logos for the footer

// This is the JS for the carousel of logos
var opacitySpeed = 2;	// Speed of opacity - switching between large images - Lower = faster
var opacitySteps = 10; 	// Also speed of opacity - Higher = faster
var slideSpeed = 5;	// Speed of thumbnail slide - Lower = faster
var slideSteps = 8;	// Also speed of thumbnail slide - Higher = faster
var columnsOfThumbnails = 5;	// Hardcoded number of thumbnail columns, use false if you want the script to figure it out dynamically. count also the last div which is empty.

var rdLogos_imageToShow = false;
var rdLogos_currentOpacity = 100;
var rdLogos_slideWidth = false;
var rdLogos_thumbTotalWidth = false;
var rdLogos_viewableWidth = false;
var currentUnqiueOpacityId = false;
var rdLogos_currentActiveImage = false;
var rdLogos_thumbDiv = false;
var rdLogos_thumbSlideInProgress = false;
var browserIsOpera = navigator.userAgent.indexOf('Opera')>=0?true:false;
var leftArrowObj;
var rightArrowObj;
var thumbsColIndex = 1;
var thumbsLeftPos = false;

function initGalleryScript()
{
	leftArrowObj = document.getElementById('btn-footer-arrow-left');		
	leftArrowObj.style.visibility='hidden';
	rightArrowObj = document.getElementById('btn-footer-arrow-right');	
	leftArrowObj.style.cursor = 'pointer';	
	rightArrowObj.style.cursor = 'pointer';	
	leftArrowObj.onclick = moveThumbnails;
	rightArrowObj.onclick = moveThumbnails;
	var innerDiv = document.getElementById('rdLogos_thumbs_inner');
	rdLogos_slideWidth = innerDiv.getElementsByTagName('DIV')[0].offsetWidth;
	rdLogos_thumbDiv = document.getElementById('rdLogos_thumbs_inner');
	rdLogos_thumbDiv.style.left = '0px';
	var subDivs = rdLogos_thumbDiv.getElementsByTagName('DIV');
	rdLogos_thumbTotalWidth = 0;
	var tmpLeft = 0;
	for(var no=0;no<subDivs.length;no++){
		if(subDivs[no].className=='strip_of_thumbnails'){
			rdLogos_thumbTotalWidth = rdLogos_thumbTotalWidth + rdLogos_slideWidth;
			subDivs[no].style.left = tmpLeft + 'px';
			subDivs[no].style.top = '0px';
			tmpLeft = tmpLeft + subDivs[no].offsetWidth;
		}
	}

	rdLogos_viewableWidth = document.getElementById('rdLogos_thumbs').offsetWidth;
}

function moveThumbnails()
{
	if(rdLogos_thumbSlideInProgress)return;
	rdLogos_thumbSlideInProgress = true;
	if(this.id=='btn-footer-arrow-left'){
		thumbsColIndex--;
		rightArrowObj.style.visibility='visible';
		if(rdLogos_thumbDiv.style.left.replace('px','')/1>=0){
			leftArrowObj.style.visibility='hidden';
			rdLogos_thumbSlideInProgress = false;
			return;
		}
		slideThumbs(slideSteps,0);
	}else{
		thumbsColIndex++;
		leftArrowObj.style.visibility='visible';
		var left = rdLogos_thumbDiv.style.left.replace('px','')/1;	
		var showArrow = true;
		if(rdLogos_thumbTotalWidth + left - rdLogos_slideWidth <= rdLogos_viewableWidth)showArrow = false;
		if(columnsOfThumbnails)showArrow = true;
		if(!showArrow)	
		{
			rightArrowObj.style.visibility='hidden';
			rdLogos_thumbSlideInProgress = false;
			return;
		}	
		slideThumbs((slideSteps*-1),0);
	}	
}

function slideThumbs(speed,currentPos)
{
	var leftPos;
	if(thumbsLeftPos){
		leftPos= thumbsLeftPos;
	}else{
		var leftPos = rdLogos_thumbDiv.style.left.replace('px','')/1;
		thumbsLeftPos = leftPos;
	}
	currentPos = currentPos + Math.abs(speed);		
	var tmpLeftPos = leftPos;
	leftPos = leftPos + speed;
	thumbsLeftPos = leftPos;
	rdLogos_thumbDiv.style.left = leftPos + 'px';
	if(currentPos<rdLogos_slideWidth)setTimeout('slideThumbs(' + speed + ',' + currentPos + ')',slideSpeed);else{
		if(tmpLeftPos>=0 || (columnsOfThumbnails && thumbsColIndex==1)){
			document.getElementById('btn-footer-arrow-left').style.visibility='hidden';
		}	
		var left = tmpLeftPos;		
		var showArrow = true;
		if(rdLogos_thumbTotalWidth + left - rdLogos_slideWidth <= rdLogos_viewableWidth)showArrow=false;
		if(columnsOfThumbnails){
			if((thumbsColIndex+1)<columnsOfThumbnails)showArrow=true; else showArrow = false;				
		}			
		if(!showArrow){
			document.getElementById('btn-footer-arrow-right').style.visibility='hidden';
		}					
		rdLogos_thumbSlideInProgress = false;
	}
}

// END - Carousel of logos for the footer