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 = '3';		
	}else{
		imgCount = '3';		
	}
	return(imgCount);
}();




var iconScroll ={
 
//alert(isMozilla);
slidecallingtime : (isMozilla)?5:10,
direction : 'P',
container: '',
content_container:'',
content1:'',
content2:'',
pos_container:'',
pos_content1:'',
pos_content2:'',
tblcellW : parseInt('120'),			//parseInt(detectBrwRes),	
imgShow : parseInt(detectBrwRes),		//parseInt('4'),
per:'',
t:0,
t1:0,
slideStart : 0,
slideDur:1000,
sliding:false,
startX1:'',
startX2:'',
destX1:'',
destX2:'',
distX1:'',
distX2:'',
disp:0,


init : function(){	
	//alert(iconScroll.tblcellW);
	var tbl_scrolling = document.getElementById("tbl_scrolling");
	iconScroll.container = document.getElementById("container");
	iconScroll.content_container = document.getElementById("content_container");
	iconScroll.content1 = document.getElementById("content1");
	iconScroll.content2 = document.getElementById("content2");
	
	
	if(tbl_scrolling)
	{
		tbl_scrolling.style.width = (screen.width>=1024) ? '520px' : '410px';
	}
	
	
	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 = '130px';
		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' + '0px)';	
		iconScroll.container.style.border = '0px dashed red';
		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';
		iconScroll.content_container.style.border = '0px solid blue';
	}

	if(iconScroll.content1)
	{
		iconScroll.content1.style.position = 'absolute';
		iconScroll.content1.style.width = eval(((scrollConfig.rollImages.length-1)-1) * iconScroll.tblcellW) + 'px';
		iconScroll.content1.style.height = '130px';
		iconScroll.content1.style.left = '0px';
		iconScroll.content1.style.top = '0px'; 
		iconScroll.content1.style.border = '0px black';
		iconScroll.content1.style.zIndex = '0';
	}

	if(iconScroll.content2)
	{
		iconScroll.content2.style.position = 'absolute';
		iconScroll.content2.style.width = eval((scrollConfig.rollImages.length-1) * iconScroll.tblcellW) + 'px';
		iconScroll.content2.style.height = '130px';
		iconScroll.content2.style.left = '0px';
		iconScroll.content2.style.top = '0px'; 
		iconScroll.content2.style.border = '0px blac';
		iconScroll.content2.style.zIndex = '0';
	}


},

autoScroll : function() {
	
	if(!iconScroll.t){
		if(iconScroll.t1)
			clearInterval(iconScroll.t1);
		iconScroll.t1 = setInterval("iconScroll.nextprevious('"+iconScroll.direction+"');", scrollConfig.autoslidetime);		
	}	
},

stopScroll : function(){
	if(!iconScroll.t){
		clearInterval(iconScroll.t1);
	}
},

