<!DOCTYPE html>
<html ng-app="tgNg" ng-controller="AppCtrl">
  <head>
    <title ng-bind="pageTitle"></title>

		<base href='/'>

		<!-- crawler support -->
		<meta name="fragment" content="!" />

	  	<!-- canonical -->
	  	<link rel="canonical" href="{{canonical}}" >
	  	<link rel="image_src" type="image/png" href="http://www.toongoggles.com/assets/img/common/logo-mascot.jpg" />

		<!-- Smart Banner -->
		<meta name="apple-itunes-app" content="app-id=898971704, affiliate-data=I2SdbZucEhc&ct=Smart%20Banner%20Tracking, app-argument=nav://home">
		<meta name="google-play-app" content="app-id=com.toongoggles.a">
		<meta name="msApplication-ID" content="22a15485-ac7b-42bd-be61-841d22fde995" />
		<meta name="msApplication-PackageFamilyName" content="BD1329DC.ToonGoggles-CartoonsforKids" />

		<!-- social media tags -->
		<meta property="og:title" content="Toon Goggles" />
		<meta property="og:type" content="website" />
		<meta property="og:url" content="http://www.toongoggles.com" />
		<meta property="og:image" content="http://www.toongoggles.com/assets/img/common/logo-mascot.jpg" />
		<meta property="og:description" content="Toon Goggles is the premier on-demand entertainment destination for children, offering a vast and diverse amount of animated and live-action programs and engaging games.">
	  	<meta property="al:ios:app_name" content="Toon Goggles">
	  	<meta property="al:ios:app_store_id" content="898971704">
	  	<meta property="al:ios:url" content="nav://home">
	  	<meta property="al:web:url" content="{{alWebUrl}}">

	    <!-- FB Specific -->
	  	<meta property="fb:app_id" content="966242223397117" />

	  	<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="apple-touch-icon" href="/assets/img/icons/touch-icon-iphone-60x60.png">
		<link rel="apple-touch-icon" sizes="60x60" href="/assets/img/icons/touch-icon-ipad-76x76.png">
		<link rel="apple-touch-icon" sizes="114x114" href="/assets/img/icons/touch-icon-iphone-retina-120x120.png">
		<link rel="apple-touch-icon" sizes="144x144" href="/assets/img/icons/touch-icon-ipad-retina-152x152.png">

		<!-- Google Web Fonts -->
		<link href='http://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet' type='text/css'>

		<!-- compiled CSS -->
		<link rel="stylesheet" type="text/css" href="/vendor/slidebox/css/slidebox.css" />
		<link rel="stylesheet" type="text/css" href="/vendor/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="/additional_files/Smart-App-Banners/css/smart-app-banner.min.css" />
		<link rel="stylesheet" type="text/css" href="/assets/tg-0.0.1.css" />

    	<!-- compiled JavaScript -->
    	<script type="text/javascript" src="/vendor/jquery/dist/jquery.js"></script>
    	<script type="text/javascript" src="/vendor/angular/angular.js"></script>
    	<script type="text/javascript" src="/vendor/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
    	<script type="text/javascript" src="/vendor/angular-ui-router/release/angular-ui-router.js"></script>
    	<script type="text/javascript" src="/vendor/angular-ui-utils/ui-utils.min.js"></script>
    	<script type="text/javascript" src="/vendor/angular-sanitize/angular-sanitize.js"></script>
    	<script type="text/javascript" src="/vendor/angular-touch/angular-touch.js"></script>
    	<script type="text/javascript" src="/vendor/angular-animate/angular-animate.js"></script>
    	<script type="text/javascript" src="/vendor/angular-cookie/angular-cookie.js"></script>
    	<script type="text/javascript" src="/vendor/angular-cookies/angular-cookies.js"></script>
    	<script type="text/javascript" src="/vendor/respond/dest/respond.min.js"></script>
    	<script type="text/javascript" src="/vendor/slidebox/js/slidebox.js"></script>
    	<script type="text/javascript" src="/vendor/angulartics/dist/angulartics.min.js"></script>
    	<script type="text/javascript" src="/vendor/angulartics/dist/angulartics-ga.min.js"></script>
    	<script type="text/javascript" src="/vendor/jquery.scrollTo/jquery.scrollTo.min.js"></script>
    	<script type="text/javascript" src="/vendor/angular-seo/angular-seo.js"></script>
    	<script type="text/javascript" src="/additional_files/Smart-App-Banners/js/smart-app-banner.min.js"></script>
    	<script type="text/javascript" src="/src/app/account/account.js"></script>
    	<script type="text/javascript" src="/src/app/account/forgot.js"></script>
    	<script type="text/javascript" src="/src/app/account/login.js"></script>
    	<script type="text/javascript" src="/src/app/account/profile.js"></script>
    	<script type="text/javascript" src="/src/app/account/register.js"></script>
    	<script type="text/javascript" src="/src/app/api/api.js"></script>
    	<script type="text/javascript" src="/src/app/app.js"></script>
    	<script type="text/javascript" src="/src/app/articles/articles.js"></script>
    	<script type="text/javascript" src="/src/app/devices/devices.js"></script>
    	<script type="text/javascript" src="/src/app/global/directives.js"></script>
    	<script type="text/javascript" src="/src/app/global/filters.js"></script>
    	<script type="text/javascript" src="/src/app/global/services.js"></script>
    	<script type="text/javascript" src="/src/app/helpers.js"></script>
    	<script type="text/javascript" src="/src/app/links/links.js"></script>
    	<script type="text/javascript" src="/src/app/notifications/notifications.js"></script>
    	<script type="text/javascript" src="/src/app/pages/pages.js"></script>
    	<script type="text/javascript" src="/src/app/partners/partner-message.js"></script>
    	<script type="text/javascript" src="/src/app/partners/partners.js"></script>
    	<script type="text/javascript" src="/src/app/products/products.js"></script>
    	<script type="text/javascript" src="/src/app/sections/games/game.js"></script>
    	<script type="text/javascript" src="/src/app/sections/games/games.js"></script>
    	<script type="text/javascript" src="/src/app/sections/mytg/myTG.js"></script>
    	<script type="text/javascript" src="/src/app/sections/radio/radio.js"></script>
    	<script type="text/javascript" src="/src/app/sections/search/search.js"></script>
    	<script type="text/javascript" src="/src/app/sections/sections.js"></script>
    	<script type="text/javascript" src="/src/app/sections/shows/episodes/episodes.js"></script>
    	<script type="text/javascript" src="/src/app/sections/shows/share.js"></script>
    	<script type="text/javascript" src="/src/app/sections/shows/show.js"></script>
    	<script type="text/javascript" src="/src/app/sections/shows/shows.js"></script>
    	<script type="text/javascript" src="/src/app/subscriptions/checkout.js"></script>
    	<script type="text/javascript" src="/src/app/subscriptions/subscriptions.js"></script>
    	<script type="text/javascript" src="/src/app/subscriptions/upgrade.js"></script>
    	<script type="text/javascript" src="/src/app/video/video.js"></script>
    	<script type="text/javascript" src="/src/app/waterfall/waterfall.js"></script>
    	<script type="text/javascript" src="/templates-common.js"></script>
    	<script type="text/javascript" src="/templates-app.js"></script>
    	<script type="text/javascript" src="/config.js"></script>

		<!-- Kaltura Embed Library -->
		<script type='text/javascript' ng-src="{{kalturaEmbedSrc}}"></script>

		<!-- TG openx ad blocks -->
		<!--<script type='text/javascript' ng-src="{{tgOpenxStaticAds}}"></script>-->
		<script type='text/javascript' src='http://openx.toongoggles.com/www/delivery/spcjs.php?id=3&amp;block=1&amp;country_code=JP&region_code=40&auth=1&premium=1&device_type=web&platform=web&partner=toongoggles&connection=wifi'></script>
		
		<!-- Facebook SDK Init -->
		<script>
			window.fbAsyncInit = function() {
		    FB.init({
		  	  appId      : '354459654679386',
		      xfbml      : false,
		      status     : false,
		      version    : 'v2.1'
		    });
		
				// let our directives know they can call to parse
				window.fbInit = true;
		  };
		</script>
		
		<!-- Structured Data: Search Action -->
		<script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "url": "http://www.toongoggles.com/",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "http://www.toongoggles.com/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>
  </head>
  <body class='{{section}} {{bodyClass}}'>
		<div id="fb-root"></div>
		<script>(function(d, s, id) {
		  var js, fjs = d.getElementsByTagName(s)[0];
		  if (d.getElementById(id)) return;
		  js = d.createElement(s); js.id = id;
		  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=966242223397117";
		  fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));</script>
	
		<header class='header wrapper'>
	    	<div class="container">
				<div class='row'>
					<div class='col-xs-2 primary-links'>
						<div class='row'>
				      		<div class="navbar navbar-default col-xs-12">
				        		<div class="navbar-header">
				          			<button type="button" class="navbar-toggle" ng-init="menuCollapsed = true" ng-click="menuCollapsed = ! menuCollapsed">
										<span class="sr-only">Toggle navigation</span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
				          			</button>
				        		</div>
				      		</div>
						</div>
					</div>

					<div class='col-xs-10 col-sm-push-5 col-sm-4 col-md-push-6 col-md-3' ng-Controller='AccountLinksCtrl'>
						<div class='account-links' ng-show='!loggedIn'>
							<a href='javascript:void(0);' ng-click="loginClick()" id="login-link">Login</a>
							<a href='javascript:void(0);' ng-click="registerClick()" id='register-link'>Register</a>
							<a href='javascript:void(0);' ng-click="upgradeClick()" id="anon-upgrade-link" class='upgrade'>Upgrade</a>
							<a href='javascript:void(0);' ng-click="forgotPasswordClick()" id='forgot-link'>Register</a>
						</div>
						<div class='account-links' ng-show='loggedIn'>
							<div profile-block class='account'></div>
							<a href ui-sref='sections.myTG({screenName: (profile.screen_name | stringToURL)})' ui-sref-active='active'>Profile</a>
							<a href='javascript:void(0);' ng-click="upgradeClick()" id="upgrade-link" class='upgrade' ng-show="upgradeAvailable">Upgrade</a>
							<a class='logout' ng-click='logOut()'>Logout</a>
						</div>
					</div>

					<div class='col-xs-12} col-sm-push-5 col-sm-2 col-md-push-6'>
						<div class='social-links'>
							<a href='http://www.pinterest.com/toongoggles' target='_blank'>
								<i class="fa fa-pinterest"></i>
							</a>
							<a href='http://www.instagram.com/toongoggles' target='_blank'>
								<i class="fa fa-instagram"></i>
							</a>
							<a href='http://www.youtube.com/user/ToonGogglesTube' target='_blank'>
								<i class='fa fa-youtube'></i>
							</a>
							<a href='https://twitter.com/toongoggles' target='_blank'>
								<i class='fa fa-twitter'></i>
							</a>
							<a href='https://www.facebook.com/ToonGoggles' target='_blank' class='last'>
								<i class='fa fa-facebook'></i>
							</a>
						</div>
					</div>

					<div class="navbar navbar-default navbar-second col-xs-12 col-sm-pull-6 col-sm-6 col-md-pull-5 col-md-7">
						<div class="collapse navbar-collapse" collapse="menuCollapsed">
							<ul class="nav navbar-nav">
								<li ui-sref-active="active">
									<a href ui-sref="sections.shows.all" ng-click="menuCollapsed = ! menuCollapsed" class="first">Home</a>
								</li>
								<li ui-sref-active="active">
									<a href ui-sref="pages.about" ng-click="menuCollapsed = ! menuCollapsed">About</a>
								</li>
								<li ui-sref-active="active">
									<a href ui-sref="articles" ng-click="menuCollapsed = ! menuCollapsed">Blog</a>
								</li>
								<li ui-sref-active="active">
									<a href ui-sref="pages.devices" ng-click="menuCollapsed = ! menuCollapsed">Devices</a>
								</li>
								<li ui-sref-active="active">
									<a href ui-sref="pages.contact" ng-click="menuCollapsed = ! menuCollapsed">Contact</a>
								</li>
								<li ui-sref-active="active">
									<a href ui-sref="pages.forParents" ng-click="menuCollapsed = ! menuCollapsed">For Parents</a>
								</li>
							</ul>
						</div>
					</div>
					
				</div>
	    	</div>
		</header>
		
		<div class='wrapper main-wrapper'>
    		<div class="container">
				<div class="row main-wrapper-inner">
					
					<div class='content col-xs-12 col-md-10'>
						<div class="in-app-browser-cta">
							<div class='header-apps'>
								<a href='{{links.iTunes}}'><img src='/assets/img/footer-links/app-store.png' class='img-responsive app-store header-app'></a>
								<a href='{{links.googlePlay}}'><img src='/assets/img/footer-links/google-play.png' class='img-responsive google-play header-app'></a>
							</div>
						</div>
						<div class='row main-header'>
							<div class='logo col-xs-12 col-sm-4'>
								<a href ui-sref='sections.shows.all'><img class="img-responsive" src="/assets/img/common/logo-mascot.png" /></a>
							</div>

							<div class="col-xs-12 col-sm-8 col-lg-6">
								<ul ng-controller="SectionsTabsCtrl" class="sections-tabs list-inline">
									<li ng-repeat='tab in tabs' ng-show='tab.visible' ng-class='{active: tab.active, first: $first, last: $last}' class='nav nav-tabs' role='tablist'><a ng-class='{active: tab.active}' class='{{tab.section}}' alt='{{tab.title}}' title='{{tab.title}}' href ui-sref='{{tab.route}}'></a></li>
								</ul>
							</div>

							<div class='header-apps col-lg-2'>
								<a href='{{links.iTunes}}'><img src='/assets/img/footer-links/app-store.png' class='img-responsive app-store header-app'></a>
								<a href='{{links.googlePlay}}'><img src='/assets/img/footer-links/google-play.png' class='img-responsive google-play header-app'></a>
								<a href='{{links.microsoftStore}}'><img src='/assets/img/footer-links/windows-store.png' class='img-responsive windows-store header-app'></a>
							</div>
						</div>

						<div class='row'>
							
							<div ng-controller="MessagesCtrl" class='messages col-xs-12' ng-show='messagesVisible'>
							    <div ng-repeat="(key,message) in messages" ng-class="['messages-type', key]">
											<div ng-repeat='msg in message track by $index' class="messages-message alert alert-{{key}} alert-dismissible" role="alert">
											  <button type="button" class="close" data-dismiss="alert" ng-click='clearMessage(key, $index)'>
													<span aria-hidden="true">&times;</span>
													<span class="sr-only">Close</span>
												</button>
											  <div ng-bind="msg"></div>
											</div>
							    </div>
							</div>
							
							<div class='col-xs-12'>
								<div class="page-title">
									<h1 ng-bind='bodyTitle'></h1>
								</div>
							</div>

							<!--<div class='links col-xs-12 col-sm-12 col-md-1 col-lg-1'>-->
								<!--<slidebox speed="30" content-width="{{slidebox_width}}">-->
									<!--<div ng-controller="AppLinks" ng-show='showLinks' ng-swipe-left="scrollAppLinks('left')" ng-swipe-right="scrollAppLinks('right')">-->
										<!--<div ng-repeat="link in links" class='link-wrapper {{link.klass}}'>-->
											<!--<a class='{{link.klass}}' ng-class="{'down' : link.down}" href ui-sref="sections.{{link.sref}}" title='{{link.text}}' ng-mousedown="onMousedown($index)" ng-mouseup="onMouseup($index)"></a>-->
										<!--</div>-->
									<!--</div>-->
								<!--</slidebox>-->
							<!--</div>-->

							<div id="main" ui-view="main" class='main col-xs-12'></div>
							
						</div>
					</div>
						
					<div class='ads col-xs-12 col-md-2'>
						<div class='row'>
							<div class='static-ad-wrapper col-xs-6 col-sm-6 col-md-12 col-lg-12'>
								<div class="static-ad top" ng-bind-html='gutterTop'></div>
							</div>

							<div class='static-ad-wrapper col-xs-6 col-sm-6 col-md-12 col-lg-12'>
								<div class="static-ad bottom" ng-bind-html='gutterBottom'></div>
							</div>
						</div>
					</div>
						
				</div>
			</div>
			<div class="clearfix"></div>
		</div>

    <footer class="footer">
		<div class='wrapper devices-wrapper'>
	      <div class="container">
	        <div class="footer-inner devices row" ng-Controller='DevicesCtrl'>
							<h4 class='uppercase'>Devices:</h4>
							<div devices class='devices-wrapper-inner'></div>
	        </div>
	      </div>
			</div>
			
			<div class='wrapper partners-wrapper' ng-Controller='PartnersFooterCtrl'>
	      <div class="container">
	        <div class="footer-inner partners-wrapper-inner">
						<h5>Partners:</h5>
						<div class="partners" partners></div>
	        </div>
	      </div>
			</div>
			
			<div class='wrapper footer-links-wrapper'>
	      <div class="container">
	        <div class="footer-inner footer-links row">						
						<div class='col-xs-12 col-sm-12 col-md-8 col-lg-8'>
							<div class='row'>
								<div class='col-xs-6 col-sm-3 col-md-3 col-lg-3'>
									<h3>Videos</h3>
									<a href ui-sref-active="active" ui-sref="sections.shows.boys">Boys</a>
									<a href ui-sref-active="active" ui-sref="sections.shows.girls">Girls</a>
									<a href ui-sref-active="active" ui-sref="sections.shows.action">Action</a>
									<a href ui-sref-active="active" ui-sref="sections.shows.comedy">Comedy</a>
									<a href ui-sref-active="active" ui-sref="sections.shows.preschool">Preschool</a>
									<a href ui-sref-active="active" ui-sref="sections.shows.educational">Education</a>
									<a href ui-sref-active="active" ui-sref="sections.shows.boomgoggles">Boomgoggles</a>
									<a href ui-sref-active="active" ui-sref="sections.shows.tgae">TG AE</a>
									<a href ui-sref-active="active" ui-sref="sections.shows.news">News</a>
								</div>
								
								<div class='col-xs-6 col-sm-3 col-md-3 col-lg-3'>
									<h3>Games</h3>
									<a href ui-sref-active="active" ui-sref="sections.games.arcade">Arcade</a>
									<a href ui-sref-active="active" ui-sref="sections.games.puzzle">Puzzle</a>
									<a href ui-sref-active="active" ui-sref="sections.games.action">Action</a>
									<a href ui-sref-active="active" ui-sref="sections.games.strategy">Strategy</a>
									<a href ui-sref-active="active" ui-sref="sections.games.adventure">Adventure</a>
									<a href ui-sref-active="active" ui-sref="sections.games.sports">Sports</a>
									<a href ui-sref-active="active" ui-sref="sections.games.racing">Racing</a>
								</div>
								
								<div class='col-xs-6 col-sm-3 col-md-3 col-lg-3'>
									<h3>Platforms</h3>
									<a href ui-sref='pages.devices'>iOS</a>
									<a href ui-sref='pages.devices'>Android</a>
									<a href ui-sref='pages.devices'>Smart TVs</a>
									<a href ui-sref='pages.devices'>Windows 8</a>
									<a href ui-sref='pages.devices'>OSX</a>
									<a href ui-sref='pages.devices'>Roku</a>
									<a href ui-sref='pages.devices'>Google TV</a>
								</div>
								
								<div class='col-xs-6 col-sm-3 col-md-3 col-lg-3'>
									<h3 class='for-parents'>For Parents</h3>
									<a href ui-sref='pages.forParents'><img src='/assets/img/footer-links/mom-dad-corner.png' class='img-responsive' /></a>
									<a href="http://www.kidsafeseal.com/certifiedproducts/toongoggles.html" target="_blank"><img border="0" alt="ToonGoggles.com is certified by the kidSAFE Seal Program." src="http://www.kidsafeseal.com/sealimage/332033885959188115/toongoggles_medium_darktm.png" class="img-responsive" /></a>
								</div>
							</div>
						</div>
						
						<div class='boring col-xs-12 col-sm-12 col-md-push-1 col-md-3 col-lg-push-1 col-lg-3'>
							<div class='row'>
								<div class='col-xs-12 col-sm-12 col-md-12 col-lg-12'>
									<h3>Boring</h3>
									<a href ui-sref-active="active" ui-sref='pages.about'>About</a>
									<a href ui-sref-active="active" ui-sref="products.product({productId: 61242, productTitle: 'On-Demand-Entertainment-Premium-Subscription'})">Upgrade To TG Premium</a>
									<a href ui-sref-active="active" ui-sref='sections.radio'>Upgrade To TG Radio</a>
									<a href ui-sref-active="active" ui-sref='pages.devices'>Friendly Devices</a>
									<a href ui-sref-active="active" ui-sref='pages.contact'>Contact</a>
									<a href ui-sref-active="active" ui-sref='pages.privacy'>Privacy Policy</a>
									<a href ui-sref-active="active" ui-sref='pages.terms'>Terms &amp; Conditions</a>
								</div>
							</div>
						</div>
						
	        </div>
	      </div>
			</div>
    </footer>
		<script type='text/javascript'>
			<!--//--><![CDATA[//><!--
			var _gaq = _gaq || [];
			_gaq.push(["_setAccount", "UA-22665576-2"]);
			// _gaq.push(["_setVar", "anonymous user"]);
			// _gaq.push(['_setCustomVar', 1, "User roles", "anonymous user", 1]);
			// _gaq.push(["_trackPageview"]);
			(function() {
				var ga = document.createElement("script");
						ga.type = "text/javascript";
						ga.async = true;ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
						var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ga, s);})();
			//--><!]]>

			if(('function' == typeof(isFacebookApp)) && isFacebookApp()) {
			    $('body').addClass('in-app-browser');
			}
		</script>
		
  </body>
</html>