brwAgent =  navigator.userAgent.toLowerCase();
var isMozilla = function() {
	if ((brwAgent.indexOf("gecko") != -1) && (brwAgent.indexOf("rv") != -1)) {
		if (!(brwAgent.indexOf("firefox") != -1) && !(brwAgent.indexOf("netscape") != -1)) {
			return true;
		
		} else {
			return false;
		}
		
	} else {
		return false;
	}
}();

var detectBrwRes = function() {
	var imgCount = '';
	if (screen.width>=1024 && screen.height>=768) {
		imgCount = '4';
	} else {
		imgCount = '4';
	}
	return(imgCount);
}();




var iconScroll = {
	slidecallingtime : (isMozilla) ? 5 : 10,
	direction : 'P',
	container: '',
	content_container:'',
	content1:'',
	content2:'',
	pos_container:'',
	pos_content1:'',
	pos_content2:'',
	tblcellW : parseInt('98'),
	imgShow : parseInt(detectBrwRes),
	per:'',
	t:0,
	t1:0,
	slideStart : 0,
	slideDur:1000,
	sliding:false,
	startX1:'',
	startX2:'',
	destX1:'',
	destX2:'',
	distX1:'',
	distX2:'',
	disp:0,
	init : function() {	
		iconScroll.container = document.getElementById("divContainer");
		iconScroll.content_container = document.getElementById("divContentContainer");
		iconScroll.content1 = document.getElementById("divContent1");
		iconScroll.content2 = document.getElementById("divContent2");
		
		if (iconScroll.container) {
			iconScroll.container.style.position = 'relative';
			iconScroll.container.style.overflow = 'hidden';
			iconScroll.container.style.width 	= eval(iconScroll.imgShow * iconScroll.tblcellW) + 'px';
			iconScroll.container.style.height 	= '70px';
			iconScroll.container.style.left 	= '0px';
			iconScroll.container.style.top 		= '0px';
			iconScroll.container.style.textAlign= 'center';
			iconScroll.container.style.clip 	= 'rect(0px, '+eval(iconScroll.imgShow * iconScroll.tblcellW) + 'px' + ', 98px, 0px)';	
			iconScroll.container.style.zIndex 	= '0'; 
		}
	
		if (iconScroll.content_container) {
			iconScroll.content_container.style.position = 'absolute';	
			iconScroll.content_container.style.left 	= '0px';
			iconScroll.content_container.style.top 		= '0px';
		}
	
		if (iconScroll.content1) {
			iconScroll.content1.style.position 	= 'absolute';
			iconScroll.content1.style.width 	= eval( intCount * iconScroll.tblcellW) + 'px';
			iconScroll.content1.style.height 	= '70px';
			iconScroll.content1.style.left 		= '0px';
			iconScroll.content1.style.top 		= '0px'; 
			iconScroll.content1.style.zIndex 	= '0';
		}
	
		if (iconScroll.content2) {
			iconScroll.content2.style.position = 'absolute';
			iconScroll.content2.style.width 	= eval( intCount * iconScroll.tblcellW) + 'px';
			iconScroll.content2.style.height 	= '70px';
			iconScroll.content2.style.left 		= '0px';
			iconScroll.content2.style.top 		= '0px'; 
			iconScroll.content2.style.zIndex 	= '0';
		}
	
	},
	
	autoScroll : function() {
		if (!iconScroll.t) {
			if (iconScroll.t1)
				clearInterval(iconScroll.t1);
			iconScroll.t1 = setInterval("iconScroll.nextprevious('"+iconScroll.direction+"');", 3000);		
		}	
	},
	
	stopScroll : function() {
		if (!iconScroll.t) {
			clearInterval(iconScroll.t1);
		}
	},
	
	moveDiv :  function(obj) {
		var x1 = 0;
		iconScroll.pos_container = iconScroll.findPos(iconScroll.container);
		x1 = -((intCount-iconScroll.imgShow) * iconScroll.tblcellW) + iconScroll.pos_container[0];
		var x2 =  (0 * iconScroll.tblcellW) + iconScroll.pos_container[0];
		for(i=0;i<obj.length;i++) {
			var obj_pos = iconScroll.findPos(obj[i]);
			if (parseInt(obj_pos[0]) == x1) {
				iconScroll.shiftDiv(obj[1-i],[iconScroll.imgShow * iconScroll.tblcellW,0]);
			}
			if (parseInt(obj_pos[0]) == x2) {
				iconScroll.shiftDiv(obj[1-i],[-parseInt(intCount)* iconScroll.tblcellW,0]);
			}
		}
	},
	 findPos : function(obj) {
		var curleft = 0;
		var curtop = 0;
		if (obj.offsetParent) {
			curleft = obj.offsetLeft
			curtop = obj.offsetTop
			while (obj = obj.offsetParent) {
				curleft += obj.offsetLeft
				curtop += obj.offsetTop
			}
		}
		return [curleft,curtop];	
	},
	shiftDiv : function(obj,pos) {
		obj.style.left = parseInt(pos[0])+'px';
		obj.style.top  = parseInt(pos[1])+'px';
	},
	slideDiv : function() {
		var elapse = (new Date()).getTime() - iconScroll.slideStart;
		if (elapse <= iconScroll.slideDur) {
			iconScroll.sliding = true;
			iconScroll.disp = iconScroll.distX1 * Math.sin(iconScroll.per * elapse);
			iconScroll.shiftDiv(iconScroll.content1,[iconScroll.startX1 + iconScroll.disp,0]);
			iconScroll.shiftDiv(iconScroll.content2,[iconScroll.startX2 + iconScroll.disp,0]);
		}
		else
		{
			iconScroll.disp = 0;
			clearInterval(iconScroll.t);
			iconScroll.t=0;
			iconScroll.sliding = false;
			iconScroll.shiftDiv(iconScroll.content1,[iconScroll.destX1,0]);
			iconScroll.shiftDiv(iconScroll.content2,[iconScroll.destX2,0]);
			iconScroll.moveDiv([iconScroll.content1,iconScroll.content2]);
			iconScroll.t1 = setInterval("iconScroll.nextprevious('"+ iconScroll.direction + "');",3000);
		}
	},
	glideDiv : function(start,dest) {	
		iconScroll.distX1 = iconScroll.destX1 - iconScroll.startX1;
		iconScroll.distX2 = iconScroll.destX2 - iconScroll.startX2;
	
		iconScroll.per = Math.PI/(2 * iconScroll.slideDur);
		iconScroll.slideStart = (new Date()).getTime();
		iconScroll.t = setInterval("iconScroll.slideDiv()",iconScroll.slidecallingtime);
	},
	 nextprevious : function(op) {
		if (!iconScroll.t) {
			clearInterval(iconScroll.t1);
			
			iconScroll.container = document.getElementById("divContainer");
			iconScroll.content_container = document.getElementById("divContentContainer");
			iconScroll.content1 = document.getElementById("divContent1");
			iconScroll.content2 = document.getElementById("divContent2");
			
			iconScroll.pos_container = iconScroll.findPos(iconScroll.container);
			iconScroll.pos_content1 = iconScroll.findPos(iconScroll.content1);
			iconScroll.pos_content2 = iconScroll.findPos(iconScroll.content2);
			
			iconScroll.startX1 = (parseInt(iconScroll.pos_content1[0]) - parseInt(iconScroll.pos_container[0]));
			iconScroll.startX2 = (parseInt(iconScroll.pos_content2[0]) - parseInt(iconScroll.pos_container[0]));
			
			if (op=='N') {
				iconScroll.direction = 'N';
				iconScroll.destX1 = iconScroll.startX1 + iconScroll.tblcellW*detectBrwRes;
				iconScroll.destX2 = iconScroll.startX2 + iconScroll.tblcellW*detectBrwRes;
			}
			if (op=='P') {
				iconScroll.direction = 'P';
				iconScroll.destX1 = iconScroll.startX1 - iconScroll.tblcellW*detectBrwRes;
				iconScroll.destX2 = iconScroll.startX2 - iconScroll.tblcellW*detectBrwRes;		
			}
			iconScroll.glideDiv([iconScroll.startX1,iconScroll.startX2],[iconScroll.destX1,iconScroll.destX2]);
			next();
		}
	},
	preLoad : function(x) {
		iconScroll.container = document.getElementById("divContainer");
		iconScroll.content_container = document.getElementById("divContentContainer");
		if (x=='1') {
			iconScroll.content1 = document.getElementById("divContent1");
			iconScroll.shiftDiv(iconScroll.content1,[0,0]);
		}
		if (x=='2') {
			iconScroll.content2 = document.getElementById("divContent2");
			iconScroll.shiftDiv(iconScroll.content2,[-parseInt('98') * iconScroll.tblcellW,0]);
		}
	}
};


