// Tab contol
function initTabControl() {
	if (!document.getElementById) return false;
	if (!document.getElementById('tabNav')) return false;
	if (!document.getElementById('viewedTabBody')) return false;	
	
 	var tabNav = $('tabNav');
	var allTabs = tabNav.getElementsBySelector('li');

	$A(allTabs).each(function(trigger) {
		trigger.observe('click', function() {
			$A(allTabs).each(function(l) {
				l.removeClassName('active');
			});
			trigger.addClassName('active');
		});
	});
	
}
Event.observe(window, 'load', initTabControl);


// Tab contol
function initTabControl() {
	if (!document.getElementById) return false;
	if (!document.getElementById('tabNav_large')) return false;
	if (!document.getElementById('viewedHTabBody_large')) return false;	
	
 	var tabNav_large = $('tabNav_large');
	var allTabs = tabNav_large.getElementsBySelector('li');

	$A(allTabs).each(function(trigger) {
		trigger.observe('click', function() {
			$A(allTabs).each(function(l) {
				l.removeClassName('active');
			});
			trigger.addClassName('active');
		});
	});
	
}
Event.observe(window, 'load', initTabControl);

// Tab contol
function initTabControl() {
	if (!document.getElementById) return false;
	if (!document.getElementById('tabNav_large')) return false;
	if (!document.getElementById('viewTabBody_large')) return false;	
	
 	var tabNav_large = $('tabNav_large');
	var allTabs = tabNav_large.getElementsBySelector('li');

	$A(allTabs).each(function(trigger) {
		trigger.observe('click', function() {
			$A(allTabs).each(function(l) {
				l.removeClassName('active');
			});
			trigger.addClassName('active');
		});
	});
	
}
Event.observe(window, 'load', initTabControl);

// Tab contol
function initTabControl() {
	if (!document.getElementById) return false;
	if (!document.getElementById('tabNav_large')) return false;
	if (!document.getElementById('affiliateTabBody_large')) return false;	
	
 	var tabNav_large = $('tabNav_large');
	var allTabs = tabNav_large.getElementsBySelector('li');

	$A(allTabs).each(function(trigger) {
		trigger.observe('click', function() {
			$A(allTabs).each(function(l) {
				l.removeClassName('active');
			});
			trigger.addClassName('active');
		});
	});
	
}
Event.observe(window, 'load', initTabControl);

// Tab contol
function initTabControl() {
	if (!document.getElementById) return false;
	if (!document.getElementById('promotionNav_large')) return false;
	if (!document.getElementById('shopTabBody_large')) return false;	
	
 	var promotionNav_large = $('promotionNav_large');
	var allTabs = promotionNav_large.getElementsBySelector('li');

	$A(allTabs).each(function(trigger) {
		trigger.observe('click', function() {
			$A(allTabs).each(function(l) {
				l.removeClassName('active');
			});
			trigger.addClassName('active');
		});
	});
	
}
Event.observe(window, 'load', initTabControl);

/*
 * 
 * Watermark for Input Text Boxes:
 * 
 * 		Observes a focus/click event on all textboxes that have the CSS class "watermark"
 * 		On the event, the CSS class is removed and the default suggestion text is removed
 * 
 */
function initSearchBoxes(){
	$$('.watermark').each( function(item){
		Event.observe(item, 'click', Watermark.clear.bindAsEventListener(Watermark));
	});
}
Event.observe(window,'load',initSearchBoxes);


var Watermark = { 
	
	clear: function(event) {
		var el = Event.element(event);
		el.clear();
		el.removeClassName('watermark');
	}
	
};


var collection = new Array();
var selectedIndex;
/*
 * 
 * Featured Article Slide Effect
 * 
 */
function initSlide(){
	if(!($('featured-articles'))) return false;
	
	collection = $$(".feature-collection");
	if( collection.size() == 2 ){
		$('feature-collection-wrapper').appendChild(collection[0].cloneNode('true'));
		collection = $$(".feature-collection");
	}
	
	if( collection.size() > 1 ){


		Event.observe('prevButton', 'click', nextEvent);
		Event.observe('nextButton', 'click', prevEvent);

		selectedIndex = 0;
		
		var totalWidth = 0;
		var offsetWidth = 0;
		
		collection.each( function(item){
			totalWidth = totalWidth + item.getWidth();
			if( item == collection[0] ){
				offsetWidth = item.getWidth();
			}
		});
	
	}
	$('feature-collection-wrapper').setStyle({ "width": totalWidth + "px" });
}
Event.observe(window,"load",initSlide);


