<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>The Winning Combination Inc.</title>

<link rel="stylesheet" href="css/styles.css" media="all" >
<link rel="stylesheet" href="css/jquery.fancybox.css?v=2.1.0" media="screen" >
<link rel="stylesheet" href="css/showcase.css" >

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-72482948-1', 'auto');
  ga('send', 'pageview');

</script>



<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/jquery.aw-showcase.js"></script>
<script src="js/jquery.fancybox.js?v=2.1.0"></script>
<script src="js/jquery.fancybox-media.js?v=1.0.3"></script>
<script type="text/javascript">
		$(document).ready(function() {
			/*
			 *  Simple image gallery. Uses default settings
			 */
			$('.fancybox').fancybox();
			/*
			 *  Different effects
			 */

			// Change title type, overlay closing speed
			$(".fancybox-effects-a").fancybox({
				helpers: {
					title : {
						type : 'outside'
					},
					overlay : {
						speedOut : 0
					}
				}
			});



$(document).ready(function(){
    $('map').find('area.fancybox').click(function()
    {
        var self = this;
        if( $(self).attr('href') != undefined || $(self).attr('href').length > 1 )
        {
            $.fancybox({
                href    :    $(self).attr('href'),
                type    :    'iframe'
            });
        }
        else
        {
            console.log('Ups!!');
        }
        return false;
    });
});

			// Disable opening and closing animations, change title type
			$(".fancybox-effects-b").fancybox({
				openEffect  : 'none',
				closeEffect	: 'none',

				helpers : {
					title : {
						type : 'over'
					}
				}
			});

			// Set custom style, close if clicked, change title type and overlay color
			$(".fancybox-effects-c").fancybox({
				wrapCSS    : 'fancybox-custom',
				closeClick : true,

				openEffect : 'none',

				helpers : {
					title : {
						type : 'inside'
					},
					overlay : {
						css : {
							'background' : 'rgba(238,238,238,0.85)'
						}
					}
				}
			});

			// Remove padding, set opening and closing animations, close if clicked and disable overlay
			$(".fancybox-effects-d").fancybox({
				padding: 0,

				openEffect : 'elastic',
				openSpeed  : 150,

				closeEffect : 'elastic',
				closeSpeed  : 150,

				closeClick : true,

				helpers : {
					overlay : null
				}
			});

			/*
			 *  Button helper. Disable animations, hide close button, change title type and content
			 */

			$('.fancybox-buttons').fancybox({
				openEffect  : 'none',
				closeEffect : 'none',

				prevEffect : 'none',
				nextEffect : 'none',

				closeBtn  : false,

				helpers : {
					title : {
						type : 'inside'
					},
					buttons	: {}
				},

				afterLoad : function() {
					this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
				}
			});


			/*
			 *  Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
			 */

			$('.fancybox-thumbs').fancybox({
				prevEffect : 'none',
				nextEffect : 'none',

				closeBtn  : false,
				arrows    : false,
				nextClick : true,

				helpers : {
					thumbs : {
						width  : 50,
						height : 50
					}
				}
			});

			/*
			 *  Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
			*/
			$('.fancybox-media')
				.attr('rel', 'media-gallery')
				.fancybox({
					openEffect : 'none',
					closeEffect : 'none',
					prevEffect : 'none',
					nextEffect : 'none',

					arrows : false,
					helpers : {
						media : {},
						buttons : {}
					}
				});

			/*
			 *  Open manually
			 */

			$("#fancybox-manual-a").click(function() {
				$.fancybox.open('1_b.jpg');
			});

			$("#fancybox-manual-b").click(function() {
				$.fancybox.open({
					href : 'iframe.html',
					type : 'iframe',
					padding : 5
				});
			});

			$("#fancybox-manual-c").click(function() {
				$.fancybox.open([
					{
						href : '1_b.jpg',
						title : 'My title'
					}, {
						href : '2_b.jpg',
						title : '2nd title'
					}, {
						href : '3_b.jpg'
					}
				], {
					helpers : {
						thumbs : {
							width: 75,
							height: 50
						}
					}
				});
			});


		});
	</script>
<!-- END FANCY BOX CODE-->

<script>
$(document).ready(function()
{
	$("#showcase").awShowcase(
	{
		content_width:			900,
		content_height:			365, /******* HEIGHT OF SLIDER *********/
		fit_to_parent:			false,
		auto:					true,
		interval:				6000,
		continuous:				true,
		loading:				true,
		tooltip_width:			200,
		tooltip_icon_width:		32,
		tooltip_icon_height:	32,
		tooltip_offsetx:		18,
		tooltip_offsety:		0,
		arrows:					true,
		buttons:				true,
		btn_numbers:			true,
		keybord_keys:			true,
		mousetrace:				false, /* Trace x and y coordinates for the mouse */
		pauseonover:			true,
		stoponclick:			false,
		transition:				'fade', /* hslide/vslide/fade */
		transition_delay:		0,
		transition_speed:		500,
		show_caption:			'onload', /* onload/onhover/show */
		thumbnails:				false,
		thumbnails_position:	'outside-last', /* outside-last/outside-first/inside-last/inside-first */
		thumbnails_direction:	'vertical', /* vertical/horizontal */
		thumbnails_slidex:		1, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
		dynamic_height:			false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
		speed_change:			true, /* Set to true to prevent users from swithing more then one slide at once. */
		viewline:				false, /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
		custom_function:		null /* Define a custom function that runs on content change */
	});
});

