jQuery(window).bind('load', function(){
   var preload = [
     '../images/archiveleft.gif',
     '../images/archiveright.gif'
   ];           
   jQuery(document.createElement('img')).bind('load', function(){
    if(preload[0]) this.src = preload.shift();
   }).trigger('load');
});


jQuery(document).ready(function($){
					
		
		var aposition = jQuery("#archiveScroller").position();
		
	
		jQuery("a#ascrollLeft", this).click(function(){
			aposition = jQuery("#archiveScroller").position();
			if(aposition.left < 0){
				jQuery("#archiveScroller").animate({"left": "+=110px"}, "medium");
			}
			v = setTimeout("setStates()", 600);
		});
		
		jQuery("a#ascrollRight", this).click(function(){
			aposition = jQuery("#archiveScroller").position();
			if(aposition.left > -220 || aposition.left == 0){
				jQuery("#archiveScroller").animate({"left": "-=110px"}, "medium");
				
			}
			v = setTimeout("setStates()", 600);
			
		});
});

function setStates() {
	var aposition = jQuery("#archiveScroller").position();
	if(aposition.left < 0){
		jQuery("#ascrollLeft").removeClass("ascrollLeftOff");
		jQuery("#ascrollLeft").addClass("ascrollLeft");
	} else {
		jQuery("#ascrollLeft").removeClass("ascrollLeft");
		jQuery("#ascrollLeft").addClass("ascrollLeftOff");
	}
	if(aposition.left <= -220){
		jQuery("#ascrollRight").removeClass("ascrollRight");
		jQuery("#ascrollRight").addClass("ascrollRightOff");
	} else {
		jQuery("#ascrollRight").removeClass("ascrollRightOff");
		jQuery("#ascrollRight").addClass("ascrollRight");
	}
	clearTimeout(v);
}