var overlay_over=false;
var overlay_rr=false;
var overlay_rl=false;
var speed=10;
var interval;
var ulwidth=0;
var leftbound=0;
var rightbound=0;


var spec_totalwidth=0;
var spec_leftbound=0;
var spec_rightbound=0;
var spec_speed=690;
var eachwidth=230;


//image scrolling at overlay 
window.addEvent('domready',function(){
	/*
	$$("ul#overlay_imgs li").each(function(el){
		ulwidth+=113;
	});
	$$("ul#overlay_imgs li a").each(function(el){
		el.onclick=function(){
			var str;			
			if(el.href.toString().length>4 && (el.href.toString().search(/\.jpg/)!=-1 || el.href.toString().search(/\.gif/)!=-1 || el.href.toString().search(/\.png/)!=-1 || el.href.toString().search(/\.action/)!=-1)){
				str='<img src="' + el.href + '" />';
			}else{
				str='<img src="images/common/noimg.jpg" />';	
			}
			$('ban').innerHTML=str;
			return false;
		}
	});
	$$("ul#overlay_imgs li img").each(function(el){
		el.addEvent('mouseover',function(){
			el.setStyle('border','1px solid #ff0000');
    	});
		el.addEvent('mouseout',function(){
			el.setStyle('border','1px solid #cccccc');
    	});
	});	
	
	$('overlay_imgs').setStyle('width',ulwidth+"px");
	$('overlay_container').setStyle('width',678+"px");
	rightbound=-(ulwidth-678);
	$('overlay_right_arrow').onclick=function(){
		return false;
    }
	$('overlay_right_arrow').addEvent('mouseover',function(){
		overlay_over=true;
		overlay_rr=true;
		speed=(speed>0)?-speed:speed;
		play(1);
	});
	$('overlay_right_arrow').addEvent('mouseout',function(){
		overlay_over=false;
		overlay_rr=false;
		speed=(speed<0)?-speed:speed;
		play(0);
	});
	$('overlay_left_arrow').onclick=function(){
		return false;
    }
	$('overlay_left_arrow').addEvent('mouseover',function(){
		overlay_over=true;
		overlay_rl=true;
		play(1);
	});
	$('overlay_left_arrow').addEvent('mouseout',function(){
		overlay_over=false;
		overlay_rl=false;
		play(0);
	});
	*/
});
/*
function play(flag){
	var m=0;
	if(flag){
		interval=setInterval(function(){
			if(overlay_over){
				m=$('overlay_imgs').getStyle('margin-left').toInt();
				if((overlay_rr && m>rightbound) || (overlay_rl && m<=0)){
					m+=speed;
					$('overlay_imgs').setStyle('margin-left',m+"px");
				}
			}
		},40);
	}else{
		clearInterval(interval);
	}
}
*/
//overlay js
var cover;
function overlay_hide(div){
	cover.setStyle('display','none');
	$(div).setStyle('display','none');
	return false;
}
function overlay(div){
	//alert("test");
	cover = new Element('div', {
				'id':'lmll_cover',
				'styles': {
					'display': 'block',
					'border': 'none',
					'position':'absolute',
					'opacity':'0.5',
					'background-color':'#fff',
					'width':window.getScrollWidth()+'px',
					'height':window.getScrollHeight()+'px',
					'top':'0',
					'left':'0',
					'z-index':'998'
				},
				'events': {
					'click': function(){
						overlay_hide(div);
					},
					'mouseover': function(){
					}
				}
	});
	$(div).setStyles({
		'display':'',
		'left':window.getScrollLeft().toInt()+((window.getWidth()-857)/2)+ "px",
		'top':window.getScrollTop().toInt()+30+"px"
	})
	cover.inject($(document.body));
}