function nextEvent(event){
	var prevIndex = selectedIndex;
	selectedIndex = selectedIndex - 1;
	if(selectedIndex < 0 ){
		selectedIndex = collection.size() - 1;
	}
	collection[selectedIndex].setStyle({ "display": "none" });
	$('feature-collection-wrapper').insertBefore( collection[selectedIndex], collection[prevIndex]);
	new	Effect.SlideDown(collection[selectedIndex], { scaleX: true, scaleY: false, scaleContent: false, scaleTo: 100.0, scaleFrom: 0, duration: 1 });	
}


function prevEvent(event){

	$('feature-collection-wrapper').immediateDescendants().each( function(item){
		item.setStyle({ "display": "block" });
	});
	
	var previousIndex = selectedIndex;
	selectedIndex = selectedIndex + 1;
	
	if( selectedIndex >= collection.size() ){
		selectedIndex = 0;
	}

	new Effect.SlideUp(collection[previousIndex], { scaleX: true, scaleY: false, scaleContent: false, scaleTo: 0, scaleFrom: 100.0, duration: 1 });	

	setTimeout( function(){
		$('feature-collection-wrapper').appendChild(collection[previousIndex]);
		collection[previousIndex].setStyle({ "display": "block" });
	}, 1000 )
	
	$('feature-collection-wrapper').immediateDescendants().each( function(item){
		item.setStyle({ "display": "block" });
		item.setStyle({ "bottom": "0px" }); 
	});	
}


// setNewWindow v1.5
function setNewWindow() {
	// make sure the browser has what we need
	if (!document.getElementsByTagName) return false;
	// get the elements
	var links = document.getElementsByTagName("a");
	// make sure there are any
	if (links.length < 1) return false;
	for (a=0; a < links.length; a++) {
		var link = links[a];
		if ((link.getAttribute("href")) && (link.getAttribute("rel") == "external")) {
			if (link.getAttribute("title")) {
				var currentTitle = link.getAttribute("title");
				newTitle = currentTitle + " (opens in new window)";
				link.setAttribute("title", newTitle);
			}
			link.onclick = function() {
				var location = this.getAttribute("href");
				window.open(location, "newWindow");				
				return false;
			}
		}
	}
}
Event.observe(window,"load",setNewWindow);

