
function clickedEditLang(b_isTextAdmin, s_langCode)
{
	var o_formLang = document.getElementById('formLang');
	o_formLang.language.value = s_langCode;
	o_formLang.editlang.value = b_isTextAdmin;
	o_formLang.submit();
}


function pageLoaded()
{
	setTimeout(animateImages, 1500);
}


function animateImages()
{	
	var o_divContainerImages = document.getElementById('divContainerImages');

	/* check if slideshow is present */
	
	if (o_divContainerImages != null)
	{
		/* obtain images */
		
		var o_imageList = o_divContainerImages.getElementsByTagName('img');
		
		/* cycle through images */
		
		for (var i_imageIndex = 0; i_imageIndex < o_imageList.length; ++i_imageIndex)
		{
			o_imageList[i_imageIndex].className = '';
			o_imageList[i_imageIndex].style.display = 'none';
			Effect.Appear(o_imageList[i_imageIndex].id, { duration: 1.5 + i_imageIndex });
		}
	}	
}


function clickedRetailerCountry(o_linkReference, s_countryKey)
{
	/* mark selected country and unmark others */
	
	var o_divRetailersCountries = $('divRetailersCountries');
	var o_arrayCountryAnchors = o_divRetailersCountries.getElementsByTagName('a');
	
	for (var i_loopIndex = 0; i_loopIndex < o_arrayCountryAnchors.length; ++i_loopIndex)
	{
		o_arrayCountryAnchors[i_loopIndex].className = (o_linkReference == o_arrayCountryAnchors[i_loopIndex]) ? 'itemSelected' : '';
	}
	
	/* expand active country and collapse others */

	var o_divRetailersCities = $('divRetailersCities');
	var o_arrayCityLists = o_divRetailersCities.getElementsByTagName('ul');

	for (var i_loopIndex = 0; i_loopIndex < o_arrayCityLists.length; ++i_loopIndex)
	{
		o_arrayCityLists[i_loopIndex].className = (o_arrayCityLists[i_loopIndex].id == 'listCities' + s_countryKey) ? '' : 'itemHidden';
	}

	/* unmark all cities */
	
	var o_arrayCityLinks = o_divRetailersCities.getElementsByTagName('a');

	for (var i_loopIndex = 0; i_loopIndex < o_arrayCityLinks.length; ++i_loopIndex)
	{
		o_arrayCityLinks[i_loopIndex].className = '';
	}

	/* hide all retailers */
	
	var o_divRetailersDetails = $('divRetailersDetails');
	var o_arrayRetailerLists = o_divRetailersDetails.getElementsByTagName('ul');

	for (var i_loopIndex = 0; i_loopIndex < o_arrayRetailerLists.length; ++i_loopIndex)
	{
		o_arrayRetailerLists[i_loopIndex].className = (o_arrayRetailerLists[i_loopIndex].id.indexOf('listRetailers') > -1) ? 'itemHidden' : '';
	}	
}


function clickedRetailerCity(o_linkReference, s_countryKey, s_cityName)
{
	/* mark active city and unmark others */
	
	var o_divRetailersCities = $('divRetailersCities');
	var o_arrayCityLinks = o_divRetailersCities.getElementsByTagName('a');
	
	for (var i_loopIndex = 0; i_loopIndex < o_arrayCityLinks.length; ++i_loopIndex)
	{
		o_arrayCityLinks[i_loopIndex].className = (o_linkReference == o_arrayCityLinks[i_loopIndex]) ? 'itemSelected' : '';
	}
	
	/* hide all retailers except those in active city */
	
	var o_divRetailersDetails = $('divRetailersDetails');
	var o_arrayRetailerLists = o_divRetailersDetails.getElementsByTagName('ul');

	for (var i_loopIndex = 0; i_loopIndex < o_arrayRetailerLists.length; ++i_loopIndex)
	{
		if (o_arrayRetailerLists[i_loopIndex].id.indexOf('listRetailers') > -1)
		{
			o_arrayRetailerLists[i_loopIndex].className = (o_arrayRetailerLists[i_loopIndex].id == ('listRetailers' + s_countryKey + s_cityName) ) ? '' : 'itemHidden';	
		}
	}
	
	/* scroll up view area */
	
	var o_divContainerText = $('divContainerText');

	o_divContainerText.scrollTop = 0;
	o_divContainerText.scrollLeft = 0;
}


function getHeight(o_domObject)
{
	var i_objectHeight = o_domObject.offsetHeight;
	i_objectHeight = (i_objectHeight != null) ? i_objectHeight : o_domObject.style.pixelHeight;
	return i_objectHeight;
}


function getWidth(o_domObject)
{
	var i_objectWidth = o_domObject.offsetWidth;
	i_objectWidth = (i_objectWidth != null) ? i_objectWidth : o_domObject.style.pixelWidth;
	return i_objectWidth;
}


function getArticleHolderWidth()
{
	var o_imageHolder = top.document.getElementById('frameArticles').contentWindow.document.getElementById('divArticleWrapper');
	var o_holderArray = o_imageHolder.getElementsByTagName('div');

	var s_marginLeft = null;
	var s_marginRight = null;
	
	if (window.getComputedStyle)
	{
		var o_elementStyle = window.getComputedStyle(o_holderArray[0], null);
		s_marginLeft = o_elementStyle.getPropertyValue('margin-left').replace('px', '');
		s_marginRight = o_elementStyle.getPropertyValue('margin-right').replace('px', '');
	}
	else
	{
		s_marginLeft = o_holderArray[0].currentStyle.marginLeft.replace('px', '');
		s_marginRight = o_holderArray[0].currentStyle.marginRight.replace('px', '');
	}

	var i_widthTotal = getWidth(o_holderArray[0]) + parseInt(s_marginLeft) + parseInt(s_marginRight);
	return i_widthTotal;
}


