function changeImage(containerId,ImagePathElement)
{
	if (/msie/i.test (navigator.userAgent))
	{
		showNewImage(containerId,ImagePathElement);
		showNewImage(containerId,ImagePathElement);
	}
	else
	{
		showNewImage(containerId,ImagePathElement);
	}
}

function showNewImage(containerId,ImagePathElement)
{
	if (/msie/i.test (navigator.userAgent))
	{
		imagePath = document.getElementById(ImagePathElement).src;
		document.getElementById(containerId).style.visibility = 'hidden';
		document.getElementById(containerId).src = imagePath.replace("thumbs/", "");
		document.getElementById('image_id').value = imagePath.replace("thumbs/", "");
		
	
		document.getElementById(containerId).onload = (showImageContainer);
	}
	else
	{
		imagePath = document.getElementById(ImagePathElement).src;
		document.getElementById(containerId).style.display = 'none';
		document.getElementById(containerId).src = imagePath.replace("thumbs/", "");
		document.getElementById('image_id').value = imagePath.replace("thumbs/", "");
		
		document.getElementById(containerId).onload = (showImageContainer);
	}
}

function adjustImageSize(image_element,width_value,height_value)
{
	if(document.getElementById(image_element).style.height > document.getElementById(image_element).style.width)
	{
		var divider = Math.round((document.getElementById(image_element).height / height_value)*100)/100;
		var image_width = Math.round((document.getElementById(image_element).width / divider)*100)/100;
		document.getElementById(image_element).style.height = height_value + "px";
		document.getElementById(image_element).style.width = image_width + "px";
	}
	else
	{
		
		var divider = Math.round((document.getElementById(image_element).width / width_value)*100)/100;
		var image_height = Math.round((document.getElementById(image_element).height / divider)*100)/100;
		if(image_height < height_value)
		{
			document.getElementById(image_element).style.height = image_height + "px";
			document.getElementById(image_element).style.width = width_value + "px";
		}
		else
		{
			var divider = Math.round((document.getElementById(image_element).height / height_value)*100)/100;
			var image_width = Math.round((document.getElementById(image_element).width / divider)*100)/100;
			document.getElementById(image_element).style.height = height_value + "px";
			document.getElementById(image_element).style.width = image_width + "px";
		}
	}
}

function adjustImageSizeInternetExplorer(image_element,width_value,height_value)
{
	tempImage = new Image();
	tempImage.src = document.getElementById(image_element).src;
	if(tempImage.height > tempImage.width)
	{
		var divider = Math.round((tempImage.height / height_value)*100)/100;
		var image_width = Math.round((tempImage.width / divider)*100)/100;
		document.getElementById(image_element).style.height = height_value + "px";
		document.getElementById(image_element).style.width = image_width + "px";
	}
	else
	{
		var divider = Math.round((tempImage.width / width_value)*100)/100;
		var image_height = Math.round((tempImage.height / divider)*100)/100;
		if(image_height < height_value)
		{
			document.getElementById(image_element).style.height = image_height + "px";
			document.getElementById(image_element).style.width = width_value + "px";
		}
		else
		{
			var divider = Math.round((tempImage.height / height_value)*100)/100;
			var image_width = Math.round((tempImage.width / divider)*100)/100;
			document.getElementById(image_element).style.height = height_value + "px";
			document.getElementById(image_element).style.width = image_width + "px";
		}
		
	}
}

function adjustParentPadding(image_element,parent_element,height_value)
{
	if((document.getElementById(image_element).style.height.replace("px", "")) < (height_value - 10))
	{
		var image_padding = Math.round((height_value - document.getElementById(image_element).style.height.replace("px", ""))/2) + "px 0";
		document.getElementById(parent_element).style.height = document.getElementById(image_element).style.height;
		document.getElementById(parent_element).style.padding =  image_padding;
	}
	else
	{
		document.getElementById(parent_element).style.height = height_value + "px";
		document.getElementById(parent_element).style.padding = "0" ;
	}
}

function showImageContainer()
{	
	if (/msie/i.test (navigator.userAgent))
	{
		adjustImageSizeInternetExplorer('image_container','400','300')
		adjustParentPadding('image_container','image_element','300');
		document.getElementById('image_container').style.visibility = 'visible';
	}
	else
	{
		adjustImageSize('image_container','472','350');
		adjustImageSize('image_container','472','350');
		adjustParentPadding('image_container','image_element','355');
		document.getElementById('image_container').style.display = 'block';
	}
}