moveDiv :  function(obj){
	var x1 = 1;
	iconScroll.pos_container = iconScroll.findPos(iconScroll.container);
	x1 = -(((scrollConfig.rollImages.length-1)-iconScroll.imgShow) * iconScroll.tblcellW) + iconScroll.pos_container[1];
	var x2 =  (1 * iconScroll.tblcellW) + iconScroll.pos_container[1];
	for(i=0;i<obj.length;i++)
	{
		var obj_pos = iconScroll.findPos(obj[i]);
		if(parseInt(obj_pos[0]) == x1)
		{
			iconScroll.shiftDiv(obj[0-i],[iconScroll.imgShow * iconScroll.tblcellW,1]);
		}
		if(parseInt(obj_pos[0]) == x2)
		{
			iconScroll.shiftDiv(obj[0-i],[-parseInt((scrollConfig.rollImages.length-1))* iconScroll.tblcellW,1]);
		}
	}
},
 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 + "');",scrollConfig.autoslidetime);
	}
},
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);
	//alert('content1--->'+startX1+'<--->'+destX1+'<--->'+distX1);
	//alert('content2--->'+startX2+'<--->'+destX2+'<--->'+distX2);
},
 nextprevious : function(op){
	if(!iconScroll.t)
	{
		
		clearInterval(iconScroll.t1);
		
		iconScroll.container = document.getElementById("container");
		iconScroll.content_container = document.getElementById("content_container");
		iconScroll.content1 = document.getElementById("content1");
		iconScroll.content2 = document.getElementById("content2");
		
		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;
			iconScroll.destX2 = iconScroll.startX2 + iconScroll.tblcellW;
		}
		if(op=='P')
		{
			iconScroll.direction = 'P';
			iconScroll.destX1 = iconScroll.startX1 - iconScroll.tblcellW;
			iconScroll.destX2 = iconScroll.startX2 - iconScroll.tblcellW;		
		}
		iconScroll.glideDiv([iconScroll.startX1,iconScroll.startX2],[iconScroll.destX1,iconScroll.destX2]);
	}
},
preLoad : function(x){
	var showhtml = '';
	iconScroll.container = document.getElementById("container");
	iconScroll.content_container = document.getElementById("content_container");
	lenth=(scrollConfig.rollImages.length);
	lenth=lenth-1;
	showhtml += '<table id="table_content' + x + '" border="0" cellpadding="0" cellspacing="0" width="'+eval((scrollConfig.rollImages.length-1) * iconScroll.tblcellW)+'px">';
	showhtml += '<tbody><tr>';
	for(var i=0;i<lenth;i++){
		showhtml += '<td align="center">';
		showhtml += '<table border="0" cellpadding="0" cellspacing="0" align="center" height="100px" width="100px">';
		if(scrollConfig.imgBack != '')
			showhtml += '<tr><td align="center" background="'+ scrollConfig.imgBack +'" height="80px" width="80px">';
		else
		showhtml += '<tr><td align="center" height="100px" width="100px">';
		showhtml += '<a href="'+ scrollConfig.imgLinks[i] + '">';
		showhtml += '<img title="' + scrollConfig.imgAltTxt[i] + '" src="'+ scrollConfig.imgPath + scrollConfig.rollImages[i]+'" border="1" height="99px" width="109px" class="imgborder">';
		showhtml += '</a></td></tr>';
		showhtml += '</table>';

		showhtml += '<table border="0" cellpadding="0" cellspacing="0" align="center" height="70px" width="80px">';
		showhtml += '<tr style="color:' + scrollConfig.dtTxtColor + ';font-family:' + scrollConfig.dtFont[i] + ';font-size:10px;">';
		showhtml += '<td align="center" valign="top" class="" height="50px" width="80px" style="border: 0px solid green">';
		showhtml += '<a href="' + scrollConfig.imgLinks[i] + '" style="font-family:' + scrollConfig.capTxtFont[i] + ';font-size:10px;color:' + scrollConfig.capTxtColor1 + ';font-weight:bold;" onMouseOver="this.style.color=\'' + scrollConfig.capTxtColor2.substring(1) + '\';iconScroll.stopScroll();" onMouseOut="this.style.color=\'' + scrollConfig.capTxtColor1.substring(1) + '\';">' + scrollConfig.capTxt[i] + '</a><br>';
		
		showhtml += '</td></tr>';
		showhtml += '</table>';
		showhtml += '</td>';
	}
	showhtml += '</tr></tbody></table>';

	img_prev = new Image();
	img_nxt = new Image();
	img_prev.src = scrollConfig.rollingButOut[0];
	img_nxt.src = scrollConfig.rollingButOut[1];
	
	document.write(showhtml);
	iconScroll.init();
	if(x=='1')
	{
		iconScroll.content1 = document.getElementById("content1");
		iconScroll.shiftDiv(iconScroll.content1,[0,0]);
	}
	if(x=='2')
	{
		iconScroll.content2 = document.getElementById("content2");
		iconScroll.shiftDiv(iconScroll.content2,[-parseInt((scrollConfig.rollImages.length-1)) * iconScroll.tblcellW,0]);
	}
}
};