jQuery.noConflict();
jQuery(document).ready(function()
{	
	var $j = jQuery;
	initjQuery();

	// Init Function
	function initjQuery()
	{		
		// Setup all input text box to clear on focus
		$j('input[type="text"]:not(.txtField)').each(function()
		{
			$j(this).autoSelect();
		});
				
		// Horizontal Scrollers
		if ($j('.sliderHor').length > 0)
		{
			$j('.sliderHor').each(function()
			{
				var classnames = $j(this).attr('class');
				var isAuto = matchString('autoSlide', classnames);
				var isSwap = matchString('swapContent', classnames);
				var isZoom = false;
				
				var holder = $j(this).parent();
				
				if ($j(this).parent().attr('class') == 'zoomSliderBound')
				{
					isZoom = true;
					var html ='<div class="sliderHorZoom"><dl class="zoom"></dl></div>';
					$j(this).parent().append(html);
				}
				
				$j(this).slider({autoSlide: isAuto});
				if (isSwap) { $j('.slideItem', holder).swapContent({zoom: isZoom, container: holder, contentContainer: holder.next()}); }
			});
		}
		
		//  Vertical Scrollers
		if ($j('.sliderVert').length > 0)
		{
			$j('.sliderVert').each(function()
			{ 
				var classnames 	= $j(this).attr('class');
				var isAuto 		= matchString('autoSlide', classnames);
								
				$j(this).slider({direction: "vert", autoSlide: isAuto});
			});
		}
		
					
		//  Create Tabs
		if ($j('.tabs-holder').length > 0)
		{
			$j('.tabs-holder').each(function()
			{
				var id = $j(this).attr('id');				
				$j(this).CreateTabs({tabsID: id});
			});
		}
		
		// Ajax Call
		if ($j('.ajax').length > 0)
		{
			$j('.ajax').each(function()
			{
				var id = $j(this).attr('id');
				var prevItem;
				
				var openElement;
				
				$j('li', this).hover(function()
				{
					$j('li.open').each(function()
					{
						openElement = $j(this);
						$j(this).removeClass('open');
					});					
					$j(this).addClass('hover');
				}, function()
				{
					$j(this).removeClass('hover');
					openElement.addClass('open');
				}).click(function()
				{
					return false;
				});
				
				$j('a', this).each(function()
				{
					$j(this).css({cursor: 'pointer'});
					var rel = $j(this).attr('href');
					$j(this).attr('rel', rel);
										
					if (rel != '/')
					{
						$j(this).click(function()
						{
							$j('li.open').each(function()
							{
								$j(this).removeClass('open');
							});
							
							$j(this).parents('li').addClass('open');
							openElement = $j(this).parents('li');
							
							if ($j(this).attr('class') != 'selected')
							{
								updateContent(rel, '#' + id + '-holder');
								$j(this).addClass('selected');
								if (prevItem) { prevItem.removeClass('selected'); }
								
								prevItem = $j(this);
							}
							return false;
						});
					}
				});
			});
		}
		
		// Cover Flow
		if ($j('.coverflow').length > 0)
		{
			$j('.coverflow').each(function()
			{
				$j('a', this).lightBox();
				$j(this).CoverFlow({hasControls: true});
			});
		}
	}
	
	function updateContent(page, holder)
	{
	    $j(holder).html('<img src="/common/images/ajax-loader.gif" />');
		
		$j.ajax(
		{
			url: 		page,
			type: 		"GET",
			cache:		false,
			success: 	function(data)
			{
				$j(holder).html(data);
				window.location = "#selected";
			}
		});
	}
	
	function matchString(keyword, string)
	{
		var arr = string.split(' ');
		var i = 0;
		var len_i = arr.length;
		for (i; i < len_i; i++)
		{
			if (arr[i] == keyword)
			{
				return true;
				break;
			}
		}
		return false;
	}

});

