﻿if (typeof(att) == "undefined" ) att = {};
var resourcePath = '';
if(document.URL.indexOf('iw-preview') == -1) {
	resourcePath = '/iwov-resources/'
} else {
	resourcePath = '/iw/cci/meta/no-injection/iw-mount/default/main/OSB/WORKAREA/PrimaryWA/iwov-resources/';
}
if($.browser.msie) {
	if($.browser.version == "8.0") {
		document.createStyleSheet(resourcePath + 'css/OSB/ie8.css');
	} else {
		var fileName = resourcePath + 'css/OSB/ie7.css'
		document.createStyleSheet(fileName);
		if($.browser.msie && $.browser.version == "6.0") {
			document.createStyleSheet(resourcePath + 'css/OSB/ie6.css');
		};
	}
}
att.home = new function() {
	var s = {
  	carousel: null
  };

	function _init() {
		$('div.textfield,div.search-field').each(function() {
			var watermark = $.trim($('.watermark', $(this)).text());
			$('input.text', $(this)).val(watermark);
			$(this).children("input.text").bind("focus", function() {
				if ($.trim($(this).val()) == watermark) {
					$(this).val("");
				}
			});
		
			$(this).children("input.text").bind("blur", function() {
				var cval = $.trim($(this).val());
				if (cval == watermark || cval == "") {
					$(this).val(watermark);
				}
			});
		});
		_initMenu();
		//_initTheState();
		_formSubmitOnEnter();
		_stripBorders();
		_initArticleList();
		_initDialogs();
		_initHome();
		_initBack();
		_shareLinks();
		_initFriendEmail();
		_textResize();
		_initAnalytics();
	}

	function _initHome() {
		//Setup Cookie
		if ($.cookie('the_cookie')) {
			tmp = $.cookie('the_cookie');
			tmp++;
		}
		else 
			if (typeof(tmp) == 'undefined')	var tmp = 1;
		
		if (typeof tmp !== 'undefined') {
			if (tmp < 5) {
				$.cookie('the_cookie', tmp, {
					expires: 20
				});
				$('li.slide6').remove();
				$('li.slide5').addClass('last');	
				s.carousel = $('#slides').jcarousel({
		            auto: 10,
		            wrap: 'last',
		            scroll: 1,
					animation: 1000,
		            initCallback: att.home.initCallback,
		            itemFirstInCallback: {onBeforeAnimation:att.home.itemFirstInCallback}
		        });
			}
			else if (tmp > 4) {
				//Take out first slide					
				$('li.slide1').remove();					
				$('li.slide2').addClass('active');					
				$('ul.slide-select a').each(
					 function(i){
					 	//Change the links
						var tmpNum = i+1;
						$(this).attr('href','#slide'+tmpNum )
					 })			     
				 s.carousel = $('#slides').jcarousel({
		            auto: 10,
		            wrap: 'last',
		            scroll: 1,
					animation: 1000,
		            initCallback: att.home.initCallback,
		            itemFirstInCallback: {onBeforeAnimation:att.home.itemFirstInCallback}
		        });	
			}		
		}
	}
	function _initMenu() {
		var isMac = ((navigator.appVersion.toLowerCase().indexOf("mac")) != -1);
		var mainNavItems = $('ul.main-nav li a:not("ul li ul li a")');
		var mainNavItemCount = $(mainNavItems).length;
		var mainNavItemCollectiveWidth = 0;
		$(mainNavItems).each(function() {mainNavItemCollectiveWidth = mainNavItemCollectiveWidth + $(this).width()});
		var mainNavItemPadding = (980 - mainNavItemCollectiveWidth)/(mainNavItemCount*2);
		var mainNavItemPaddingRound = Math.floor(mainNavItemPadding);
		var diff = mainNavItemPadding - mainNavItemPaddingRound;
		var remainder = Math.round(diff*mainNavItemCount);
		$(mainNavItems).css({'padding':'0 ' + mainNavItemPaddingRound + 'px'})
		var oddOneOut = mainNavItemPaddingRound + (remainder/2);
		var lastItem = $('ul.main-nav li a:not("ul li ul li a"):last');
		var lastRightPad = Math.floor(oddOneOut);
		var lastLeftPad = Math.ceil(oddOneOut);
		if(isMac) {
			if($.browser.safari) {
				lastRightPad += 2;
				lastLeftPad += 1;
			}
			if($.browser.mozilla) {
				$('.main-nav').css({'width':'980px'})
			}
		}
		$(lastItem).css({'padding':'0 ' + lastRightPad + 'px 0 ' + lastLeftPad + 'px'});
		$('ul.main-nav li a:not("ul li ul li a"):first').addClass("first");
		$('ul.main-nav li a:not("ul li ul li a"):last').addClass("last");
		$('ul.main-nav li ul').each(function() {
			if($(this).children('li').length == 0) {
				$(this).parents('li').children('a').css('height','46px')
				$(this).remove();
			} else {
				var subWidth = $(this).width();
				var parWidth = $(this).parents('li').width();
				if(subWidth < parWidth) {
					$(this).width(parWidth + "px");
				} 
				var newWidth = $(this).width();
				$(this).children('li').width(newWidth + "px");
				$(this).children('li:last').addClass("last");
			}
		});
		$('ul.main-nav li').hover(
			function() {
				$(this).addClass('hover');
			},
			function() {
				$(this).removeClass('hover');
			}
		)
	}

	function _initTheState() {
		var state = getState();
		if (state != '') {
			document.getElementById('STATE').innerHTML=state;
		}
	}
	
	function _itemFirstInCallback(carousel, item, idx, state) {
		$("ul.slide-select li:eq(" + (idx - 1) + ")").addClass("active").siblings("li").removeClass("active");
	};
	
	function _initCallback(carousel) {
		// Pause autoscrolling if the user moves with the cursor over the clip.
        carousel.clip.hover(
                function() { 
					carousel.stopAuto(); 
				},
                function() { 
					carousel.startAuto(); 
				});
		carousel.clip.click(
			function() { 
				carousel.startAuto(0); 
			});
		// Setup forward and back navigation
		$('ul.slide-select a').click( function() {
			var aLink = $(this).attr('href');
			$(this).parent('li').addClass('active').siblings('li').removeClass('active');
			carousel.scroll(jQuery.jcarousel.intval(aLink.slice(6)));
			carousel.startAuto(0); 
			return false;
		});		
		$('ul.slide-select li a').hover(
			function() {	
				carousel.stopAuto(); 
				$(this).parents("li").addClass("active").siblings().removeClass("active");
	        }, 
			function() {
				carousel.startAuto(); 
		});
	}
	
	function _initDialogs() {
		/*preload image
		var tb_pathToImage = "";
		imgLoader = new Image();
		imgLoader.src = tb_pathToImage;*/
		$('a.dialogTrigger').click(function(e){
			e.preventDefault();
			createDialog(this, e);
			this.blur();
			return false;
		});
		function createDialog(element, e) {
			var $this = element;
			var $href = $this.href;
			$href = $href.replace("'","&apos;");
			var $inlineID = $this.rel;
			var isToolTip = $($this).hasClass('toolTip');
			var isInline = $($this).hasClass('inline');
			var modal_width = 425; 
			var modal_height = 375;
			try {
				// Variables
				if (!isToolTip) { // This is for modals, not tooltips
					// IE 6
					if(($.browser.msie) && ($.browser.version < 7)) { 
						$("body","html").css({height: "100%", width: "100%"});
						$("html").css("overflow","hidden");
						if (document.getElementById("modal_HideSelect") === null) {//iframe to hide select elements in ie6
							$("body").append("<iframe id='modal_HideSelect'></iframe><div id='modal_overlay'></div><div id='modal_window'></div>");
							$("#modal_overlay").click(destroyDialog);
						}
					// Everyone else
					} else { 
						// Add in overlay and window
						if(document.getElementById("modal_overlay") === null){
							$("body").append("<div id='modal_overlay'></div><div id='modal_window'></div>");
							$("#modal_overlay").click(destroyDialog);
						}
					}
					// Mac user running FF
					var userAgent = navigator.userAgent.toLowerCase();
					if (userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox')!=-1) {
						$("#modal_overlay").addClass("modal_overlayMacFFBGHack");//use png overlay to hide flash
					}else{
						$("#modal_overlay").addClass("modal_overlayBG");//use background and opacity
					}
					/*show loader
					$("body").append("<div id='modal_load'><img src='"+imgLoader.src+"' /></div>");
					$('#modal_load').css('display','block');*/
				} /*else { //Tooltip only
					$("body").append("<div id='modal_window'></div>");
				}*/
				
				// Create structure for dialog
				var _contents = '';
				if(isInline) {
					_contents = $($inlineID).html();
					initDialog();
				} else {
					$.ajax({
						url: $href,
						cache: false,
						error: function(html) {
							_contents = "<br/><br/><p style='text-align:center;'>" + html.responseText + "</p>";
							initDialog();
						},
						success: function(html){
							var styleStart = html.indexOf('<style type="text/css">');
							var styleEnd = html.indexOf('</style>') + 8;
							var bodyStart = html.indexOf('<body>') + 6;
							var bodyEnd = html.indexOf('</body>');
							_contents = html.slice(styleStart, styleEnd) + html.slice(bodyStart, bodyEnd);
							$("#dialog_content_container").html(_contents);
							initDialog();
						}
					});
				}
			}
			catch(e) {
				// error
				//console.log(e);
			}
			function initDialog() {
				if((_contents == '') || (_contents == null)) {
					_contents = "<br/><br/><p style='text-align:center;'>Sorry, there was an error.</p>";
				}
				var _structure = '<div class="dialog"><a href="#" class="close">Close</a><div class="content"><div class="wrapper"><div id="dialog_content_container">' + _contents + '</div></div></div></div>';
				$('#modal_window').append(_structure);
				$('a.close', $('#modal_window')).click(destroyDialog);
				
				$('div.dialog', $('#modal_window')).css('width', modal_width + 'px');
				
				// Position window
				var posX = 0;
				var posY = 0;
				if(isToolTip) { //Tooltips appear near the target
					posX = (e.pageX) - (modal_width + 20);
					posY = (e.pageY - 30);
				} else {//Modals are centered
					var offsetV = $(document).scrollTop();
					if($.browser.msie) {
						offsetV = document.documentElement.scrollTop;
					}
					var pageW = $("html").width();
					var pageH = $("html").height();
					posX = Math.floor((pageW - modal_width)/2);
					posY = Math.floor(((pageH - modal_height)/2) + offsetV);
				}
				$('#modal_window').css({'position':'absolute', 'left': posX + 'px', 'top':posY + 'px'});		
				
				// Show #modal_window
				showDialog();
			}
		}
		function showDialog() {
			$('#modal_window').css('display',"block");
			$('#modal_overlay').css('display',"block");
			$('#modal_overlay').unbind();
			$('#modal_load').css('display',"none");
			initCharCount();
			_stripBorders();
			return;
		}
	}
	
	function _stripBorders() {
		if($.browser.msie && ($.browser.version == "6.0")) {
			var columnID = '#' +$('div.teaser:first').parents('div:first').attr('id');
			var sibs = $(columnID).siblings();
			var sibLen = sibs.length;
			if(sibLen > 1) {
				//
			} else {
				columnID = '#' + $(columnID).parents('div:first').attr('id');
			}
			$(columnID).css({'margin':'0 0 0 10px'});
		}
		var menuItem = $('.main-nav li:last a');
		$(menuItem).css('background-image',"none");
		$('ol.breadcrumb li:last').css('background',"none");
		var sepLists = $('ul.related-list.seperated')
		$(sepLists).each(function() {
			$(this).children('li:last').css({'background':"none",'padding':"0 0 0 10px"})
		});
		$('.folderActions li:last').css({'background':"none",'margin':"0",'padding':"0"})
		$('input[type="checkbox"],input[type="radio"]').css('border',"none");
		//$('div.promo:empty').remove();
		$('div.iw_component').each(function(){
			if($(this).children().length == 0) {
				$(this).remove();
			}
		});
		$('div.articleLinks').each(function(){
			var articleLinks = $(this).children("ul").children("li");
			if(articleLinks.length == 0) {
				$(this).html('');;
			}
		});
		if($('#videoDetailContainer').length >= 1) {
			$('.utilityEmail').css('border',"none");
		}
		$('button').click(function(){this.blur()});
		$('.featured-article a').each(function() {
			if(($(this).attr('href').indexOf("http://") != -1) && ($(this).attr('href').indexOf("http://smallbiz.att.com") == -1)){
				$(this).attr('target','_blank');
			}
		});
		$('#tabsArticles span').each(function() {
			if($(this).html() == "MostRecent") {
				$(this).html("Most Recent");
			}
		});
	}
	
	function _textResize() {
		$('.utilityTextSize a').click(function(e) {
			 e.preventDefault();
			 var dir = $(e.target).attr('href');
			 textSize(dir);
	  });
		var twwCrumb = $('a[href="http://smallbiz.att.com/__Asset/TotalWebWizard/default.htm"]');
		var twwWindow = "";
		twwCrumb.click(function(e) {
			e.preventDefault();
			if(((twwWindow == "") || (twwWindow.closed)) && (window.opener == undefined)) {
				twwWindow = window.open("http://smallbiz.att.com/__Asset/TotalWebWizard/default.htm","twwPopup","height=650,scrollbars=1,width=1000")
			}
			if(window.opener != undefined) {
				window.opener.focus()
			} else {
				twwWindow.focus();
			}
			window.blur();
		});
	}

	function _shareLinks(){
		var shareParent = $('.utilityShare');
		$(shareParent).each(function() {
    	$(this).children('a:first').click(function(e) {
				e.preventDefault();
				$(this).toggleClass('active');
				$(this).siblings('ul').toggle();
			});
		});
//		$('a.aShareLink').click(function(e) {
			//alert($PAGE_SCOPE[dcr]);
			//linkTo("http://twitter.com/home?status=Currently reading ","$PAGE_SCOPE[dcr]","$PAGE_SCOPE[type]","$PAGE_SCOPE[contentId]","$PAGE_LINK[.]"); return false;
	//	});
	}

	function _formSubmitOnEnter() {
		var characterCode = "";
		$('#searchBox').keypress(function(e){
			if(e && e.which){
				e = e;
				characterCode = e.which;
			} else {
				e = event;
				characterCode = e.keyCode;
			}
			if(characterCode == 13){
				$('.search .submit').trigger('click');
				return false ;
			} else {
				return true ;
			}
		});
	}

	function _initArticleList() {
		$('.tabClass, .MostRecentPage, .HighestRatedPage').addClass('disabled');
		$('#tabsArticles li:eq(0), #MostRecent_tabDiv, #1_MostRecent_pageDiv, #1_HighestRated_pageDiv').removeClass('disabled').addClass('active');
		var pageLists = $('ul.paginationBottom');
		var topPageLists = $(pageLists).clone();
		$(topPageLists).prependTo('#topPagination');
		$('#topPagination ul').removeClass("paginationBottom");
		$('#topPagination ul').addClass("paginationTop");
		$('.paginationTop').each(function(){
			if($(this).children('li').length <= 3) {
				$(this).children('li').children('a').addClass('disabled');
			} else {
				$(this).children('li:eq(1)').children('a').addClass('disabled');
			}
		});
		$('.paginationBottom').each(function(){
			if($(this).children('li').length <= 3) {
				$(this).children('li').children('a').addClass('disabled');
			} else {
				$(this).children('li:eq(1)').children('a').addClass('disabled');
			}
		});		
		$('.paginationTop:first').addClass("active");
		$('.paginationBottom:first').addClass("active");
		$('#tabsArticles li a').click(function(e) {
			e.preventDefault();
			$(this).parent().addClass('active');
			$(this).parent().siblings().removeClass('active');
			var changeTo = $(this).attr('href');
			changeTab(changeTo)
		});
		$('.pagePrev').click(function(e) {
			e.preventDefault();
		  if(!($(this).hasClass('disabled'))) {
				changePage(-1);
			}
		});
		$('.pageNext').click(function(e) {
			e.preventDefault();
		  if(!($(this).hasClass('disabled'))) {
				changePage(+1);
			}
		});
		$('.pageNum').click(function(e) {
			e.preventDefault();
		  if(!($(this).hasClass('disabled'))) {
				var pageNum = $(e.target).attr('href');
				pageNum = pageNum.replace("#","");
				changePage(pageNum);
			}
		});
	}
	
	function _initFriendEmail() {
		if($('.utilityEmail a').length >= 1) {
			var emailPageLink = $('.utilityEmail a').attr("href");
			var thisPage = escape(document.location.href);
			emailPageLink = emailPageLink + "dcr=" + dcr + "&type=" + type + "&contentId=" + contentID + "&articleLinkUrl=" + thisPage;
			$('.utilityEmail a').attr("href",emailPageLink);
		}
	}

	function _initBack() {
		$('.linkBack').click(function(e) {
			e.preventDefault();
			window.location.href = document.referrer;
		});
	}

	function _initAnalytics () {
		var script = document.createElement('script');
		script.src = '//www.wireless.att.com/webtrends/scripts/dcs_tag.js';
		script.type = 'text/javascript';
		script.defer = true;
		$('body').append(script);
	}
	
	return {
		"init": _init,
		"itemFirstInCallback": _itemFirstInCallback,
		"initCallback": _initCallback
	}
};

