
(function()
{
	var IE6 = $.browser.msie && $.browser.version < 7;
	if (IE6)
	{
		document.execCommand('BackgroundImageCache', false, true);

		function relocateSearchArea()
		{
			var searchArea = $('#searchArea'), 
				searchAreaParent = searchArea.parent().find('.leftContainer:first'),
				searchAreaParentOffset = searchAreaParent.offset();
				
			searchArea.remove().appendTo('body').addClass('leftContainerWidth').show().css(
			{ 
				position: 'absolute', 
				top: searchAreaParentOffset.top + searchAreaParent.outerHeight() + 'px', 
				left: searchAreaParentOffset.left + 'px' 
			});
		}

		$(document).ready(relocateSearchArea);
		$(window).resize(function()
		{
			setTimeout(relocateSearchArea, 0);
		});
	}
	
	$(document).ready(function()
	{
		function relocateDropdownMenu(controlElement, menuElement)
		{
			menuElement.show();
			
			var offset = controlElement.offset();
			menuElement.css({ top: offset.top + controlElement.outerHeight() + 'px', left: offset.left + 'px' });
		}
		
		$('.dropdownMenu').each(function()
		{
			var controlElement = $(this),
				styleNav = controlElement.parent().find('.styleNav').remove().appendTo('body');
				
			controlElement.tooltip({
				tip: styleNav,
				effect: 'slide',
				position: 'bottom center',
				offset: [16, 0],
				delay: 200,
				opacity: 1,
					
				onBeforeShow: function()
				{
					// el.addClass('navigation_hover');
				},
					
				onBeforeHide: function()
				{
					// el.removeClass('navigation_hover');
				}
			});
			
			controlElement.click(function(e){
				// e.preventDefault();
			});
			
			// styleNav.remove().appendTo('body');
		});
		
		var headlineScroller = $('#headLineScroller');
		if (headlineScroller[0])
		{
			headlineScroller.scrollable(
			{
				vertical: true,
				circular: true,
				easing: 'easeOutCirc',
				speed: 600
			}).autoscroll({ interval: 3000 });
			
			var scrollable = headlineScroller.data('scrollable'),
				itemSize = scrollable.getSize(),
				root = $('<div class="headlineNavigator"></div>'),
				item = null,
				allItems = [],
				selectedNav = null;

			for (var i = 0; i < itemSize; i++)
			{
				item = $('<a href="javascript:void(null)" id="scroll_nav_item_' + i + '">&nbsp;</a>');			
				item.data('itemNav', i).appendTo(root).click(function(e)
				{
					e.preventDefault();
					
					var itemObject = $(this).attr('data-itemNumber', i);
					
					scrollable.pause();
					scrollable.seekTo(itemObject.data('itemNav'), scrollable.getConf().speed);

					if (selectedNav !== null)
					{
						selectedNav = itemObject.addClass('selected');
					}
				});
				
				if (i == 0)
				{
					selectedNav = item.addClass('selected');
				}
				
				allItems[i] = item;
			}
			
			scrollable.onBeforeSeek(function(e, i)
			{	
				if (i >= itemSize)
				{
					i = 0;
				}
				
				if (selectedNav.attr('data-itemNumber') != i)
				{
					selectedNav.removeClass('selected');
					selectedNav = allItems[i].addClass('selected');
				}
			});
			
			root.appendTo('.mainContainer:first');
		}
		
		$('#productTabs').tabs('#productTabPanes > div', {
			onClick: function(e, i)
			{
				var tabs = this.getTabs(), index = this.getIndex();
				if (index != undefined)
				{
					tabs.eq(index + 1).removeClass('nextSibling');
				}
				
				tabs.eq(i + 1).addClass('nextSibling');
			}
		});
		
		var productContainer = $('#productMainImage'),
			firstInit = false,
			overlayConfig =
			{ 
				effect: IE6 ? 'default' : 'apple', 
				top: '15%', 
				onBeforeLoad: function(e)
				{
					if (firstInit === false)
					{
						var mainImage = this.getOverlay().find('img');
							secondImage = mainImage.clone().appendTo('body');

						if (secondImage.outerHeight() > 320)
						{
							mainImage.attr('height', 320);
						}

						secondImage.remove();
						firstInit = true;
					}
				}
			};
			
		if (productContainer.find('img').length > 1)
		{
			productContainer
				.scrollable({ circular: true, mousewheel: true })
				.navigator()
				.autoscroll()
				.find('img[rel]')
				.overlay(overlayConfig);
		}
		else
		{
			productContainer
				.find('div.navi')
				.remove()
				.end()
				.find('img[rel]')
				.overlay(overlayConfig);
		}
		
		// $('a.tooltip[title]').tooltip({ tipClass: 'siteTooltip' });
	});
})();
