//*****************************************************************************
// Copyright 2010 Flavours Interactive inc.
// All rights reserved.
//
// Flavours JavaScript UI.js
//
// brief : All the ui functions for rich interactive apps, requires core.js
//*****************************************************************************

/****************************************************
 * Object flavours.ui 
 * brief : ui namespace
 ****************************************************/

/****************************************************
 * Object flavours.ui 
 * brief : ui namespace
 ****************************************************/

// Spread the image so it fills the parent container
function spreadImageInContainer(iImageID, iStop)
{
	
	var image = $(iImageID);
	image.set('style', '');
	var imageSize = image.getDimensions();;
	var imageRatio = imageSize.x / imageSize.y;
	
	var container = image.getParent();
	var containerSize = {x: parseInt(container.getStyle('width').replace('px','')), y: parseInt(container.getStyle('height').replace('px',''))};
	var containerRatio = containerSize.x / containerSize.y;
	
	//alert('image x:' + imageSize.x + ' y:' + imageSize.y + ' \ncontainer x: ' + containerSize.x + ' y: ' + containerSize.y);
	//var domIM = document.getElementById(iImageID);
	//alert('image x:' + domIM.width + ' y:' + domIM.height);
			
	var newSize = {};	
	if(imageRatio < containerRatio)
	{
		//fit width, resize height
		newSize.x = containerSize.x;
		newSize.y = newSize.x / imageRatio;
		
		image.setStyle('top', Math.floor((containerSize.y-newSize.y) / 2.0) + 'px');
	}
	else
	{
		// fit height, resize width
		newSize.y = containerSize.y;
		newSize.x = imageRatio * newSize.y;
		
		image.setStyle('left', Math.floor((containerSize.x-newSize.x) / 2.0) + 'px');
	}
	
	image.setStyle('position', 'relative');
	image.setStyle('width', newSize.x);
	image.setStyle('height', newSize.y);
	
	image.setStyle('visibility', 'visible');
	
	if(iStop == undefined)
		setTimeout('spreadImageInContainer(\''+ iImageID + '\',1)', 50);
}

function showAddCommentForm(iFormName)
{
	document.getElementById(iFormName).style.display = '';
}


function setClass(element, newClass)
{
	document.getElementById(element).className = newClass;
}

function showElement(element)
{
	document.getElementById(element).style.display = '';
	alert(document.getElementById(element).style);
}

function hideElement(element)
{
	document.getElementById(element).style.display = 'none';
	alert(document.getElementById(element).style);
}

function computeIN(source, destination)
{
	var value = document.getElementById(source).value;
	var value = parseInt((value != '')? value : '0');
	document.getElementById(destination).value = value * 0.393700787;
}

function computeCM(source, destination)
{
	var value = document.getElementById(source).value;
	var value = parseInt((value != '')? value : '0');
	document.getElementById(destination).value = value * 2.54;	
}