function destroyDialog() {
	$('#modal_window').remove();
	$('#modal_overlay').remove();
	$('#modal_load').remove();
	$('#modal_HideSelect').remove(); // IE 6 
	return true;
}

function changePage(dir) {
	var activePage = 0;
	var newPage;
	var pages = $('.tabClass.active').children('div');
	for(i=0; i<pages.length; i++) {
		thisPage = $(pages[i]);
		if($(thisPage).hasClass('active')) {
			activePage = i;
		}
	}
	if((dir === +1) || (dir === -1)) {
		newPage = activePage + dir;
		if((newPage >= 0) && (newPage < pages.length)) {
			$(pages[activePage]).addClass('disabled').removeClass('active');
			$(pages[newPage]).addClass('active').removeClass('disabled');
		}
	} else {
		var pageURL = window.location;
		dir = dir.replace(pageURL,"");
		newPage = dir-1;
		$(pages[activePage]).addClass('disabled').removeClass('active');
		$(pages[dir-1]).addClass('active').removeClass('disabled');
	}
	$('.paginationTop.active li a').removeClass('disabled');
	$('.paginationBottom.active li a').removeClass('disabled');
	$('.paginationTop.active li a:eq(' + (newPage + 1) + ')').addClass('disabled');
	$('.paginationBottom.active li a:eq(' + (newPage + 1) + ')').addClass('disabled');
	if(newPage == 0) {
		$('.paginationTop.active li a.pagePrev').addClass('disabled')
		$('.paginationBottom.active li a.pagePrev').addClass('disabled')
	}
	if(newPage == (pages.length-1)) {
		$('.paginationTop.active li a.pageNext').addClass('disabled')
		$('.paginationBottom.active li a.pageNext').addClass('disabled')
	}
}

