/*

	IHI
	JavaScript functions
	
	Author: Creuna Danmark A/S / www.creuna.dk
	Copyright: 2008, Creuna Danmark A/S. All rights resevered

-----------------------------------------------------------------------*/

var Ihi = {

	options:
	{
		browsers:
		{
			ie6: Browser.Engine.trident4
		}
	},

	domready: function ()
	{
		if ($$('div.box').length > 0)
			Ihi.Box.initialize();

		if ($$('dl.faq').length > 0)
			Ihi.Faq.initialize();
	},

	Element:
	{
		/**
		* Morphing one Element to match the CSS values
		*
		* @param	string	element		A string ID of the Element or an
										Element to apply the style transitions to
		* @param	number	duration	Duration of effect in milliseconds
		* @param	array	styles		CSS values
		*/
		morph: function (element, duration, styles)
		{
			var morph = new Fx.Morph(element,
			{
				duration: duration,
				transition: Fx.Transitions.Quad.easeInOut,
				wait: false
			});

			morph.start(styles);
		},

		/**
		* Scroll window to any element
		*
		* @param	string	element		A string ID of the Element or an Element
		* var		array	position	Returns position in {x, y}
		*/
		scrollTo: function (element)
		{
			var position = $(element).getPosition();
			var scroll = new Fx.Scroll(window, {
				duration: 650
			});

			scroll.start(0, position.y - 100);
		}
	},

	Faq:
	{
		initialize: function ()
		{
			$$('dl.faq').each(function (e)
			{
				Ihi.Element.morph(e, 1, { backgroundColor: '#ffffff' });
			});
		},

		/**
		* Changes background color and slides to element
		*
		* @param	string	element		A string ID of the Element or an 
										Element to apply the style transitions to
		*/
		changeFocus: function (element)
		{
			var nextFaqElement = $(element).getNext('dl.faq');

			// Scroll to anchor element
			Ihi.Element.scrollTo(element);

			// Wait for scroll
			(function ()
			{
				Ihi.Element.morph(nextFaqElement, 400, { backgroundColor: '#f0f4f7' });
			}).delay(700);

			if ($('faq'))
			{
				$$('dl.faq').each(function (e)
				{
					if (nextFaqElement != e)
					{
						Ihi.Element.morph(e, 600, { backgroundColor: '#ffffff' });
					}
				});
			}
		},

		toTop: function ()
		{
			if ($('faq'))
			{
				// Scrolls window to body top
				Ihi.Element.scrollTo(document.body);

				$$('dl.faq').each(function (e)
				{
					Ihi.Element.morph(e, 600, { backgroundColor: '#ffffff' });
				});
			}
		}
	},

	Box:
	{
		defaultColor: '#2c485c',
		hoverColor: '#426b89',

		initialize: function ()
		{
			var boxes = $$('#main div.box');

			if (boxes)
				Ihi.Box.create(boxes);
		},

		/**
		* Create events for sliding content up/down
		*
		* @param	array	elements	Box elements from $$
		*/
		create: function (elements)
		{
			elements.each(function (element, i)
			{
				if (element.getProperty('class').test("boxSmall") == false)
				{
					var wrapper = element.getElement('div.l');
					var toggler = wrapper.getElement('dl dt');

					if (wrapper.getElement('dl dd'))
					{
						var content = wrapper.getElement('dl dd');
					}

					if (typeof content != "undefined" && Ihi.options.browsers.ie6 != true)
					{
						// Adopt box to get default height and delete it again
						var copy = element.clone().set({ 'id': 'box' });
						copy.getElement('div.l dl dd').setStyle('display', 'block');
						element.getParent().adopt(copy);

						var defaultHeight = $('box').getElement('div.l dl dd').offsetHeight;

						// Dispose box
						$('box').dispose();

						content.setStyles({
							height: 0,
							display: 'block'
						});
					}

					// Make box clickable
					var link = toggler.getElement('a');
					if (link)
					{
						wrapper.addClass('href');
						wrapper.addEvent('click', function ()
						{
							window.location = link.getProperty('href');
						});
					}

					if (content)
					{
						content.set('morph', {
							duration: 500,
							transition: Fx.Transitions.Quad.easeOut,
							wait: false
						});
					}


					// Add sliding morph events
					wrapper.addEvents(
					{
						mouseenter: function ()
						{
							if (typeof content != "undefined" && Ihi.options.browsers.ie6 != true)
							{
								content.morph({
									'height': defaultHeight
								});
							}

							if (link)
								link.getElement('span').setStyle('color', Ihi.Box.hoverColor);
						},
						mouseleave: function ()
						{
							if (typeof content != "undefined" && Ihi.options.browsers.ie6 != true)
							{
								content.morph({
									'height': 0
								});
							}

							if (link)
								link.getElement('span').setStyle('color', Ihi.Box.defaultColor);
						}
					});
				}
			});
		}
	},

	Search:
	{
		addDefaultText: function (el, text)
		{
			if (el.getStyle('width') == '200px')
			{
				if (el.value == '')
				{
					el.setStyle('color', '#EFF4F7');
					el.value = text;
				}

				Ihi.Element.morph(el, 300, {
					width: '144px',
					color: '#555'
				});
			}
		},

		removeDefaultText: function (el, text)
		{
			if (el.value == text)
				el.value = '';

			Ihi.Element.morph(el, 300, {
				width: '200px',
				color: '#000'
			});
		},

		doSearch: function (firstLevelKey, url, language, defaultValue, searchControl)
		{
			var strParam = "";

			if (defaultValue != $(searchControl).value)
			{
				strParam += "?query=" + encodeURIComponent($(searchControl).value);
				self.location = self.location.protocol + '//' + self.location.host + '/' + firstLevelKey + url + strParam;
			}
		}
	}
};

window.addEvent('domready', Ihi.domready);