//document.getElementById('exploremoreadscontainer').style.overflow='hidden';// hide scrollbar
window.addEvent('domready', function() {

var adspace = null;
var singleadwidth = 145;//this is the size of ad defined in the stylesheet w/ margin
var defaultduration = 80000;// default scroll speed. (smaller = faster)
var duration = {};// container for scroll options
var replicate = 21;// number of times to replicate ads
var adcount = 0;
duration.duration = defaultduration;

function replicateAds(timestoreplicate){
	//var clone = $('exploremoreads').getLast().clone().injectBefore($('exploremoreads').getFirst());
	
	var adsclone = $('exploremoreads').clone();
	var children = adsclone.getChildren();
	adcount = children.length;
	if(adcount){
		if(timestoreplicate > 0){
			var adsize = 145;//$('exploremoreads').getFirst('li');
			adspace = adcount * (timestoreplicate+1) * adsize + 5;
			$('exploremoreads').setStyle('width', adspace + 'px');
			var mid = Math.round(timestoreplicate / 2);
			for(var i=0; i<timestoreplicate; i++){
				for(var j=0; j<adcount; j++){
					var clone = children[j].clone().inject($('exploremoreads'));
					if(i==mid && j==0){
						clone.setProperty('id','startscrollfrom');

					clone.addEvent('mouseover', function(event) {
						event = new Event(event).stop();
						scroll.stop();
					});
					}
				}
			}
		}
	}
}

function setDuration(direction){
	switch(direction){
		case 'prev':
			duration.duration = ($('exploremoreadscontainer').scrollLeft / adspace) * defaultduration;
		break;
		case 'next':
			duration.duration = (1-($('exploremoreadscontainer').scrollLeft / adspace)) * defaultduration;
		break;
		default:
			duration.duration = defaultduration;
	}
}

replicateAds(replicate);//times to replicate promo set

var ads = $ES('a', 'exploremoreads');
for(var i=0; i<ads.length; i++){
	var divoverlay = new Element('div');
	divoverlay.inject(ads[i]);//inject div overlay into promo anchor
}

var scroll = new Fx.Scroll('exploremoreadscontainer', {
	wait: false,
	duration: 0,
	offset: {'x': 0, 'y': 0}
}).toElement('startscrollfrom');//.scrollTo(Math.floor(replicate)*adcount*singleadwidth,0);//1450 for 10 ads when 1 ad width is 143, maybe it's 145

$('exploremorenavnext').addEvent('click', function(event) {
	event = new Event(event).stop();
});

//stop scroll right
$('exploremorenavnext').addEvent('mouseout', function(event) {
	event = new Event(event).stop();
	scroll.stop();

	//scroll.setOptions({ duration: 2000 });
	//var remainder = $('exploremoreadscontainer').scrollLeft%singleadwidth;
	//scroll.scrollTo($('exploremoreadscontainer').scrollLeft - remainder,0);

});

$('exploremorenavprev').addEvent('click', function(event) {
	event = new Event(event).stop();
});

//stop scroll left
$('exploremorenavprev').addEvent('mouseout', function(event) {
	event = new Event(event).stop();
	scroll.stop();
	//scroll.setOptions({ duration: 2000 });
	//var remainder = $('exploremoreadscontainer').scrollLeft%singleadwidth;
	//scroll.scrollTo($('exploremoreadscontainer').scrollLeft + (singleadwidth-remainder),0);

});

//scroll right
$('exploremorenavnext').addEvent('mouseover', function(event) {
	event = new Event(event).stop();
	setDuration('next');
	scroll.setOptions(duration);
	scroll.toRight();
});

//scroll left
$('exploremorenavprev').addEvent('mouseover', function(event) {
	event = new Event(event).stop();
	if($('exploremoreadscontainer').scrollLeft < 10){
		var mid = Math.round(replicate / 2);
		var startelement = adcount * singleadwidth * mid;
		$('exploremoreadscontainer').scrollLeft = startelement;
	}
	setDuration('prev');
	scroll.setOptions(duration);
	scroll.toLeft();
});

});