// for use with mootools v1.11
// Stewart Smith - WGBH Interactive
// http://interactive.wgbh.org/

// include other js files
document.write('<script type="text/javascript" src="../j/users.js"></script>');
document.write('<script type="text/javascript" src="../j/social.js"></script>');

var presidents_home = {
	main_img_default_src: '',

	// add an Fx.Scroll	obj for the window
	scroll_fx: new Fx.Scroll(window, {
		wait: 500,
		duration: 500,
		transition: Fx.Transitions.Quad.easeIn
	}),

	init: function(){

		if( $('prez_watch_nav') )
			presidents_home.init_prez_watch_nav();

		if( $('social_bookmarking') ){
			amex.addCSS('../c/social.css');
			SocialBookmarking.replaceDIV('social_bookmarking');
		}

	},
	loaded: function(){
		img = $('main_vid_img');
		presidents_home.main_img_default_src = img.src;
		img.title = '';
	},
	init_prez_watch_nav: function() {
		$ES('.righty img', 'prez_watch_nav').each( function(element){
			var isActive = false;
			element.title = '';
			if( element.getParent().getTag() == 'a' ){
				// the vids ARE online
				if( element.getParent().getPrevious() ){
					if( element.getParent().getPrevious().getTag() != 'h2' ){
						// if the link doesn't already have an h2 in front - add it
						new Element('h2').setHTML( element.alt ).addClass('hide').addClass('oneline').injectBefore( element );
					}else{
						// if the link already has an h2 in front - add active class and don't add events
						isActive = true;
						element.getParent().getPrevious().addClass('active');
					}
				}else{
					// if there is a link but no previous elem then vid is first in the list and not the active group
					new Element('h2').setHTML( element.alt ).addClass('hide').addClass('oneline').injectBefore( element );
				}

			}else{
				// the vids are NOT online
				var aryAlt = element.alt.split(/\s+/);
				var tmpHTML = aryAlt[0] + '<br /><span>';
				for( var i=1; i < aryAlt.length; i++){
					tmpHTML += aryAlt[i] + ' ';
				}
				tmpHTML = tmpHTML.trim() + '</span>';
				new Element('h2').setHTML( tmpHTML ).addClass('hide').injectBefore( element );
			}

			// preload and store the source for main img swap
			var imgFile = element.src.substr(0, element.src.length-4);
			imgFile = imgFile.replace( new RegExp('\/tn_'), '/');

			var imgType = element.src.substr(element.src.length-3, element.src.length);
			element.main_src = (new Image()).src = imgFile + '_watch' + '.' + imgType;

			// hide and show the h2 on mouseover and mouseout for not active
			if ( !isActive ){
				element.addEvent('mouseover', function(e){
					new Element(this).getPrevious().toggleClass('hide');
					presidents_home.change_main_img( this.main_src );
				});
				element.addEvent('mouseout', function(e){
					new Element(this).getPrevious().toggleClass('hide');
					presidents_home.change_main_img();
				});
			}else{
				element.addEvent('mouseover', function(e){
					this.defaultH2 = new Element(this).getParent().getPrevious().getText();
					new Element(this).getParent().getPrevious().setHTML( this.alt );
					presidents_home.change_main_img();
				});
				element.addEvent('mouseout', function(e){
					new Element(this).getParent().getPrevious().setHTML( this.defaultH2 );
					presidents_home.change_main_img();
				});
			}

		});
	},
	change_main_img: function( swapTo ){
		if(swapTo){
			$('main_vid_img').src = swapTo;
		}else{
			$('main_vid_img').src = presidents_home.main_img_default_src;
		}
	},
	rollovers: function() {
		// img rollovers
		var rollImgs = $$('img.' + ncClsRoll, 'input.' + ncClsRoll);
		rollImgs.each(function(element) {
			var imgFile = element.src.substr(0, element.src.length-4);
			var imgType = element.src.substr(element.src.length-3, element.src.length);
			element.roll_src = (new Image()).src = imgFile + ncImgOver + '.' + imgType;
			element.addEvent('mouseenter', function(){
				this.setProperty('src', this.roll_src);
			});
			element.addEvent('mouseleave', function(){
				this.setProperty('src', this.src.replace( new RegExp(ncImgOver+'\.'), '.') );
			});
	
		});
	}

};// end presidents obj

window.addEvent('domready', presidents_home.init);
window.addEvent('load', presidents_home.loaded);