// JavaScript Document

	function getObject(objectId) {
		// cross-browser function to get an object's style object given its
		if(document.getElementById && document.getElementById(objectId)) {
		// W3C DOM
		return document.getElementById(objectId);
		} else if (document.all && document.all(objectId)) {
		// MSIE 4 DOM
		return document.all(objectId);
		} else if (document.layers && document.layers[objectId]) {
		// NN 4 DOM.. note: this won't find nested layers
		return document.layers[objectId];
		} else {
		return false;
		}
	} // getObject
	
	
	function getStyleObject(objectId) {
		// cross-browser function to get an object's style object given its
		if(document.getElementById && document.getElementById(objectId)) {
		// W3C DOM
		return document.getElementById(objectId).style;
		} else if (document.all && document.all(objectId)) {
		// MSIE 4 DOM
		return document.all(objectId).style;
		} else if (document.layers && document.layers[objectId]) {
		// NN 4 DOM.. note: this won't find nested layers
		return document.layers[objectId];
		} else {
		return false;
		}
	} // getStyleObject
	
	
	var tempLeft = 0;
	function smoothMove(e, speed, targetx) {	

		var thisDiv = e;	

		tempLeft += speed * (targetx-tempLeft);
		
		if (Math.round(tempLeft) == targetx ) {
			tempLeft = targetx; 
		}
		
		if (document.layers) {		
			thisDiv.left = tempLeft;
		
									 
		} else {  	
			thisDiv.left = tempLeft + "px";


		}												
		
	};
	
	var the_timeout;
	function moveController( px ){

		var speed = 0.2;
		var thisDiv = getStyleObject('listContent');
		 
		smoothMove( thisDiv , speed , px );
		
		if (parseFloat(thisDiv.left) == px ) {
														
			clearTimeout(the_timeout);															
			
		} else {
		
			the_timeout = setTimeout("moveController("+px+");",10);													
			
		}
	}
	

	var thisListPos = 0;
	function useWithList(_m , len , diffX ) {
		if(the_timeout!=null) clearTimeout(the_timeout);	
		thisListPos += _m;												
		thisListPos =   (_m < 0 )  ?  Math.max(thisListPos , 0) :  Math.min(thisListPos , len) ;
		
		getObject('btn_left').src =  (thisListPos == 0 ) ? "../images/product/btn_left_off.gif"  :"../images/product/btn_left.gif"  ;												
		getObject('btn_right').src =  (thisListPos == len ) ? "../images/product/btn_right_off.gif"  :"../images/product/btn_right.gif"  ;
		
		//alert(thisListPos);
		
		moveController((thisListPos)*diffX*(-1));
		
	
	}
	
	
	function setPng24(obj) { 
		if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent)) return '';
		obj.width=1;
		obj.height=1;
		obj.className=obj.className.replace(/\bpng24\b/i,'');
		obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');";
		obj.src='';
		return '';
	}