function changeTab(changeTo) {
	var tabContainers = $('.tabClass');
	var containerLength = $(tabContainers).length;
	for (i=0; i<containerLength; i++) {
		var thisTab =	$(tabContainers[i])
		$(thisTab).addClass('disabled').removeClass('active');		
	}
	$(changeTo + "_tabDiv").addClass('active').removeClass('disabled');
	var activeTab = $('#tabsArticles li.active');
	var tabIndex = $('#tabsArticles li').index(activeTab);
	$('.paginationTop').removeClass('active');
	$('.paginationBottom').removeClass('active');
	$('.paginationTop:eq(' + tabIndex + ')').addClass('active');
	$('.paginationBottom:eq(' + tabIndex + ')').addClass('active');
}

function createCookie(name,value,days){
	if (days){
		var date = new Date();
		date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
		var expires = "; expires=" + date.toGMTString();
	} else {
		var expires = "";
	}
document.cookie = name + "=" + value + expires + "; path=/";
}

var aArticleSize = new Array('small','','large','larger','largest')
var articleSizeIdx = 1;

function textSize(dir) {
	if (dir == '#up') {
		if (articleSizeIdx < 4) {
			articleSizeIdx += 1;
		}
	} else if (dir == '#down') {
		if (articleSizeIdx > 0) {
			articleSizeIdx -= 1;
		}
	}
	$('#articleDetail').attr('class',aArticleSize[articleSizeIdx]);
	$('.utilityTextSize a').removeClass("disabled");
	if(articleSizeIdx == 4) {
		$('.utilityTextSize a.increase').addClass("disabled");
	}
	if(articleSizeIdx == 0) {
		$('.utilityTextSize a.decrease').addClass("disabled");
	}
}

