function transformText()
{
	var i = 0;
	var liColl = document.getElementsByTagName('li');
	for(i = 0; i < liColl.length; i++)
	{
		var elem = liColl[i];
		
		if(elem.getAttribute('class') != 'transform')
			continue;
		
		var txt = elem.innerHTML;
	
		elem.innerHTML = "<img src='/include/text.php?text=" + txt + "&font=papyrus.ttf&size=12&bgcolor=000000&color=D8C5A3' />";

	}

	var aColl = document.getElementsByTagName('a');
	for(i = 0; i < aColl.length; i++)
	{
		var elem = aColl[i];
		
        if(elem.getAttribute('class') == 'transform'){
			var txt = elem.innerHTML;
			elem.innerHTML = "<img border='0' src='/include/text.php?text=" + txt + "&font=papyrus.ttf&size=12&bgcolor=000000&color=D8C5A3' />";
		}
        else if(elem.getAttribute('class') == 'transform-a'){
			var txt = elem.innerHTML;
			elem.innerHTML = "<img id='img1' border='0' src='/include/text.php?text=" + txt + "&font=MODERN20.ttf&size=14&bgcolor=000000&color=D8C5A3' />";
            elem.innerHTML += "<img style='display:none;' id='img2' border='0' src='/include/text.php?text=" + txt + "&font=MODERN20.ttf&size=14&bgcolor=000000&color=f5f0e7' />";
        	elem.onmouseover = function() {$(this).find('#img1').hide();$(this).find('#img2').show();}
            elem.onmouseout = function() {$(this).find('#img2').hide();$(this).find('#img1').show();}
        }
        else if(elem.getAttribute('class') == 'transform-p'){
			var sid = elem.id.split("-");
        	sid = sid[0];
       		var tile_element = '#portfolio-tile-' + sid;
            //alert(tile_element);
            var txt = elem.innerHTML;
			elem.innerHTML = "<img id='img1' border='0' src='/include/text.php?text=" + txt + "&font=MODERN20.ttf&size=14&bgcolor=000000&color=D8C5A3' />";
            elem.innerHTML += "<img style='display:none;' id='img2' border='0' src='/include/text.php?text=" + txt + "&font=MODERN20.ttf&size=14&bgcolor=000000&color=f5f0e7' />";
        	elem.onmouseover = function() {
                var anchor = $(this);
                $(anchor).find('#img1').hide();
                $(anchor).find('#img2').show();
                $('#portfolio-content').children().hide();
                var tile_element = '#portfolio-tile-' + $(this).attr('id').split('-')[0];
                $(tile_element).fadeIn(150);
            }
            elem.onmouseout = function() {
            	$(this).find('#img2').hide();
                $(this).find('#img1').show();
                //$('#portfolio-content').children().hide();
                
            }
            
        }
	}

	var h1Coll = document.getElementsByTagName('h1');

	for(i = 0; i < h1Coll.length; i++)
	{
		var elem = h1Coll[i];

		if(elem.getAttribute('class') != 'transform')
			continue;

		var txt = elem.innerHTML;
	
		elem.innerHTML = "<img src='/include/text.php?text=" + txt + "&font=papyrus.ttf&size=20&bgcolor=000000&color=D8C5A3' />";

	}
	
	var h2Coll = document.getElementsByTagName('h2');

	for(i = 0; i < h2Coll.length; i++)
	{
		var elem = h2Coll[i];

		if(elem.getAttribute('class') != 'transform')
			continue;

		var txt = elem.innerHTML;
	
		elem.innerHTML = "<img src='/include/text.php?text=" + txt + "&font=papyrus.ttf&size=14&bgcolor=000000&color=D8C5A3' />";

	}
}

$(document).ready(function(){
    transformText();
});