//grobal data
var viewerdata = {
	nownum:0,
	imagenum:0,
	imagewidth:0,
	imageheight:0,
	interval:3000,
	timerid:0,
	lock:false
};

$(document).ready(function(){

	//get size
	viewerdata.imagenum = $("#headerBanner a").size();
	viewerdata.imageheight = $("#headerBanner").height();
	viewerdata.imagewidth = $("#headerBanner").width();
	$("#bannerareain").width(viewerdata.imagewidth * viewerdata.imagenum);


	//set image
	for(i = 0 ; i < viewerdata.imagenum ; i++){
		$("#bannerareain li").width(viewerdata.imagewidth);
		$("#bannerareain li").height(viewerdata.imageheight);
	}

	//image mouse
	$("#bannerareain img").mouseover(function(){
		$(this).fadeTo("fast" , 0.5);
		viewerdata.lock = true;
	}).mouseout(function(){
		$(this).fadeTo("fast" , 1);
		viewerdata.lock = false;
	});
	
	//scroll left
	function scrollNext(){
	if(viewerdata.lock !=false)return;
		 viewerdata.nownum++;
		if( viewerdata.nownum >  viewerdata.imagenum - 1){
			viewerdata.nownum = 0;	
		}
		$("#bannerareain").animate({marginLeft : "-" + viewerdata.imagewidth * viewerdata.nownum + "px"} , "fast" , "linear" );
	}
	
	//timer
	viewerdata.timerid = setInterval(scrollNext , viewerdata.interval);
});