</script>

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-22658749-1', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

</head>

<body>

<div class="container">

	<div id="content-wrapper">
	<header>
    <div id="header">
    
    	<div id="logo">
        	<a href="#"><img src="images/the-winning-combination_logo_LARGE.png"/></a>
        </div>
        
        <div id="nav">
        	<ul>
            	<li><a href="#" class="active-item">Home</a></li>
            	<li><a href="about-us.html">About Us</a></li>
                <li><a href="production.html">Production</a></li> 
                <li><a href="brands.html">Brands</a></li>
                <li><a href="media.html">Media &amp; News</a></li>
                <li><a href="contact-us.html">Contact Us</a></li>
            </ul>
        </div>
    </div>
    </header>
    
    
    
    <div id="content">
    
        <!-- START SLIDE SHOW -->
        <div id="slider">
          <div id="showcase" class="showcase"> 
            <!-- 0 Each child div in #showcase represents a slide -->
            <div class="showcase-slide"> 
              <!-- Put the slide content in a div with the class .showcase-content. -->
              <div class="showcase-content"><img src="images/banners/TWC_banner-1.gif" alt="The Winning Combination" /></div>
            </div>
            
            <!-- 1 Each child div in #showcase represents a slide -->
            <div class="showcase-slide"> 
              <!-- Put the slide content in a div with the class .showcase-content. -->
              <div class="showcase-content"><img src="images/banners/TWC_banner-2.jpg" alt="The Winning Combination" /></div>
            </div>
            
            <!-- 2 Each child div in #showcase represents a slide -->
            <div class="showcase-slide"> 
              <!-- Put the slide content in a div with the class .showcase-content. -->
              <div class="showcase-content"><img src="images/banners/TWC_banner-3.jpg" alt="Bodylogix&reg; NaturalWHEY&trade;" /></div>
            </div>
            
            <!-- 3 Each child div in #showcase represents a slide -->
            <div class="showcase-slide"> 
              <!-- Put the slide content in a div with the class .showcase-content. -->
              <div class="showcase-content"><img src="images/banners/TWC_banner-4.jpg" alt="The Winning Combination" /></div>
            </div>
        
            <!-- 4 Each child div in #showcase represents a slide -->
          </div>
        </div>
        <!-- END SLIDE SHOW -->
        
        <br><br>
        
        
        <div id="intro">
        <h1>Committed to the Highest Level of <br/>
        Quality &amp; Customer Satisfaction</h1><br/>
        <p>TWC is committed to operating with transparency while maintaining the highest level of quality and customer satisfaction with a goal to ensure people everywhere have access to superior natural health products.  Our goal is to continuously invest in research and development, capital expansion and especially our people. This contributes to the ultimate level of customer satisfaction and the highest level of merit for all of our products.</p>
        </div>

        
	
    </div>
    
    <br class="clear">
    
    
    <footer>
    <div id="footer">
    
    	<!--
<div id="social">
        	<div id="foot-twitter"><a href="https://twitter.com/bodylogix" target="_blank"></a></div>
        	<div id="foot-facebook"><a href="http://www.facebook.com/bodylogix" target="_blank"></a></div>
            <div id="foot-youtube"><a href="http://www.youtube.com/user/bodylogix" target="_blank"></a></div> 
        </div>
-->
        
        <div id="footer-nav">
        	<div id="copyright">
            	<p>&copy;&nbsp;<script>
				<!-- Begin 
				var time=new Date();
				var year=time.getYear();
				if (year < 2000)
				year = year + 1900;
				document.write(year + "&nbsp;");
				// End -->
				</script>The Winning Combination Inc. All Rights Reserved.</p>
            </div>
            
            <div id="foot-menu">
        	<ul>
            	<li><a href="careers.html" class="foot-item">Careers</a></li>
                <li><a href="contact-us.html" class="foot-item">Contact Us</a></li>
                <li><a href="privacypolicy.html" class="foot-item">Privacy Policy</a></li>
                <li><a href="http://www.winning-combination.com/personnel">Personnel</a></li>
            </ul> 
            </div>       	
        </div>
        
    </div>
	</footer>

</div>
</div></body>
</html>
