if (document.all || document.getElementById){
 document.write('<style type="text/css">\n');
 document.write('.dyncontent{display: none; width: 250px; height: 60px;}\n');
 document.write('</style>');
}

var curcontentindex=0;
var messages=new Array();
var clicked=0;

function getElementByClass(classname)
{
	var inc=0; 
	var alltags=document.all? document.all : document.getElementsByTagName("*");
	for (i=0; i<alltags.length; i++)
		{
		if (alltags[i].className==classname)
		messages[inc++]=alltags[i];
		}
}

function rotatecontent()
{
	curcontentindex=(curcontentindex<messages.length-1)? curcontentindex+1 : 0;
	prevcontentindex=(curcontentindex==0)? messages.length-1 : curcontentindex-1;
	try{	
			bgChange('btn1',prevcontentindex);
			messages[prevcontentindex].style.display="none";
		}catch(err){}
		bgChange('btn',curcontentindex); 
		messages[curcontentindex].style.display="block";clicked=curcontentindex;
}


function item1(num)
	{  
		curcontentindex=(curcontentindex<messages.length-1)? curcontentindex+1 : 0;
		clicked=num;
		prevcontentindex=(curcontentindex==0)? messages.length-1 : curcontentindex-1;
		//bgChange('button_blue.jpg',prevcontentindex);
		bgChange('btn1',prevcontentindex);
		messages[prevcontentindex].style.display="none"; 
		bgChange('btn',num); 
		messages[num].style.display="block";
		curcontentindex=num;
		intInterval=clearInterval(intInterval);
		intInterval=setInterval('rotatecontent()', 5000*2);
	}



function bgChange(bg,no)
{
	try{
			document.getElementById('items'+no).className="" + bg + "";
		}catch(err){}
}
function bgChange1(bg,no)
{
	if(clicked==no){}else{
							document.getElementById('items'+no).className="" + bg + "";	
							}
			}
function reFresh() 
{
	location.reload(true)
	setTimeout("reFresh()",60000*10);
}
setTimeout("reFresh()",60000*10);


var itemlist=new Array();


itemlist[0]="CRUJUN10";
itemlist[1]="GOLJUN10";
itemlist[2]="HEAJUN10";
itemlist[3]="NAGJUN10";
itemlist[4]="MCRUJUN10";
itemlist[5]="MGOLJUN10";
itemlist[6]="COFJUL10";
itemlist[7]="COPJUL10";
itemlist[8]="COTJUL10";
itemlist[9]="CRUJUL10";
itemlist[10]="SBOJUL10";
itemlist[11]="SILJUL10";
itemlist[12]="SOYJUL10";
itemlist[13]="WHTJUL10";
itemlist[14]="MCOPJUL10";
itemlist[15]="MCRUJUL10";
itemlist[16]="MSILJUL10";


function start()
{
	for(i=0;i<itemlist.length;i++)
	{
		var elem = document.createElement("div");
		if(i==0){elem.innerHTML ="<input class='btn'   id='items"+i+"' type='button' value='"+itemlist[i]+"' disabled onclick='item1("+i+")' 	onmouseover='bgChange1(\"btn\","+i+");'onmouseout='bgChange1(\"btn1\","+i+")'/>";}else{
		elem.innerHTML ="<input class='btn1'  id='items"+i+"' type='button' value='"+itemlist[i]+"'	disabled onclick='item1("+i+")' 	onmouseover='bgChange1(\"btn\","+i+");'onmouseout='bgChange1(\"btn1\","+i+")'/>";}
		document.getElementById("place1").appendChild(elem);
		var divTag = document.createElement("div");
		if(i==0){divTag.style.display="block";}else{divTag.style.display="none";}
		divTag.id = "div1";
		divTag.innerHTML ="<img src='http://charts.kappsoft.com/ImageGenerator/ChartImage?itemcode="+itemlist[i]+"&periodtype=O&charttype=A&width=275&height=215&onlyimage=true&type=M&key=2158362315532612&volume=no&tblflag=no&areaBGColor=12,109,170&timezone=5:45a' border='0' onload='ld("+i+")'/>";
		divTag.className ="dyncontent";
		document.getElementById("place").appendChild(divTag);
    }
}
function ld(j)
{
	document.getElementById("items"+j+"").disabled =false;
	if(j==1)
	{
		if (document.all || document.getElementById)
		{
			 getElementByClass("dyncontent");
			 intInterval=setInterval('rotatecontent()', 5000*2);
		}
	}
}
	
window.onload = function()
			{
				start();
			}