var articleData = '';

var carouselTimeout;
var carousel = new Object;

carousel.play = function(){
	carouselTimeout = setTimeout(function(){
		carousel.next();
		carousel.play();	
		//TODO change icon to pause button	
	}, 8000);
};

carousel.pause = function(){
	clearTimeout(carouselTimeout);
	//TODO Change icon to play button
};

carousel.next = function(){
		var currentIndex = $('#homeCarouselList li.active').index();
		var newIndex = currentIndex + 1;
		if(newIndex == $('#homeCarouselList li').length){
			newIndex = 0;
		}
		$('#homeCarouselInner div.active').fadeOut('slow', function(){
			$('#homeCarouselInner div.hcNetwork').eq(newIndex).fadeIn('slow').attr('class', 'hcNetwork active clearfix'); // For some reason addClass is not working
		}).removeClass('active');
			
		$('#homeCarouselList li.active').removeClass('active').setActiveState(false);
		$('#homeCarouselList li').eq(newIndex).attr('class', 'active').setActiveState(true);  // For some reason addClass is not working.
};

$(function() {
//----- execute these on load	
	$('#loginAreaInner').corner("6px");
	$('#forgotPassword').corner("10px").hide();	
//----- show forgot pass overlay
	$('#loginAreaInner a.fpOverlay').click(function(e) {
		$('#forgotPassword').css("opacity","0").show().animate({opacity:1},"fast");	
		e.preventDefault();
	});
//----- hide forgot pass overlay
	$('#forgotPassword .btnLogCancel').click(function(e) {
		var l = $(this).parent().parent();
		l.animate({opacity:0},"fast", function(){l.hide()});
		e.preventDefault();
	})	
	
	//----- password reminder form
	$('#passwordForm').submit(function(){
		$.post(
			'/email_reminder.php',
			$('#passwordForm').serialize(),
			function(results) {
				if (results.success) {
					$('#forgotPassword').hide('slow');
				} else {
					$("#forgotPassword p:first").addClass("error").html(results.error);
				}
			},
			'json'
		);

		return false;
	});
	
	$.fn.setActiveState = function(active) {
		$(this).find("span").stop().css({ opacity: active ? 0.9 : 0.4 }).end()
			.find("img").stop().css({ opacity: active ? 1 : 0.4 });
	}
	
//----- grab the xml data for the carousel	
	$.get('/published/NewsXML.xml', function(articles){
		articleData = articles;
		var playButtonHtml = '<a class="networkPlay pause" href="#"><span>Play Network</span></a>';
		var mainItemsHtml = '';
		var thumbItemsHtml = '<div id="homeCarouselList"><ul>';
		
		var networkMap = {
			style : {
				network : "Style",
				"class" : "style"
			},
			
			comcast_sportsnet : {
				network : "Comcast Sportsnet",
				"class" : "sportsnet"
			},
			
			e : {
				network : "E!",
				"class" : "etv"
			},
			
			g4 : {
				network : "G4",
				"class" : "g4"
			},
			
			golf : {
				network : "Golf Channel",
				"class" : "golfchannel"
			},
			
			sprout : {
				network : "Sprout",
				"class" : "sprout"
			},
			
			versus : {
				network : "Versus",
				"class" : "versus"
			},
			
			exercise : {
				network : "ExerciseTV",
				"class" : "exercise"
			},
			
			select : {
				network : "Select On Demand",
				"class" : "select"
			}
		};
		
		$(articles).find('article').each(function(i) {
			var article = $(this);
			var content = article.find('content').text();
			var title = article.attr('title');
			var networkCode = article.attr('network');
			var network = networkMap[networkCode]['network'];
			var style = networkMap[networkCode]['class'];

			var imgUrl = '/files' + article.find('img').attr('src');
			var detailUrl = '';
			var promotionUrl = '';
			
			article.find('link').each(function(){
				if ($(this).attr('type') == 'details'){
					detailUrl = $(this).attr('url');
				}
				if ($(this).attr('type') == 'promotion'){
					promotionUrl = $(this).attr('url');
				}
			});
			
			var inlineDisplay = 'style="display:none"';
			var isActive = '';
			var opacity = "";
			if (i == 0) {
				inlineDisplay = '';
				isActive = 'active';
			} else {
				opacity = ' style="opacity: 0.4; filter: alpha(opacity=40);"';
			}
								
			mainItemsHtml += '<div '+ inlineDisplay +' class="hcNetwork '+ isActive +' clearfix"><a class="networkImage" href="' + (LOGGED_IN ? detailUrl : '#') + '" style="background-image: url('+ imgUrl +');"><span>'+ network +'</span></a>';
			mainItemsHtml += '<div class="networkInfo '+ style +'"><h3>'+ title +'</h3><p>'+content+'</p>';
			if (LOGGED_IN) {
				mainItemsHtml += '<ul><li><a href="'+ detailUrl +'">Learn More</a></li><li><a href="'+ promotionUrl +'">See Promotions</a></li></ul>';
			}
			mainItemsHtml += '</div></div>';
			thumbItemsHtml += '<li class="'+ isActive +'"><div class="thumbMask"></div><div class="thumbnail"><a href="#"><img alt="'+ title +'" src="'+ imgUrl + '"' + opacity + '></a><span' + opacity + '>'+ network +'</span></div></li>'; 			
		});
		
		thumbItemsHtml += '</ul></div>';
		$('#homeCarouselInner').append(playButtonHtml, mainItemsHtml, thumbItemsHtml);
		//----- carousel mouseover/out
		$('#homeCarouselList li:not(.active)').live("mouseenter", function() {		
			$(this).find("span").animate({opacity:0.9},300);
			$(this).find("img").animate({opacity:1},300);	
		}).live("mouseleave", function() {
			$(this).find("span").animate({opacity:0.4},300);
			$(this).find("img").animate({opacity:0.5},300);
		});
		//add corners to top image
		// $('.hcNetwork a.networkImage').corner("tl 8px").corner("bl 8px");
		
		if (! $.support.borderRadius) {
			$("#homeCarouselInner .hcNetwork").prepend('<div class="c tr"/><div class="c br"/>');
			$(".hcNetwork a.networkImage").prepend('<div class="c tl"/><div class="c bl"/>');
		}
		
		//Carousel thumbs click handler
		$('#homeCarouselList li').click(function(){
			var indexClicked = $(this).index();
			$('#homeCarouselInner div.active').fadeOut('slow', function(){
				$('#homeCarouselInner div.hcNetwork').eq(indexClicked).fadeIn('slow').attr('class', 'hcNetwork active clearfix'); // For some reason addClass is not working
			}).removeClass('active');
			
			$('#homeCarouselList li.active').removeClass('active').setActiveState(false);
			$(this).attr('class', 'active').setActiveState(true);  // For some reason addClass is not working.
		});
		
		//Play Button Click Handler
		$('#homeCarouselInner .networkPlay').toggle(function(e){
			$(this).removeClass('pause').addClass('play');
			carousel.pause();
			e.preventDefault();
		}, function(e){
			$(this).removeClass('play').addClass('pause');
			carousel.next();
			carousel.play();
			e.preventDefault();
		});
		
		carousel.play();
	},
	'xml');

/*
----------------------------------------------------
Rounded corners: defined via jquery_corner.js plugin
----------------------------------------------------
*/

//define vars
	var homeImage=".hcNetwork a.networkImage";
	var carouselItem="#homeCarouselList ul li a";
	var carouselImg="#homeCarouselList ul li a img";
	var carouselSpan="#homeCarouselList ul li span";
//----- execute these on load
	//$(homeImage).corner("tl 8px").corner("bl 8px");
	//$(carouselItem).corner("8px");
	$(carouselImg).css("opacity",".4");
	$(carouselSpan).css("opacity",".4");
	$('#loginAreaInner').corner("6px");
	$('#forgotPassword').corner("10px").hide();
//----- populate formfields on blur, erase on focus
	var match = 'input.loginInput[@type=text]';	
	$(match).focus(function(){
	this.valuedefault = this.valuedefault || this.value;
	if (this.value == this.valuedefault)
		this.value = '';
    });
    $(match).blur(function(){
    if (this.value.length == 0 || this.value == this.valuedefault)
    if (this.valuedefault && this.value.length==0)
    	this.value = this.valuedefault;
  });
});