YAHOO.namespace("fontscript");

function $(eleId)
{
	return document.getElementById(eleId);
}

function bookmarksite(title, url)
{
	if (window.sidebar) // firefox
		window.sidebar.addPanel(title, url, "");
	else if(window.opera && window.print){ // opera
		var elem = document.createElement('a');
		elem.setAttribute('href',url);
		elem.setAttribute('title',title);
		elem.setAttribute('rel','sidebar');
		elem.click();
	} 
	else if(document.all)// ie
		window.external.AddFavorite(url, title);
}

function toggleCategories()
{
	if($("categoryBar").style.display == "block")
	{
		$("categoryBar").style.display = "none";
		var fadeOut = new YAHOO.util.Anim($("categoryBar"), { opacity: { from: 1, to:0 } }, 0.5);
		fadeOut.animate();
	}
	else
	{
		$("categoryBar").style.display = "block";
		var fadeIn = new YAHOO.util.Anim($("categoryBar"), { opacity: { from: 0, to: 1 } }, 0.5);
		fadeIn.animate();
		if($("browseBar").style.display == "block")
		{
			toggleBrowse();
		}
		if($("settingsBar").style.display == "block")
		{
			toggleSettings();
		}
	}
}

function toggleBrowse()
{
	if($("browseBar").style.display == "block")
	{
		$("browseBar").style.display = "none";
		var fadeOut = new YAHOO.util.Anim($("browseBar"), { opacity: { from: 1, to:0 } }, 0.5);
		fadeOut.animate();
	}
	else
	{
		$("browseBar").style.display = "block";
		var fadeIn = new YAHOO.util.Anim($("browseBar"), { opacity: { from: 0, to: 1 } }, 0.5);
		fadeIn.animate();
		if($("categoryBar").style.display == "block")
		{
			toggleCategories();
		}
		if($("settingsBar").style.display == "block")
		{
			toggleSettings();
		}
	}
}

function toggleSettings()
{
	if($("settingsBar").style.display == "block")
	{
		$("settingsBar").style.display = "none";
		var fadeOut = new YAHOO.util.Anim($("settingsBar"), { opacity: { from: 1, to:0 } }, 0.5);
		fadeOut.animate();
	}
	else
	{
		$("settingsBar").style.display = "block";
		var fadeIn = new YAHOO.util.Anim($("settingsBar"), { opacity: { from: 0, to: 1 } }, 0.5);
		fadeIn.animate();
		if($("browseBar").style.display == "block")
		{
			toggleBrowse();
		}
		if($("categoryBar").style.display == "block")
		{
			toggleCategories();
		}
	}
}

/* rating bars */
YAHOO.fontscript.clickedRatingElementId = null;
function moveRatingBarWrapper(e, eleId)
{
	YAHOO.fontscript.clickedRatingElementId = eleId;
	moveRatingBar(e);
}

function moveRatingBar(e)
{
	if($("rateFontText_"+YAHOO.fontscript.clickedRatingElementId).innerHTML == "rated")
	{
		return false;
	}
	var Dom 		= YAHOO.util.Dom;
	var ele 		= $("rateFontBlock_"+(YAHOO.fontscript.clickedRatingElementId));
	var starOnEle 	= $("startsOn_"+(YAHOO.fontscript.clickedRatingElementId));
	
	starOnEle.style.backgroundImage = "url("+site_image_path+"/stars_rate.png)";
	 
	var mousePosition 	= YAHOO.util.Event.getXY(e);
	var elementPosition	= YAHOO.util.Dom.getXY("rateFontBlock_"+YAHOO.fontscript.clickedRatingElementId);
	var elementWidth 	= parseInt(Dom.getStyle(ele, 'width'), 10);

	if((mousePosition[0] >= elementPosition[0]) && (mousePosition[0] <= (elementPosition[0]+elementWidth)))
	{
		var newWidth = elementWidth-((elementPosition[0]+elementWidth)-mousePosition[0]);
		starOnEle.style.width = newWidth+"px";
		$("rateFontText_"+YAHOO.fontscript.clickedRatingElementId).style.display = "block";
	}
}