// IFT Namespace
IFT = {
		/*
		 * FontSize
		 * Adds user-defined font sizing to a page by detecting their preference;
		 * either from a cookie or a click event from the toolbar. This will place
		 * a classname of the desired font-size on the BODY tag. From there, you can
		 * use the CSS cascade to attach page elements to the desired font preference.
		 */
		FontSize: {
		
							/* 
							 * changeFontSize
							 * Applies the desired fontsize to the document.
							 * @argument - String fontClass - the CSS classname to be applied to the body element.
							 */
							changeFontSize:function(fontClass) {
								
								// update the fontsize class to the document body.
								jQuery('body').removeClass('txt-small txt-normal txt-large').addClass(fontClass);
								
								// update toolbar to indicate the current fontsize selection.
								jQuery('.fontsize li').each(function(i, item) {

									var btnContainer = jQuery(item);
									var btn = btnContainer.find('span');
									
									// if this button is the currently desired font, then update the UI
									if(btn.hasClass(fontClass)) {
										btnContainer.addClass('current');
									} else {
										// remove the current class
										btnContainer.removeClass('current');
									}
									
								});
											
								// store the fontsize preference for use between pages.
								jQuery.cookie('fontsize', fontClass);
							},
							
							/*
							 * handleChangeFontSizeClick
							 * Handles the click event when a user clicks on fontsize toolbar.
							 * If the event target contains a classname that will effect the layout,
							 * then call changeFontSize with the CSS classname.
							 * @argument - Event e - the DOM click event fired.
							 */
							handleChangeFontSizeClick:function(e){

								var fontClass = undefined;
								
								if(jQuery(e.target).hasClass('txt-small')) {
									fontClass = 'txt-small';
								} else if(jQuery(e.target).hasClass('txt-normal')) {
									fontClass = 'txt-normal';
								}	else if(jQuery(e.target).hasClass('txt-large')) {
									fontClass = 'txt-large';
								}
								
								// once we determine what fontsize is desired, update the UI.
								if(fontClass) {
									IFT.FontSize.changeFontSize(fontClass);
								}
							},
							
							// initialize the fontsize functionality
							init:function() {
							
								// attach event handlers
								jQuery('.fontsize').click(this.handleChangeFontSizeClick);
								
								// read user cookie for fontsize preferences
								if(jQuery.cookie('fontsize')) {
									IFT.FontSize.changeFontSize(jQuery.cookie('fontsize'));
								}
							}
							
		},// end IFT.FontSize
		
		/*
		 * RotateBanner
		 * This adds functionality to the jquery.slideshow plugin. Basically, there's
		 * no auto-rotate option in that plugin, so this adds a periodic click event to the
		 * navigation buttons on the slideshow which fires periodically, causing a rotating slideshow.
		 */
		RotateBanner: {		
		
					btns:[],   // list of banner buttons
					current:0, // pointer to current position in banner list
										
					/*
					 * rotate
					 * This function is called periodically to rotate the banner.
					 * Based on the current position of the banner, it will trigger the 
					 * click event on the next nav element. This winds up looking like a rotating slideshow.
					 */
					rotate:function() {
					
						// trigger click event on slide nav item.
						jQuery(this.btns[this.current]).click();
						
						// if this is the end of the slideshow, reset the counter to the beginning.
						(this.current >= this.btns.length-1) ? this.current = 0 : this.current++;
						
					},
					
					// initialize the banner rotator						
					init:function(interval) {
					    
						// get the navigation buttons
						IFT.RotateBanner.btns = jQuery('.btn-banner li a');

						// Update current position counter when user clicks on nav item
						IFT.RotateBanner.btns.each (function(idx,item) {
							jQuery(item).click(function() {
								IFT.RotateBanner.current = idx;
							});
						});
						
						// call rotate every X seconds
						setInterval("IFT.RotateBanner.rotate()", interval);
					}
		},
		
		/*
		 * Place dyanamic styling fixes here. 
		 * Basically, there are some cases where you have to use JS to fix some layout bugs.
		 * This is a placeholder for those cases.
		 */
		postLoadRendering: {
		
			// IE6 fix for column height.				
			fixColumnHeights:function() {
				// if there is a col wrapper, get the heighest column
				var height = 0;
				
				// find the tallest column
				jQuery('.ctn-highlight .col3 .col').each(function(index, item) {
					var colHeight = jQuery(item).height();
					height = (height > colHeight) ? height : colHeight;
				});
				
				// update the column container to the tallest column height.
				jQuery('.ctn-highlight .col3').css("height", height);
			},
			
			init:function() {
				IFT.postLoadRendering.fixColumnHeights();
			}
		},
		
		// initialize IFT namespace
		init:function(){
			IFT.FontSize.init();
			IFT.postLoadRendering.init();
			//IFT.RotateBanner.init();
		}
		
}; // end IFT

// Wireup IFT to DOM Ready event.
jQuery(document).ready(IFT.init);