var showPanel = false;
var setEmo = false;

function setPanel()
{
	var detect = navigator.userAgent.toLowerCase();
	var preview = document.getElementById('preview');
	preview.removeAttribute('disabled');

	if (detect.indexOf("msie") != -1)
	{
		
		preview.attachEvent('onclick', togglePanel);
	}
	else
	{
		
		
		preview.setAttribute('onclick', 'togglePanel()');
	}
}

function togglePanel()
{
	
	if (!setEmo)
	{
		
		//var panel = document.createElement('div');
		//panel.id = 'clicker';
		//panel.innerHTML = getSmiley();
		//panel.style.display = 'block';
		
		var emo = document.getElementById('clicker');
		//emo.appendChild(panel);
		emo.innerHTML = getSmiley();
		emo.style.visibility = 'visible';
		setEmo = true;
		showPanel = true;
	}
	else
	{
		
		var clicker = document.getElementById('clicker');
		
		if (showPanel)
		{
			clicker.style.display = 'none';
			showPanel = false;
		}
		else
		{
			//alert(clicker.style.visibility);
			clicker.innerHTML = getSmiley();
			clicker.style.visibility = 'visible';
			clicker.style.display = 'block';
			showPanel = true;
		}
	}
}

function getSmiley()
{
    var emoArray = new Array();
	emoArray['images/emo/huh.gif'] = ':huh1:';
	emoArray['images/emo/tongue.gif'] = ':P';
	emoArray['images/emo/rolleyes.gif'] = ':rolleyes:';
	emoArray['images/emo/dry.gif'] = '<_<';
	emoArray['images/emo/unsure.gif'] = ':unsure:';
	emoArray['images/emo/wub.gif'] = ':wub:';
	emoArray['images/emo/blink.gif'] = ':blink:';
	emoArray['images/emo/idea-inanna.gif'] = ':idea:';
	emoArray['images/emo/w00t.gif'] = ':mdc:';
	emoArray['images/emo/blush.gif'] = ':blush1:';
	emoArray['images/emo/biggrin.gif'] = ':big grin:';
	emoArray['images/emo/dntknw.gif'] = ':dntknw:';
	emoArray['images/emo/proud.gif'] = ':proud:';
	emoArray['images/emo/swoon.gif'] = ':swoon:';
	emoArray['images/emo/fear.gif'] = ':fear:';
	emoArray['images/emo/annoyed.gif'] = ':annoyed:';
	emoArray['images/emo/fool.gif'] = ':fool:';
	emoArray['images/emo/sad.gif'] = ':sad:';
	emoArray['images/emo/nunu.gif'] = ':Evenstar:';
	emoArray['images/emo/winkwink.gif'] = ':wink wink:';
	emoArray['images/emo/beee.gif'] = ':be that way:';
	emoArray['images/emo/nailbiting.gif'] = ':nailbiting:';
	emoArray['images/emo/laughinghard.gif'] = ':lolhard:';
	emoArray['images/emo/huggles.gif'] = ':hug:';
	emoArray['images/emo/dark_angel.gif'] = ':dark angel:';
	emoArray['images/emo/hookie.gif'] = ':hookie:';
	emoArray['images/emo/woodsman.gif'] = ':woodsman:';
	emoArray['images/emo/aargh.gif'] = ':aargh:';
	emoArray['images/emo/sorry.gif'] = ':bigsorry:';
	emoArray['images/emo/YouRock.gif'] = ':yourock:';
	emoArray['images/emo/idontknow.gif'] = ':zee2:';
	emoArray['images/emo/bigarmhug.gif'] = ':bigarmhug:';
	emoArray['images/emo/woohoo2.gif'] = ':woohoosign:';
	emoArray['images/emo/s01.gif'] = ':01:';
	emoArray['images/emo/s02.gif'] = ':02:';
	emoArray['images/emo/s03.gif'] = ':03:';
	emoArray['images/emo/s04.gif'] = ':04:';
	emoArray['images/emo/s05.gif'] = ':05:';
	emoArray['images/emo/s06.gif'] = ':06:';
	emoArray['images/emo/s07.gif'] = ':07:';
	emoArray['images/emo/s08.gif'] = ':08:';
	emoArray['images/emo/s09.gif'] = ':09:';
	emoArray['images/emo/s10.gif'] = ':10:';
	emoArray['images/emo/s11.gif'] = ':11:';
	emoArray['images/emo/s12.gif'] = ':12:';
	emoArray['images/emo/s13.gif'] = ':13:';
	emoArray['images/emo/s14.gif'] = ':14:';
	emoArray['images/emo/s15.gif'] = ':15:';
    var smileys = '';
    for (emo in emoArray)
    {
		
        smileys += '<img src="' + emo + '" onclick=" addSmiley(\'' + emoArray[emo] + '\')" alt="' + emoArray[emo] + '" />';
    }
    return smileys;
}

function addSmiley(t)
{
	var msg = document.getElementById('txtContent');
	msg.value += ' ' + t + ' ';
	msg.focus();

	document.getElementById('clicker').style.display = 'none';
	showPanel = false;
}