id="#m_scrollbanner";
pictarea="#m_scrollbanner-banner";
btn_back="#m_scrollbanner-back";
btn_next="#m_scrollbanner-next";
btn_thumb="#m_scrollbanner-thumb";


$(document).ready(function() {	
	H_left = parseInt($(id).offset().left);		
	H_right = parseInt($(id).width() + H_left);
	H_maxw = parseInt($(id + ' li').width() * $(pictarea + ' li').length);
	H_singlew = parseInt($(id + ' li').width());
	/*H_scroll_max=parseInt($(id).width() - H_maxw);*/
	H_scroll_max=-1 * H_maxw * 2;
	H_scroll_min=0;
	H_scroll_ini = -1 * H_maxw
	endflg=false;
	
	timerID = 0;
	iNext=-1;
	iBack=1;
	vMotion=0;
	vMotionS=0;
	vDirection=iNext;
	stat="";

	pictStr = $(pictarea).html();
	$(pictarea).append(pictStr);
	$(pictarea).append(pictStr);
	$(pictarea).css("width",H_maxw * 3);
	$(pictarea).css("left",H_scroll_ini);

	timerID = setScrollTimer(iNext);

	$(id).mouseover(function(e) {
		stat= id +"mouseover";
		stopScroll(iNext);
	});
	$(id).mouseout(function(e) {
		stat= id +"mouseout";
		startScroll(iNext);
	});


	/*modified*/
	setMargin();

});

/*modified start 111209*/
$(window).resize(function(){
    setMargin();
});

function setMargin(){
	margin = ($(window).width()-960)/2;
	$(btn_back).css("width", margin );
	$(btn_next).css("width", margin );
	$(btn_next).css("left", $(window).width() - margin );
};
/*modified end*/

function setScroll(pictnum){
	
		var new_value =H_scroll_ini - H_singlew * (pictnum -1);	
		var cur_value = parseInt($(pictarea).css("left"));	
		
		if(cur_value<new_value){
			cur_value=cur_value + H_maxw;
			$(pictarea).css("left",cur_value);
		}

		/*modified start 111209*/
		var margin = ($(window).width() - 960)/2;	
		$(pictarea).animate({ left:new_value+margin}, {queue:false, duration:800});
		/*modified end*/

		//$(pictarea).animate({ left:new_value}, {queue:false, duration:500});
		stopScroll(iNext);
};

function restartScroll(){
	
		stat= id +"mouseout";
		startScroll(iNext);
};

function setScrollTimer(lr){
	vMotion=1;
	vDirection = lr;
	timerID =setTimer(35);
	return timerID;
}

function startScroll(lr){
	vMotion=1;
	vDirection = lr;
}
function stopScroll(lr){
	vMotion=0;
}


function setTimer(Int)
{
	timerID = setInterval("scrollbyTimer('" + pictarea  +"')",Int);
	return timerID;
};

function clearTimer(timerID)
{
	clearInterval(timerID);
};



function scrollbyTimer(){
	if(endflg==true){
		$(pictarea).css("left",H_scroll_ini);
		endflg=false;
	};
			
	var top_value = parseInt($(pictarea).css("left"));			
	top_value += (vMotion + vMotionS) * vDirection;		
		
	if((top_value <= H_scroll_max)||(top_value >=H_scroll_min)){
		endflg=true;
	}

	$(pictarea).css("left",top_value);

		
/*		status = stat + " " + vMotion +"|" + vMotionS +"|" + vDirection+"("+ H_scroll_max + "|"+ $(pictarea).css("left") + ")";
*/	
};

var userAgent = window.navigator.userAgent.toLowerCase();

if (userAgent.indexOf("msie") > -1) {
	try { 
	document.execCommand('BackgroundImageCache', false, true); 
	} catch(e) {} 
}