mcd.dom.ready(function () {

	var params = {
		wmode: 'transparent'
	};
	
	//check to see if the flash movie has already been viewed
	var flash = vendors.quirksmode.readCookie('for-teens');
	var options = {
		trackingName: '/current/assets/for-teens/forteens.xml'		
	};	
	if(!flash){
		mcd.dom.addClass(document.getElementById('replay-trigger'), 'hide');
		vendors.quirksmode.createCookie('for-teens','viewed',0);
		swfobject.embedSWF("/current/assets/for-teens/for-teens.swf", "flash-movie", "614", "270", "9.0.0", false, options, params);
	}
	
	mcd.event.add(document.getElementById('replay-trigger'), 'click', function(event){
		mcd.event.preventDefault(event);
		mcd.dom.addClass(document.getElementById('replay-trigger'), 'hide');
		vendors.quirksmode.createCookie('for-teens','viewed',0);
		swfobject.embedSWF("/current/assets/for-teens/for-teens.swf", "flash-movie", "614", "270", "9.0.0", false, options, params);
	});
	
	// Enable rollovers 
	var rollovers = mcd.dom.getElementsByAttribute('class', 'rollover', document.body, null, true);			
	for (var i = 0; i < rollovers.length; i++) {
		mcd.event.add(rollovers[i], 'mouseover', mcd.util.rollOver);
		mcd.event.add(rollovers[i], 'mouseout', mcd.util.rollOut);
	}
	// Initialize Obtrusive Overlay Manager
    mcd.ObtrusiveOverlay.manager.init({
        'oo-make-case' : {
            'oo-close'	: function () { return true; }
        },
        'oo-card-viewer' : {
            'oo-cancel-close'	: function () { return true; },
            'get-card' : function() {
            	mcd.ObtrusiveOverlay.manager.overlays['oo-card-viewer'].hide();
            	mcd.ObtrusiveOverlay.manager.enterObtrusive('oo-make-case');
            }
        }
    });
    
    mcd.util.externalLinkHandler();
    
	// Initialize Overlay Manager
	mcd.Overlay.manager.init({
		'spending-limits-overlay' : {
			'offset' : {
				'x' : 0,
				'y' : 12
			},'terminators':{
            		   'spending-overlay' : function () { return true; }
			}
		},
		'current-deals-overlay' : {
			'offset' : {
				'x' : 0,
				'y' : 12
			},'terminators':{
            		   'current-d-overlay' : function () { return true; }
			}
		}
	});
	
	var largeImage = document.getElementById('card-large');
	var cardSwitcher = document.getElementById('card-array');
	var selected = document.getElementById('card-1');

	mcd.event.add(cardSwitcher, 'click', function(event){
		selected = mcd.event.getTarget(event);
		var target = mcd.event.getTarget(event);
		if (target.nodeName === 'IMG') {
			largeImage.src = target.src.replace('small', 'large');
			largeImage.alt = target.alt.replace('small', 'large');
			var imgs = cardSwitcher.getElementsByTagName('IMG');
			for (var i = 0; i < imgs.length; i++){
				mcd.dom.removeClass(imgs[i], 'card-bg-orange');
			}
			mcd.dom.addClass(target, 'card-bg-orange');
		}
	});
	mcd.event.add(cardSwitcher, 'mouseover', function(event){
		var target = mcd.event.getTarget(event);
		if(target.id != selected.id){
			if (target.nodeName === 'IMG') {
				mcd.dom.addClass(target, 'card-bg-orange');
							//alert(target.id);
			}
		}
	});
	mcd.event.add(cardSwitcher, 'mouseout', function(event){
		var target = mcd.event.getTarget(event);
		if(target.id != selected.id){
			if (target.nodeName === 'IMG') {
				mcd.dom.removeClass(target, 'card-bg-orange');
			}
		}
	});
	mcd.event.add(cardSwitcher, 'click', function(event){
		var target = mcd.event.getTarget(event);
		
	});
	mcd.event.add('fees', 'click', function(event){
		mcd.event.preventDefault(event);
		
		//show info and header
		mcd.dom.removeClass('fees-header', 'hide');
		
		//update subnav
		mcd.dom.addClass('fees', 'active');
		mcd.dom.removeClass('overview', 'active');
		mcd.dom.removeClass('discounts', 'active');
		
		//hide other elements
		mcd.dom.addClass('overview-header', 'hide');
		mcd.dom.addClass('discounts-header', 'hide');
	});
	
	mcd.event.add('overview', 'click', function(event){
		mcd.event.preventDefault(event);
		
		//show info and header
		mcd.dom.removeClass('overview-info', 'hide');
		mcd.dom.removeClass('overview-header', 'hide');
				
		//update subnav
		mcd.dom.addClass('overview', 'active');
		mcd.dom.removeClass('fees', 'active');
		mcd.dom.removeClass('discounts', 'active')
		
		//hide other elements
		mcd.dom.addClass('discounts-header', 'hide');
		mcd.dom.addClass('fees-header', 'hide');
	});
	
	mcd.event.add('discounts', 'click', function(event){
		mcd.event.preventDefault(event);
		
		//show info and header
		mcd.dom.removeClass('discounts-header', 'hide');
		mcd.dom.removeClass('overview-info', 'hide');
		
		//update subnav
		mcd.dom.addClass('discounts', 'active');
		mcd.dom.removeClass('fees', 'active');
		mcd.dom.removeClass('overview', 'active')
		
		//hide other elements
		mcd.dom.addClass('fees-header', 'hide');
		mcd.dom.addClass('overview-header', 'hide');
		
	});
});