function resetRatingBar(e, eleId)
{
	var originalWidth 	= $("originalWidth_"+(YAHOO.fontscript.clickedRatingElementId)).value;
	var starOnEle 		= $("startsOn_"+(YAHOO.fontscript.clickedRatingElementId));
	starOnEle.style.width = originalWidth+"px";
	$("rateFontText_"+YAHOO.fontscript.clickedRatingElementId).style.display = "none";
	starOnEle.style.backgroundImage = "url("+site_image_path+"/stars_on.png)";
}

function submitNewRating(e, eleId)
{
	if($("rateFontText_"+YAHOO.fontscript.clickedRatingElementId).innerHTML == "rated")
	{
		return false;
	}
	var Dom 			= YAHOO.util.Dom;
	var starOnEle 		= $("startsOn_"+(YAHOO.fontscript.clickedRatingElementId));
	var clickWidth		= starOnEle.style.width;
	clickWidth = clickWidth.replace("px", "");
	var ele 			= $("rateFontBlock_"+(YAHOO.fontscript.clickedRatingElementId));
	var elementWidth 	= parseInt(Dom.getStyle(ele, 'width'), 10);
	
	var percentWidth	= parseInt((parseInt(clickWidth)/elementWidth) * 100, 0);
	var request 		= YAHOO.util.Connect.asyncRequest('GET', web_root+"/ajax/newRating.ajax.php?f="+YAHOO.fontscript.clickedRatingElementId+"&r="+percentWidth, callback);
}

var div = document.getElementById('container');
var handleSuccess = function(o)
{
	if(o.responseText !== undefined)
	{
		var Dom 			= YAHOO.util.Dom;
		var newRating 		= o.responseText;
		var ele 			= $("rateFontBlock_"+(YAHOO.fontscript.clickedRatingElementId));
		var elementWidth 	= parseInt(Dom.getStyle(ele, 'width'), 10);
		var newWidth		= parseInt((newRating/100) * elementWidth, 0);
		var starOnEle 		= $("startsOn_"+(YAHOO.fontscript.clickedRatingElementId));
		starOnEle.style.width = newWidth+"px";
		
		/* update original width hidden */
		$("originalWidth_"+(YAHOO.fontscript.clickedRatingElementId)).value = newWidth;
		
		$("rateFontText_"+YAHOO.fontscript.clickedRatingElementId).innerHTML = "rated";
		starOnEle.style.backgroundImage = "url("+site_image_path+"/stars_on.png)";
	}
}

var handleFailure = function(o)
{
	if(o.responseText !== undefined)
	{
		
	}
}

var callback =
{
	success:handleSuccess,
	failure: handleFailure
};

function showLabel(e, eleId)
{
	$("rateFontText_"+eleId).style.display = "block";
}

function hideLabel(e, eleId)
{
	$("rateFontText_"+eleId).style.display = "none";
}

function loadFontDetails(e, params)
{
	if((e.srcElement || e.target).id != "fontPreviewImageWrapper_"+params['eleId'])
	{
		return false;
	}
	window.location = params['newPath'];
}

/* update custom preview */
function updateCustomPreview()
{
	if(typeof($("customPreviewText")) == "undefined")
	{
		return false;
	}
	else if(typeof($("customPreviewTextColour")) == "undefined")
	{
		return false;
	}
	
	var previewText 	= $("customPreviewText").value;
	var previewColour 	= $("customPreviewTextColour").value;
	$("submitPreviewSettings").value = t("wait");
	$("submitPreviewSettings").disabled = true;

	var request 		= YAHOO.util.Connect.asyncRequest('GET', web_root+"/ajax/updateCustomPreview.ajax.php?previewText="+escape(previewText)+"&previewColour="+escape(previewColour), previewTextCallback);
}

var handlePreviewTextSuccess = function(o)
{
	if(o.responseText !== undefined)
	{
		window.location.reload();
	}
}

var handlePreviewTextFailure = function(o)
{
	if(o.responseText !== undefined)
	{
		/* do something...(or nothing!) */
	}
}

var previewTextCallback =
{
	success:handlePreviewTextSuccess,
	failure: handlePreviewTextFailure
};