function getTextCookie ( cookie_name ) {
	var results = document.cookie.match ( cookie_name + '=(.*?)(;|$)' );
	if ( results ) {
		return ( unescape ( results[1] ) );
	} else { return null; }
}

function attLocalization(localizationUrl, returnPathUrl) {
	var hostUrl = 'http://' + location.host + returnPathUrl + escape(window.location.search.substring(1));
	window.location = localizationUrl + hostUrl;
}                       

function getCookie(c_name) {
	if (document.cookie.length > 0) {
		c_start=document.cookie.indexOf(c_name + "=");
		if (c_start!=-1) {
			c_start=c_start + c_name.length+1;
			c_end=document.cookie.indexOf(";",c_start);
			if (c_end==-1) c_end=document.cookie.length;
			return unescape(document.cookie.substring(c_start,c_end));
		}
	}
	return "";
}
function getState() {
	var cookieValue = getCookie('attPersistantLocalization');
	var myPropertyList=cookieValue.split( '|' );
	for(var i=0;i < myPropertyList.length;i++) {
		var myProperty = myPropertyList[i];
		var startPos = myProperty.indexOf('state=');
		if (startPos != -1) {
			return myProperty.substring( startPos+6, myProperty.length - startPos );
		}
	}
	return "";
}

function initCharCount() {
	$('#MessageToSend').keyup(function() {
		var contents = $('#MessageToSend').val();
		var contentLength = contents.length;
		$('#charCount').html(contentLength);
		if(contentLength > 500) {
			contents = contents.slice(0,499);
			$('#MessageToSend').val(contents);
			$('#MessageToSend').trigger('keyup');
		}
	});
}

function captureEnter(formID,submitID) {
	var characterCode = "";
	$(formID + ' input, ' + formID + ' select').keypress(function(e){
		if(e && e.which){
			e = e;
			characterCode = e.which;
		} else {
			e = event;
			characterCode = e.keyCode;
		}
		if(characterCode == 13){
			$(submitID).trigger('click');
			return false;
		} else {
			return true ;
		}
	});
}

function trackEmailModal(articleURL, articleTitle, Event) {
	dcsMultiTrack('DCS.dcsuri',articleURL,'WT.ti',articleTitle,'WT.si_n',articleTitle,'WT.si_p',Event);
}

$(document).ready(function() { 
	att.home.init();
});