function pollSubPop (url, name, widgets ) 
        {
            popupWin = window.open(url, name, widgets);
            var agt=navigator.userAgent.toLowerCase();
            var is_major = parseInt(navigator.appVersion);
             var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
             var is_ie3    = (is_ie && (is_major < 4));
             var is_ie4    = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) );
             var is_aol   = (agt.indexOf("aol") != -1);
             var is_aol3  = (is_aol && is_ie3);
             var is_aol4  = (is_aol && is_ie4);
             var is_aol5  = (agt.indexOf("aol 5") != -1);
             var is_aol6  = (agt.indexOf("aol 6") != -1);
             var is_comp   = (agt.indexOf("compuserve") != -1);
             var is_compie = (is_comp && is_ie);
        
             if(!is_aol6 && !is_aol3 && !is_aol4 && !is_aol5 && !is_compie) { popupWin.opener.top.name = "opener"; }
        
            popupWin.focus();
        }
        
        function openPopup(url,name,width,height){
            var widgets = 'width='+width+',height='+height;
            pollSubPop(url,name,widgets);
        }
        
        function switchMostPopular(clicked){
            if(clicked == 'viewed'){
                document.getElementById('viewedTabTitle').className = 'tabTitle active';
                document.getElementById('emailedTabTitle').className = 'tabTitle';
                document.getElementById('emailedTabBody').style.display = 'none';
                document.getElementById('viewedTabBody').style.display = '';				
            }else{
                document.getElementById('emailedTabTitle').className = 'tabTitle active';
                document.getElementById('viewedTabTitle').className = 'tabTitle';
                document.getElementById('emailedTabBody').style.display = '';
                document.getElementById('viewedTabBody').style.display = 'none';
            }
        }
        
       function switchMostPopularHomepage(clicked){
            if(clicked == 'viewedH'){
                document.getElementById('viewedHTabTitle_large').className = 'tabTitle_large active';
                document.getElementById('emailedHTabTitle_large').className = 'tabTitle_large';
                document.getElementById('emailedHTabBody_large').style.display = 'none';
		document.getElementById('commentHTabTitle_large').className = 'tabTitle_large';
                document.getElementById('commentHTabBody_large').style.display = 'none';
                document.getElementById('viewedHTabBody_large').style.display = '';				
            }else if(clicked == 'emailedH'){
                document.getElementById('emailedHTabTitle_large').className = 'tabTitle_large active';
                document.getElementById('viewedHTabTitle_large').className = 'tabTitle_large';
		document.getElementById('commentHTabTitle_large').className = 'tabTitle_large';
                document.getElementById('emailedHTabBody_large').style.display = '';
                document.getElementById('viewedHTabBody_large').style.display = 'none';
		document.getElementById('commentHTabBody_large').style.display = 'none';
            }else{
                document.getElementById('commentHTabTitle_large').className = 'tabTitle_large active';
                document.getElementById('viewedHTabTitle_large').className = 'tabTitle_large';
		document.getElementById('emailedHTabTitle_large').className = 'tabTitle_large';
                document.getElementById('commentHTabBody_large').style.display = '';
                document.getElementById('viewedHTabBody_large').style.display = 'none';
		document.getElementById('emailedHTabBody_large').style.display = 'none';
            }
        }
		
		 function switchVideo(clicked){
            if(clicked == 'view'){
                document.getElementById('viewTabTitle_large').className = 'tabTitle_large active';
                document.getElementById('recentTabTitle_large').className = 'tabTitle_large';
                document.getElementById('recentTabBody_large').style.display = 'none';
                document.getElementById('viewTabBody_large').style.display = '';				
            }else{
                document.getElementById('recentTabTitle_large').className = 'tabTitle_large active';
                document.getElementById('viewTabTitle_large').className = 'tabTitle_large';
                document.getElementById('recentTabBody_large').style.display = '';
                document.getElementById('viewTabBody_large').style.display = 'none';
            }
        }


		function switchRelatedContent(clicked){
   			if(clicked == 'web'){
                document.getElementById('webTabTitle_large').className = 'tabTitle_large active';
				document.getElementById('relatedTabTitle_large').className = 'tabTitle_large';
                document.getElementById('webTabBody_large').style.display = '';
				document.getElementById('relatedTabBody_large').style.display = 'none';
            }else{
                document.getElementById('relatedTabTitle_large').className = 'tabTitle_large active';
				document.getElementById('webTabTitle_large').className = 'tabTitle_large';
                document.getElementById('relatedTabBody_large').style.display = '';
				document.getElementById('webTabBody_large').style.display = 'none';
            }
        }
		
		function switchAffiliatedContent(clicked){
            if(clicked == 'affiliate'){
                document.getElementById('affiliateTabTitle_large').className = 'tabTitle_large active';
                document.getElementById('webTabTitle_large').className = 'tabTitle_large';
                document.getElementById('webTabBody_large').style.display = 'none';
				document.getElementById('relatedTabTitle_large').className = 'tabTitle_large';
                document.getElementById('relatedTabBody_large').style.display = 'none';
                document.getElementById('affiliateTabBody_large').style.display = '';				
            }else if(clicked == 'web'){
                document.getElementById('webTabTitle_large').className = 'tabTitle_large active';
                document.getElementById('affiliateTabTitle_large').className = 'tabTitle_large';
				document.getElementById('relatedTabTitle_large').className = 'tabTitle_large';
                document.getElementById('webTabBody_large').style.display = '';
                document.getElementById('affiliateTabBody_large').style.display = 'none';
				document.getElementById('relatedTabBody_large').style.display = 'none';
            }else{
                document.getElementById('relatedTabTitle_large').className = 'tabTitle_large active';
                document.getElementById('affiliateTabTitle_large').className = 'tabTitle_large';
				document.getElementById('webTabTitle_large').className = 'tabTitle_large';
                document.getElementById('relatedTabBody_large').style.display = '';
                document.getElementById('affiliateTabBody_large').style.display = 'none';
				document.getElementById('webTabBody_large').style.display = 'none';
            }
        }
		
		function switchProduct(clicked){
            if(clicked == 'shop'){
                document.getElementById('shopTabTitle_large').className = 'promotionTitle_large active';
                document.getElementById('travelTabTitle_large').className = 'promotionTitle_large';
                document.getElementById('travelTabBody_large').style.display = 'none';
                document.getElementById('shopTabBody_large').style.display = '';				
            }else{
                document.getElementById('travelTabTitle_large').className = 'promotionTitle_large active';
                document.getElementById('shopTabTitle_large').className = 'promotionTitle_large';
                document.getElementById('travelTabBody_large').style.display = '';
                document.getElementById('shopTabBody_large').style.display = 'none';
            }
        }

