var HomepageTabs = {
	
	tabs:'#home-heading .nav ul li a',
	panels:'#home-slider .object',
	currentClass:'current',
	fadeOutBehavior:1000,
	fadeInBehavior:1500,
	flashSelector:'flash-video',
	
	init: function() {
		//add hover effects to nav items
		$('#home-heading .nav li a').hover(function() {
			$(this).stop().animate({ backgroundPosition: '' + ($(this).width() - 105) + 'px 0' }, { duration: 200 });
		}, function() {
			$(this).stop().animate({ backgroundPosition: '-114px 0' }, { duration: 200 });
		});
		$('div.features table tr').hover(function() {
			$(this).addClass('hover');
		}, function() {
			$(this).removeClass('hover');
		});
    
		// Attach fade behaviors to #home #nav
		$(HomepageTabs.tabs).click(function() {
			HomepageTabs.deactivateTabs();
			HomepageTabs.activate( $(this).attr('href') );
			return false;
		});
    
		// Select a tab if navigating here from another page
		var hash = window.location.hash;
		var targets = $(HomepageTabs.tabs).attr('href');
		if( hash!='' && $.inArray(hash,targets) ) {
			HomepageTabs.deactivateTabs();
			$(HomepageTabs.tabs+'[href='+hash+']').parent().addClass(HomepageTabs.currentClass);
			$(hash).show();
		}
		HomepageTabs.loopMonetizeScreenshots();
	},
	
	activate: function(target_panel) {
		// Show the panel
		$(target_panel).find('.article').hide().fadeIn(HomepageTabs.fadeInBehavior);
		$(target_panel).show();
		
    // flashvars for video to load
    var w = '150';
    var h = '224';
    var container_class = 'iphone-container';
    var flashvars = { v:'/media/flash/' };
    var params = {
      wmode:'transparent',
      background:'#000000'
    };
    var attributes = {};
    var orientation = 'vertical';
    
    switch( target_panel ) {
      case '#slide-monetize':
        flashvars.v = undefined;
        break;
      case '#slide-social':
        flashvars.v += 'social.flv';
        break;
      case '#slide-photos':
        flashvars.v += 'photos.flv';
        break;
      case '#slide-videos':
        flashvars.swap = '#slide-videos2';
        flashvars.v += 'videos1.flv';
        break;
      case '#slide-videos2':
        flashvars.swap = '#slide-videos';
        w = '224';
        h = '150';
        orientation = 'horizontal';
        flashvars.v += 'videos2.flv';
        break;
    }
    if(flashvars.v != undefined) {
			$(target_panel).find('.'+container_class).html('<div id="' + HomepageTabs.flashSelector + '"></div>');
      swfobject.embedSWF('/media/flash/demo-' + orientation + '.swf?_v=1.2', HomepageTabs.flashSelector, w, h, '10.0.0', '/media/flash/expressInstall.swf', flashvars, params, attributes);
    } else {
      // show monetize stills
      $('#monetize-screenshot').fadeIn('slow');
      $('#monetize-alt-screenshot').hide();
  		HomepageTabs.loopMonetizeScreenshots();
    }
	},
	
	loopMonetizeScreenshots: function() {
    if($('#monetize-screenshot').is(':visible') && $('#monetize-screenshot').parents(':hidden').length == 0) {
      setTimeout(function(){
        $('#monetize-screenshot').fadeOut('slow',function(){
          $('#monetize-alt-screenshot').fadeIn('slow',function(){ HomepageTabs.loopMonetizeScreenshots(); });
        });
      }, 3000);
    }
    if($('#monetize-alt-screenshot').is(':visible') && $('#monetize-alt-screenshot').parents(':hidden').length == 0) {
      setTimeout(function(){
        $('#monetize-alt-screenshot').fadeOut('slow',function(){
          $('#monetize-screenshot').fadeIn('slow',function(){ HomepageTabs.loopMonetizeScreenshots(); });
        });
      }, 3000);
    }
	},
	
	deactivateTabs: function() {
	  // add support for dynamic flash video
	  $('#'+HomepageTabs.flashSelector).remove();
	  
		$(HomepageTabs.tabs).parent().removeClass('current');
		$(HomepageTabs.panels).hide();
	}
	
}
$(document).ready(function() {
	if($('#home-heading').length > 0) HomepageTabs.init();
});