function showPictureZoom()
{
	if (/msie/i.test (navigator.userAgent))
	{
		applyPictureZoom();
		applyPictureZoom();
	}
	else
	{
		applyPictureZoom();
	}
}

function applyPictureZoom()
{
	document.getElementById('picture_zoom').src = document.getElementById('image_id').value;
	document.getElementById('picture_zoom').onload = displayZoomPicture;
}

function displayZoomPicture()
{
	if (/msie/i.test (navigator.userAgent))
	{
		adjustImageSizeInternetExplorer('picture_zoom','755','505');
		if((document.getElementById('picture_zoom').style.height.replace("px", "")) < 495)
		{
			var image_padding = (Math.round((505 - document.getElementById('picture_zoom').style.height.replace("px", ""))/2)+230) + "px";
			document.getElementById('pic_loader').style.paddingTop =  image_padding;
		}
		else
		{
			document.getElementById('pic_loader').style.paddingTop = "230px" ;
		}
		document.getElementById('pic_loader').style.display = "block";
	}
	else
	{
		adjustImageSize('picture_zoom','755','505');
		adjustImageSize('picture_zoom','755','505');
		
		if((document.getElementById('picture_zoom').style.height.replace("px", "")) < 495)
		{
			var image_padding = (Math.round((505 - document.getElementById('picture_zoom').style.height.replace("px", ""))/2)+250) + "px";
			document.getElementById('pic_loader').style.paddingTop =  image_padding;
		}
		else
		{
			document.getElementById('pic_loader').style.paddingTop = "250px" ;
		}
		
		document.getElementById('pic_loader').style.display = "block";
	}
}

function hideContent(hideId) {
	var e = document.getElementById(hideId);
	if (e.style.display == "block") {
		e.style.display = "none";
	} else {
		e.style.display = "none";
	}
	return true;
}

function showContentNoFocus(showId) {
	var element = document.getElementById(showId);
	if (!element)
		return true;
	if (element.style.display == "none") {
		element.style.display = "block";
	} else {
		element.style.display = "block";
	}
	return true;
}

function divScoll(divId,value,direction)
{
	if(direction == 'up')
	{
		var element = document.getElementById(divId);
		element.scrollTop -= value;
	}
	else if(direction == 'down')
	{
		var element = document.getElementById(divId);
		element.scrollTop += value;
	}
	else if(direction == 'left')
	{
		var element = document.getElementById(divId);
		element.scrollLeft -= value;
	}
	else if(direction == 'right')
	{
		var element = document.getElementById(divId);
		element.scrollLeft += value;
	}
}

function clearField(elementId,elementValue)
{
	element=document.getElementById(elementId);
	if(element.value==elementValue)
	{
		element.value="";
	}

	return true;
}

function returnContent(elementId,elementValue)
{
	element=document.getElementById(elementId);
	if(element.value=="")
	{
		element.value=elementValue
	}

	return true;
}

function viewerTransition(elementArray,parentElementId)
{
	elements = elementArray.split("|");
	currentElement = 1;
	var parentElement = document.getElementById(parentElementId);
	
	function changeButton()
	{
		if(currentElement == 0)
		{
			newElement = elements[currentElement];
			currentElement++;
		}
		else
		{
			newElement = elements[currentElement];
			currentElement = 0;
		}

		parentElement.className = newElement;
		
		setTimeout(changeButton,100);
	}
	
	setTimeout(changeButton,100);
}

function changeMap(mapId,type,pageLink)
{
	mapElement = document.getElementById(mapId);
	
	if(type == "north")
	{
		mapElement.src = pageLink + "assets/images/maps/map_north.png";
	}
	else if(type == "northeast")
	{
		mapElement.src = pageLink + "assets/images/maps/map_northeast.png";
	}
	else if(type == "central")
	{
		mapElement.src = pageLink + "assets/images/maps/map_central.png";
	}
	else if(type == "south")
	{
		mapElement.src = pageLink + "assets/images/maps/map_south.png";
	}
	else if(type == "eastcoast")
	{
		mapElement.src = pageLink + "assets/images/maps/map_eastcoast.png";
	}
	else if(type == "normal")
	{
		mapElement.src = pageLink + "assets/images/maps/map.png";
	}
	
}

function changePage(pageNo,searchContent,languageCode)
{
	document.location.href = languageCode + searchContent + pageNo;
}