function getArticleHolderCount()
{
	var o_imageHolder = top.document.getElementById('frameArticles').contentWindow.document.getElementById('divArticleWrapper');
	var o_holderArray = o_imageHolder.getElementsByTagName('div');
	
	return o_holderArray.length;
}


function alignArticleImages()
{
	/* obtain images */
	
	var o_frameBody = $('bodyFrame');
	var o_imageArray = o_frameBody.getElementsByTagName('img');
	
	/* place each product image in centre of available area */
	
	for (var i_imageIndex = 0; i_imageIndex < o_imageArray.length; ++i_imageIndex)
	{
		var o_imageHolder = o_imageArray[i_imageIndex].parentNode;

		var i_holderHeight = getHeight(o_imageHolder);
		var i_holderWidth = getWidth(o_imageHolder);

		var i_imgHeight = getHeight(o_imageArray[i_imageIndex]);
		var i_imgWidth = getWidth(o_imageArray[i_imageIndex]);
		
		o_imageArray[i_imageIndex].style.top = ((i_holderHeight - i_imgHeight) / 2) + 'px';
		o_imageArray[i_imageIndex].style.left = ((i_holderWidth - i_imgWidth) / 2) + 'px';
	}

	/* set dimensions */

	var i_widthTotal = getArticleHolderWidth() * getArticleHolderCount();
	
	$('bodyFrame').style.width = (i_widthTotal * 2) + 'px';
	$('divArticleWrapper').style.width = i_widthTotal + 'px';
	
	/* preload images */
	
	var o_preloadArray = $('divImagePreloader').getElementsByTagName('img');
	
	for (var i_imageIndex = 0; i_imageIndex < o_preloadArray.length; ++i_imageIndex)
	{
		o_preloadArray[i_imageIndex].src = o_preloadArray[i_imageIndex].alt; 
	}
}


function clickedScroll(i_incrementValue)
{
	var o_frameArticles = top.document.getElementById('frameArticles');
	var o_imageHolder = o_frameArticles.contentWindow.document.getElementById('divArticleWrapper');
	
	var s_currentPosition = o_imageHolder.style.left.replace('px','');
	var i_currentPosition = s_currentPosition.length == 0 ? 0 : parseInt(s_currentPosition);
	var i_moveDistance = getArticleHolderWidth();
	var i_imagesRemaining = ((getArticleHolderWidth() * getArticleHolderCount()) + i_currentPosition) / getArticleHolderWidth();
	
	if ((i_incrementValue > 0 && i_currentPosition < 0) || (i_incrementValue < 0 && i_imagesRemaining > 3))
	{
		i_moveDistance = i_moveDistance * i_incrementValue;
		new Effect.Move(o_imageHolder, { x: i_moveDistance, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal, afterFinish: checkPosition, queue: { position: 'end', scope: 'article', limit: 1 } });
	}
}


function checkPosition()
{
	var o_frameArticles = top.document.getElementById('frameArticles');
	var o_imageHolder = o_frameArticles.contentWindow.document.getElementById('divArticleWrapper');

	var s_currentPosition = o_imageHolder.style.left.replace('px','');
	var i_currentPosition = s_currentPosition.length == 0 ? 0 : parseInt(s_currentPosition);
	var i_moveDistance = getArticleHolderWidth();
	var i_imagesRemaining = ((getArticleHolderWidth() * getArticleHolderCount()) + i_currentPosition) / getArticleHolderWidth();
	var i_newPosition = Math.round(i_currentPosition / i_moveDistance) * i_moveDistance;
	o_imageHolder.style.left = i_newPosition + 'px';

	var o_divLeftArrow = top.document.getElementById('divArrowLeft');
	var o_divRightArrow = top.document.getElementById('divArrowRight');

	o_divLeftArrow.style.visibility = (i_newPosition == 0) ? 'hidden' : 'visible';
	o_divRightArrow.style.visibility = (i_imagesRemaining < 4) ? 'hidden' : 'visible';

	o_divLeftArrow.className = '';
	o_divRightArrow.className = '';
}


function clickedArticleImage(o_objectReference)
{
	var o_divImageLarge = top.document.getElementById('divImageLarge');

	if (o_objectReference == null)
	{
		o_divImageLarge.className = 'itemHidden';
	}
	else
	{
		/* obtain reference to header and image tags in popup */
		
		var o_headerArray = o_divImageLarge.getElementsByTagName('h1');
		var o_imageArray = o_divImageLarge.getElementsByTagName('img');
		
		/* specify content for popup */
		
		o_headerArray[0].innerHTML = o_objectReference.alt;
		o_imageArray[0].src = o_objectReference.src.replace('/345/', '/garp/');
		
		/* set popup position and dimension */

		o_divImageLarge.className = '';

		var i_foregroundHeight = getHeight(o_divImageLarge);
		var i_foregroundWidth = getWidth(o_divImageLarge);
		
		var i_bodyWidth = getWidth(top.document.body);
		o_divImageLarge.style.left = ((i_bodyWidth - i_foregroundWidth) / 3) + 'px';

		/* set image position */

		var i_imgHeight = getHeight(o_imageArray[0]);
		var i_imgWidth = getWidth(o_imageArray[0]);
		
		o_imageArray[0].style.top = ((i_foregroundHeight - i_imgHeight) / 2) + 'px';
		o_imageArray[0].style.left = ((i_foregroundWidth - i_imgWidth) / 2) + 'px';
	}
}

