window.onload=init;

function init()
{
	if (window.initiated)	{
		return;
	}
	
	mouseOverShow();		
	
	hidePopup1();	
	hidePopup2();
}

function hidePopup1()
{
	var b = getElementByClassName("div","popup1")
	b[0].style.display ="none";
	var a = getElementByClassName("img","wtats_chai1")	
	a[0].src = "assets/img/whats_chai.gif";
}
function hidePopup2()
{
	var b = getElementByClassName("div","popup2")
	b[0].style.display ="none";
	var a = getElementByClassName("img","wtats_chai1")	
	a[1].src = "assets/img/the_chai_way_of_life.gif";
}
function mouseOverShow()
{
	var a = getElementByClassName("a","readMore")	
		
		a[0].onmouseover = function()
		{
			
			showDiv1();
		} 
		a[0].onmouseout = function()
		{
			hidePopup1();
		} 
		a[1].onmouseover = function()
		{
			showDiv2();
		} 
		a[1].onmouseout = function()
		{
			hidePopup2();
		} 
}
function showDiv1() {
	var b = getElementByClassName("div","popup1")
	b[0].style.display ="block";
	var a = getElementByClassName("img","wtats_chai1")	
	a[0].src = "assets/img/whats_chai_hover.gif";
}
function showDiv2() {
	var b = getElementByClassName("div","popup2")
	b[0].style.display ="block";
	var a = getElementByClassName("img","wtats_chai1")	
	a[1].src = "assets/img/the_chai_way_of_life_hover.gif";
}
function getElementByClassName(tag,fClass)
{
	var el = (tag == "*" && document.all) ? document.all : document.getElementsByTagName(tag);
	var o=new Array();
	for (var i=0;i<el.length;i++)
	{
		if (el[i].className.indexOf(fClass)!=-1)
		o.push(el[i]);
	}
	return o;
}

/*
function clickclear(thisfield, defaulttext) {
if (thisfield.value == defaulttext) {
thisfield.value = "";
}
}

function clickrecall(thisfield, defaulttext) {
if (thisfield.value == "") {
thisfield.value = defaulttext;
}
}*/