function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

function getHTTPObject(){
	if (window.ActiveXObject) 
		return new ActiveXObject("Microsoft.XMLHTTP");
	else if (window.XMLHttpRequest) 
		return new XMLHttpRequest();
	else {
		alert("Your browser does not support AJAX.");
return null;
}
}


function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;

	
	
	//document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(divid2).style.backgroundImage + ")";
	//changeOpac(0, divid2);
	document.getElementById(divid).style.backgroundImage = "url(" + imagefile+ ")";;

	
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + divid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}

function pause(millis)
{
var date = new Date();
var curDate = null;

do { curDate = new Date(); }
while(curDate-date < millis);
} 


function javascript_icons(){

var javascript_icons=new Array(
'luna.png','blackbird.png','orangechu.png','yellowbananas2.gif','crossbill.png','rain.png','hibafish.png','ginger_cat.png','redbananas2.gif','sun.png','pistachio.png','rainbowyoshi.gif','dandelion.png','sparrow.png','panda.png','olives.png','tree.png','duck.png','pink_moon.png','banana_ani.gif','yingyang.png','coriander.png','orange_cherries.png','orange_duck.png','rooftiles.png','rosemary.png','lizstar1.png','sandy_denny.png','daisy.png','bear.png','chaffinch.png','pinkbananas2.gif','yellowmug.png','cat.png','quill.png','cello.png','orangebananas2.gif','eggplant.png','leaf.png','rice_cake.png','greenbananas2.gif','pikachu.png','pegs.png','purplebananas2.gif','rabbit.png','orange_pepper.png','mouse.png','daisies.png');


return javascript_icons;

}


function javascript_symbols(){

var javascript_symbols=new Array(
'&#126;','&curren;','&times;','&bull;','&#9786;','&theta;','&omega;','&Omega;','&Phi;','&Psi;','&Xi;','&Theta;','&dagger;','&Dagger;','&loz;','&clubs;','&hearts;','&diams;','&spades;');


return javascript_symbols;

}

function rOfList(arr){

var listlength = arr.length;

var rannumber = Math.floor(Math.random()*listlength);

return (arr[rannumber]);

}

function cycle_icons(){

if(cycleicons == true){

randomicon = rOfList(javascript_icons);
document.getElementById("iconimage").src="./raindrops/"+randomicon;

setTimeout("cycle_icons()",75)
}
}

function cycle_symbols(){

if(cyclesymbols == true){

randomsymbol = rOfList(javascript_symbols);

symbols_elements = getElementsByClass("moveicon");

//document.write(symbols_elements)

for ( var i in symbols_elements )
{
	symbols_elements[i].innerHTML = randomsymbol;
} 


setTimeout("cycle_symbols()",75)
}
}


function start_cycle(){

cycleicons = true;
cyclesymbols = true;

cycle_icons();
cycle_symbols();
}

function reset_arrow(){

document.getElementById("clicksymbol").innerHTML = "&larr;";

}


function ears(page){

start_cycle();

opacity("text_area", 100, 0, 300);
httpObject = getHTTPObject();

	if(page == null){
	page = "random";
	}

	if (httpObject != null) {
		httpObject.open("GET", "ears.php?p="+page)
		httpObject.send(null);
		httpObject.onreadystatechange = setOutput;
	}
}

function setOutput(){

	if(httpObject.readyState == 4){
	
	cycleicons = false;
	cyclesymbols =  false;
	reset_arrow();

	new_text = httpObject.responseText;
	
	if(new_text == ""){
	
	new_text = "<div class='smalltext'>Opps, looks like something has gone wrong somewhere. I try my best but it doesn't always work out. Go ahead and try the icon once more.</div>"
	
	}	
	
	text_area = document.getElementById("text_area")
	text_area_temp = document.getElementById("text_area_temp")

	text_area_h = text_area.clientHeight;
	
	text_area.innerHTML = "";
	// Base height = 10;
	
	text_area_temp.innerHTML = new_text;
	new_height = text_area_temp.clientHeight;
	
	height_shift_start = text_area_h-10;
	height_shift_finish = new_height-10;

	//page_slider(height_shift_start, height_shift_finish);
	
	text_area.innerHTML = new_text
	opacity("text_area",0, 100, 300)
	

	
	}
}

// function page_slider(start, end) {
	
	// resizer = document.getElementById("resizer")

	// var speed = Math.round(300 / 100);
	// var timer = 0;

	// if(start > end) {
		// for(i = start; i >= end; i--) {
			// setTimeout("resizer.style.height="+i+'px'+"",(timer * speed));
			// timer++;
		// }
	// } else if(start < end) {
		// for(i = start; i <=  end; i++)
			// {
			// setTimeout("resizer.style.height="+i+'px'+",(timer * speed));
			// timer++;
		// }
	// }
// }

function imageready(imageid){


changeOpac(0, imageid)

document.getElementById("loading_spiral").style.display="none"

image = document.getElementById(imageid)
opacity(imageid,0, 100, 300)
image.style.display="block"


}