<!DOCTYPE html>

<!-- /**
Extended - HTML5 creative Portfolio Template
Copyright (c) 2015, Subramanian

Author: Subramanian
Profile: themeforest.net/user/FMedia/

Version: 1.0.0
Release Date: March 2015
**/ -->

<html lang="en">

	<head>

		<!-- Basic Page Needs
		================================================== -->
		<meta charset="utf-8">
		<title>Ideonic ★★★★★ </title>
		<meta name="description" content="A 10 year story about an experimental games studio/digital agency.">
		<meta name="author" content="Jeremiah Alexander">
		<meta itemprop="image" content="http://ideonic.com/images/og-image-ideonic.jpg">

		<!-- Twitter Card data -->
		<meta name="twitter:card" content="summary_large_image">
		<meta name="twitter:site" content="@ideonic">
		<meta name="twitter:title" content="Ideonic">
		<meta name="twitter:description" content="A 10 year story about an experimental games studio/digital agency.">
		<meta name="twitter:creator" content="@ideonic">
		<meta name="twitter:image:src" content="http://ideonic.com/images/og-image-ideonic.jpg">
		
		<!-- Open Graph data -->
		<meta property="og:title" content="Ideonic" />
		<meta property="og:type" content="article" />
		<meta property="og:url" content="http://www.ideonic.com/" />
		<meta property="og:image" content="http://ideonic.com/images/og-image-ideonic.jpg"/>
		<meta property="og:image:type" content="image/jpeg">
		<meta property="og:image:width" content="1200">
		<meta property="og:image:height" content="630">
		<meta property="og:description" content="A 10 year story about an experimental games studio/digital agency." />

		<!-- Mobile Specific Metas
		================================================== -->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

		<!-- CSS
		================================================== -->

		<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

		<!-- Favicons
		================================================== -->
		<link rel="shortcut icon" href="images/favicon.ico">
		<link rel="apple-touch-icon" sizes="57x57" href="images/apple-icon-57x57.png">
		<link rel="apple-touch-icon" sizes="60x60" href="images/apple-icon-60x60.png">
		<link rel="apple-touch-icon" sizes="72x72" href="images/apple-icon-72x72.png">
		<link rel="apple-touch-icon" sizes="76x76" href="images/apple-icon-76x76.png">
		<link rel="apple-touch-icon" sizes="114x114" href="images/apple-icon-114x114.png">
		<link rel="apple-touch-icon" sizes="120x120" href="images/apple-icon-120x120.png">
		<link rel="apple-touch-icon" sizes="144x144" href="images/apple-icon-144x144.png">
		<link rel="apple-touch-icon" sizes="152x152" href="images/apple-icon-152x152.png">
		<link rel="apple-touch-icon" sizes="180x180" href="images/apple-icon-180x180.png">
		<link rel="icon" type="image/png" sizes="192x192"  href="images/android-icon-192x192.png">
		<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
		<link rel="icon" type="image/png" sizes="96x96" href="images/favicon-96x96.png">
		<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
		<link rel="manifest" href="images/manifest.json">
		<meta name="msapplication-TileColor" content="#ffffff">
		<meta name="msapplication-TileImage" content="images/ms-icon-144x144.png">
		<meta name="theme-color" content="#ffffff">

		<!-- Included CSS files
		================================================== -->

		<link rel="stylesheet" type="text/css"  href="css/bootstrap.css">
		<link rel="stylesheet" type="text/css"  href="css/bootstrap-responsive.css">
		<link rel="stylesheet" type="text/css"  href="css/bootstrap-theme.min.css">
		<link rel="stylesheet" type="text/css"  href="font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css"  href="css/picons.css">
		<link rel="stylesheet" type="text/css"  href="css/linea_icons.css">
		<link rel="stylesheet" type="text/css"  href="css/animate.css">
		<link rel="stylesheet" type="text/css"  href="css/main.css">
		<link rel="stylesheet" type="text/css"  href="css/style.min.css">
		<link rel="stylesheet" type="text/css"  href="css/base.min.css">
		<link rel="stylesheet" type="text/css"  href="css/font-style.css" id="set_font" >
		<link rel="stylesheet" type="text/css"  href="css/color-white-blue.css" id="set_color">
		<link rel="stylesheet" type="text/css"  href="css/elastislide.css">
		<link rel="stylesheet" type="text/css"  href="css/bigvideo.css">
		<link rel="stylesheet" type="text/css"  href="css/magnific-popup.css" media="screen" />
		<link rel="stylesheet" type="text/css"  href="css/flexslider.min.css" media="screen" />
		<link rel="stylesheet" type="text/css"  href="css/supersized.min.css" media="screen" />
		<link rel="stylesheet" type="text/css"  href="css/supersized.shutter.min.css" media="screen" />

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->

		<script type="text/javascript" src="js/modernizr.min.js"></script>

	</head>

	<!--
	not_onepage_ver 		- To add this class name on body tag, It will make the page as normal type, not an one page version
	white_ver 				- To add this class name on body tag, It will identify the page as a white version
	(It use to change the arrow, css background image as per white version Ex: To use color-white.css file)
	menuAutoClose			- For Menu autohide, just add the class name menuAutoClose on the body tag
	disableAnimation		- To disable opening animation, just add the disableAnimation class name to the body tag
	Remove Page Border		- To remove the border, just set data-removePageBorder attribute to "yes" on body tag
	-->

	<body class="white_ver horizontal_layout index-isotope menuCloseIt menuAutoClose" data-page="index" data-removePageBorder="yes" >

		<div class="preloadimages_inline">
			<img alt="image_alt_text" class="preload" src="images/0.png" data-src="images/home_slider/home_slide_image_others.jpg" data-src-small="images/home_slider/home_slide_image_others_s.jpg">
			<img alt="image_alt_text" class="preload" src="images/0.png" data-src="images/home_slider/home_slide_image_nici.jpg" data-src-small="images/home_slider/home_slide_image_nici_s.jpg">
			<img alt="image_alt_text" class="preload" src="images/0.png" data-src="images/home_slider/home_slide_image_people2.jpg" data-src-small="images/home_slider/home_slide_image_people_s.jpg">
			<!-- <img alt="image_alt_text" class="preload" src="images/0.png" data-src="images/home_slider/home_slide_image_mm4.jpg" data-src-small="images/home_slider/home_slide_image_mm_s.jpg">
			<img alt="image_alt_text" class="preload" src="images/0.png" data-src="images/home_slider/home_slide_image_hn.jpg" data-src-small="images/home_slider/home_slide_image_hn_s.jpg">
			<img alt="image_alt_text" class="preload" src="images/0.png" data-src="images/home_slider/home_slide_image_yfm.jpg" data-src-small="images/home_slider/home_slide_image_yfm_s.jpg">
			<img alt="image_alt_text" class="preload" src="images/0.png" data-src="images/home_slider/home_slide_image_time.jpg" data-src-small="images/home_slider/home_slide_image_time_s.jpg">
			<img alt="image_alt_text" class="preload" src="images/0.png" data-src="images/home_slider/home_slide_image_mii.jpg" data-src-small="images/home_slider/home_slide_image_mii_s.jpg">
			<img alt="image_alt_text" class="preload" src="images/0.png" data-src="images/home_slider/home_slide_image_ps3.jpg" data-src-small="images/home_slider/home_slide_image_ps3_s.jpg">
			<img alt="image_alt_text" class="preload" src="images/0.png" data-src="images/home_slider/home_slide_image_ps.jpg" data-src-small="images/home_slider/home_slide_image_ps_s.jpg"> -->						
			<img alt="image_alt_text" class="preload cssBackground" src="images/0.png" data-src="images/sprite.png" data-src-2x="images/sprite@2x.png">
		</div>

		<!--  loading Objects -->
		<div class="loading_objects">
			<div class="loading_2x">
				<div class="track"></div>
				<div class="ball"></div>
				<div class="text"></div>
			</div>

			<div class="loading_x">
				<div class="track"></div>
				<div class="ball"></div>
			</div>
		</div>

		<!--  site loading -->
		<div class="pageFade bg_white" >
			<div class="loading_2x out">
				<div class="text">
					<p>
						writing...
					</p>
				</div>
				<div class="logo_loading">
					<div class="site_loading_bar"></div>
				</div>
			</div>
		</div>


		<!-- Complete web site content is placed inside the bodyContainer class div except footer -->

		<div class="bodyContainer">

			<div class="pageOpenTransition"></div>

			<div class="autoHideMenu"></div>

			<div class="mainContent" >

				<!-- Home page -->

				<div  data-id="!home" class="contentWrapper backGround homeImgSlider" >

					<div class="relativePos pageContent addPageBorder homeSlider supsiz_darkNav">
						<div class="sliderOverlay"></div>

						<!-- Supersized home page slider show Arrow Navigation-->
						<div id="superNav">
							<a id="prevslide" class="load-item" ><i class="fa fa-angle-left fa-2x highlight_color"></i></a>
							<a id="nextslide" class="load-item" ><i class="fa fa-angle-right fa-2x highlight_color"></i></a>
							<a id="play-button"><img id="pauseplay" src="images/supersized/pause.png" alt="image01" /></a>
						</div>

						<!-- fullscreen slideshow animation text, See the superGalleryInit function on header area.
						If you need to remove the slideshow just remove the below tag and superGalleryInit function completely -->

						<!-- Homepage fullscreen slideshow Title text 1 -->
						<div class="home_slider_title1 sliderStyle2 textAlignCenter hide_title " >
							<div class="container" >
								<div class="row-fluid">
									<div class="col-md-12 ">

										<h3 class="top_txt"><span class="highlight_color upperCase textBackground_black fontFamily_3">STOP</span><span class="textBackground white_color fontFamily_3">please take a moment</span></h3>
										<hr class="separator_mini">
										<h4 class="bottom_txt"><span class="textBackground_white black_color fontFamily_3">I'd like to tell you a story</span></h4>
										<hr class="separator_mini">
										<h5 class="bottom_txt"><span class="textBackground_black white_color fontFamily_3">it spans 10 years but I'll do my</span></h5>
										<h5 class="bottom_txt"><span class="textBackground_black white_color fontFamily_3">best to keep it brief</span></h5>

									</div>
								</div>
							</div>
						</div>

						<!-- Homepage fullscreen slideshow Title text 2 -->
						<div class="home_slider_title2 sliderStyle1 " >
							<div class="container alignLeft" >
								<div class="row-fluid">
									<div class="col-md-12">
										<h4 class="top_txt"><span class="textBackground white_color fontFamily_3">This is a story about Ideonic</span></h4>

										<div class="top_txt hidden-xs">
											<h5><span class="textBackground_black white_color fontFamily_3">a games studio?</span><img src="images/0.png"><span class="textBackground_black white_color fontFamily_3">a digital agency?</span><img src="images/0.png"><span class="textBackground_black white_color fontFamily_3">an experiment!</span></h5>
										</div>
										<div class="top_txt visible-xs">
											<h6><span class="textBackground_black white_color fontFamily_3">a games studio?</span><img src="images/0.png"><span class="textBackground_black white_color fontFamily_3">a digital agency?</span></h6>
											<h6><span class="textBackground_black white_color fontFamily_3">an experiment!</span></h6>
										</div>

										<hr class="separator_mini">
										<div class="bottom_txt hidden-xs">
											<h5><span class="textBackground_white black_color fontFamily_3">Founded in 2006 by <a href="https://www.linkedin.com/in/jeremiahalexander" target="_blank">Jeremiah Alexander</a>, Ideonic was created as a vessel to</span></h5>
											<h5><span class="textBackground_white black_color fontFamily_3">tinker, hack and explore digital technologies and their potential to create change</span></h5>
										</div>
										<div class="bottom_txt visible-xs">
											<h6><span class="textBackground_white black_color fontFamily_3">Founded in 2006 by <a href="https://www.linkedin.com/in/jeremiahalexander" target="_blank">Jeremiah Alexander</a></span></h6>
											<h6><span class="textBackground_white black_color fontFamily_3">Ideonic was created as a vessel to</span></h6>
											<h6><span class="textBackground_white black_color fontFamily_3">tinker, hack and explore digital technologies</span></h6>
											<h6><span class="textBackground_white black_color fontFamily_3">and their potential to create change</span></h6>
										</div>
									</div>
								</div>
							</div>
						</div>

						<!-- Homepage fullscreen slideshow Title text 3 -->
						<div class="home_slider_title3 sliderStyle2" >
							<div class="container alignRight textAlignRight" >
								<div class="row-fluid">
									<div class="col-md-12">
										<h5 class="top_txt"><span class="textBackground_black white_color fontFamily_3"><a href="https://www.linkedin.com/groups?home=&gid=4364495" target="_blank">Others</a> joined this journey</span>
										<div class="top_txt hidden-xs">
											<h5><span class="textBackground dark_color fontFamily_3">Each adding their own ideas, perspectives and feelings</span></h5>
										</div>
										<div class="top_txt visible-xs">
											<h5><span class="textBackground dark_color fontFamily_3">Each adding their own ideas</span></h5>
											<h5><span class="textBackground dark_color fontFamily_3">perspectives and feelings</span></h5>
										</div>
										<hr class="separator_mini">
										<div class="bottom_txt hidden-xs">
											<h4><span class="textBackground_white black_color fontFamily_3">As a team they built great products</span></h4>
										</div>
										<div class="bottom_txt visible-xs">
											<h4><span class="textBackground_white black_color fontFamily_3">As a team they built</span></h4>
											<h4><span class="textBackground_white black_color fontFamily_3">great products</span></h4>
										</div>
									</div>
								</div>
							</div>
						</div>

						<!-- Homepage fullscreen slideshow Title text 4 -->
						<div class="home_slider_title4 sliderStyle1 hide_title " >
							<div class="container alignLeft" >
								<div class="row-fluid">
									<div class="col-md-12">
										<h4 class="top_txt dark_color upperCase"><span class="textBackground">Some sought to change the way we view <i>ourselves</i></span></h4>

										<h5 class="bottom_txt dark_color"><span class="fontFamily_3"><span class="textBackground_white"><a href="https://gigaom.com/2009/11/26/419-c4-investing-in-face-of-the-future-health-app/" target="_blank">MirrorMe</a></span> <span class="textBackground_white">Channel 4</span></span></h5>
									</div>
								</div>
							</div>
						</div>

						<div class="home_slider_title5 sliderStyle1 hide_title " >
							<div class="container alignRight" >
								<div class="row-fluid">
									<div class="col-md-12">
										<h4 class="top_txt dark_color upperCase"><span class="textBackground">whilst others sought to change the way we view <i>the world</i></span></h4>
										<h5 class="bottom_txt dark_color"><span class="fontFamily_3"><span class="textBackground_white"><a href="http://www.hiddennewcastle.org" target="_blank">Hidden Newcastle</a></span> <span class="textBackground_white">Tyne & Wear Archives & Museums</span></span></h5>
									</div>
								</div>
							</div>
						</div>

						<div class="home_slider_title6 sliderStyle1 hide_title " >
							<div class="container alignLeft" >
								<div class="row-fluid">
									<div class="col-md-12">
										<h4 class="top_txt"><span class="textBackground_white dark_color">Some were developed to complement the established way of doing things</span></h4>
										<h5 class="bottom_txt white_color"><span class="fontFamily_3"><span class="textBackground_black">Young Finance Manager</span> <span class="textBackground_black">Scarborough Building Society</span></span></h5>
									</div>
								</div>
							</div>
						</div>

						<div class="home_slider_title7 sliderStyle1 hide_title " >
							<div class="container alignLeft" >
								<div class="row-fluid">
									<div class="col-md-12">
										<h4 class="top_txt upperCase"><span class="textBackground_white dark_color">whilst others were designed to disrupt it</span></h4>
										<h5 class="bottom_txt white_color"><span class="fontFamily_3"><span class="textBackground_black"><a href="http://every1speaks.com" target="_blank">Every1Speaks</a></span> <span class="textBackground_black">Student Led School Management Platform</span></span></h5>
									</div>
								</div>
							</div>
						</div>

						<div class="home_slider_title8 sliderStyle1 hide_title " >
							<div class="container alignLeft" >
								<div class="row-fluid">
									<div class="col-md-12">
										<h4 class="top_txt upperCase"><span class="dark_color textBackground_black white_color">Some were multi-award winning successes</span></h4>
										<h5 class="bottom_txt dark_color"><span class="fontFamily_3"><span class="textBackground_white"><a href="http://imutt.co.uk/info" target="_blank">Time Machine</a></span> <span class="textBackground_white">Tyneside Cinema</span></span></h5>
									</div>
								</div>
							</div>
						</div>

						<div class="home_slider_title9 sliderStyle1 hide_title " >
							<div class="container alignLeft" >
								<div class="row-fluid">
									<div class="col-md-12">
										<h4 class="top_txt upperCase"><span class="dark_color textBackground_black white_color">whilst other were quietly shelved</span></h4>
										<h5 class="bottom_txt dark_color"><span class="fontFamily_3"><span class="textBackground_white">My Story Theatre</span> </span></h5>
									</div>
								</div>
							</div>
						</div>

						<div class="home_slider_title10 sliderStyle2 hide_title " >
							<div class="container alignLeft" >
								<div class="row-fluid">
									<div class="col-md-12">
										<div class="bottom_txt hidden-xs">
											<h3 class="white_color fontFamily_3"><span class="textBackground_black">But all of them</span></h3>
											<h4 class="dark_color fontFamily_3"><span class="textBackground_white">fought to be different</span></h4>
											<h4 class="dark_color fontFamily_3"><span class="textBackground_white">fought to make an impact</span></h4>
											<h4 class="dark_color fontFamily_3"><span class="textBackground_white">fought to have meaning</span></h4>
										</div>
										<div class="bottom_txt visible-xs">
											<h4 class="white_color fontFamily_3"><span class="textBackground_black">But all of them</span></h4>
											<h5 class="dark_color fontFamily_3"><span class="textBackground_white">fought to be different</span></h5>
											<h5 class="dark_color fontFamily_3"><span class="textBackground_white">fought to make an impact</span></h5>
											<h5 class="dark_color fontFamily_3"><span class="textBackground_white">fought to have meaning</span></h5>
										</div>

									</div>
								</div>
							</div>
						</div>
						<!-- Homepage fullscreen slideshow Title text 5 -->
						<div class="home_slider_title11 sliderStyle1 textAlignCenter hide_title " >
							<div class="container" >
								<div class="row-fluid">
									<div class="col-md-12">
										<div class="top_txt hidden-xs">
											<h4 class="upperCase white_color"><span class="textBackground">On the 1st August 2016, Ideonic celebrated its 10<sup>th</sup> and final Birthday. </span></h4>
										</div>

										<div class="top_txt visible-xs">
											<h4 class="upperCase white_color"><span class="textBackground">On the 1st August 2016</span></h4>
											<h4 class="upperCase white_color"><span class="textBackground">Ideonic celebrated </span></h4>
											<h4 class="upperCase white_color"><span class="textBackground">10<sup>th</sup> and final Birthday.</span></h4>
										</div>

										<div class="bottom_txt hidden-xs">
											<h5 class="dark_color"><span class="fontFamily_3"><span class="textBackground_white">Thank you for your love and support. The experiment has ended, we'll share our conclusions soon. </span></span></h5>
											<hr class="separator_mini">
											
											<img src="images/ideonic_logo_white_small.png" alt="Ideonic" id="footer_logo">
										</div>

										<div class="bottom_txt visible-xs">
											<h6 class="dark_color"><span class="fontFamily_3"><span class="textBackground_white">Thank you for your love and support</span></span></h6>
											<h6 class="dark_color"><span class="fontFamily_3"><span class="textBackground_white">The experiment has ended</span></span></h6>
											<h6 class="dark_color"><span class="fontFamily_3"><span class="textBackground_white">We'll share our conclusions soon</span></span></h6>
											<img src="images/ideonic_logo_white_small.png" alt="Ideonic" id="footer_logo">
											<hr class="separator_mini">
										</div>

									</div>

								</div>
							</div>

						</div>
					</div>

					<!-- "supersized gallery thumbnails -->

				</div>
			</div>

		</div>

		</div>

		<!-- Included javascript files
		================================================== -->

		<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="js/SmoothScroll.js"></script>
		<script type="text/javascript" src="js/jquery.transit.js"></script>
		<script type="text/javascript" src="js/jquery.browser.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
		<!--   	   -->
		<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
		<script type="text/javascript" src="js/supersized.shutter.min.js"></script>
		<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
		<script type="text/javascript" src="js/jquerypp.elastislide.custom.js" ></script>
		<script type="text/javascript" src="js/jquery.elastislide.js" ></script>
		<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
		<script type="text/javascript" src="js/isotope-docs.js"></script>
		<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
		<script type="text/javascript" src="js/jquery.support.plugin.min.js"></script>
		<script type="text/javascript" src="js/custom.min.js"></script>
		<script type="text/javascript" src="js/main-fm.js"></script>

		<script type="text/javascript">
			/* Initialize supersized fullscreen image gallery */
			function superGalleryInit() {

				jQuery(function($) {
					$.supersized({
						slideshow : 1, // Slideshow on/off
						autoplay : 1, // Slideshow starts playing automatically
						transition : 8, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left, 8-slide top bottom
						slide_interval : 4000, // Length between transitions
						kenburn : false, // Enable/Disable kenburn effect

						slides : [// Slideshow Images, image_small attribute is used to load the mobile version image, main_title attribute is used to add the image tile div
						// For kenburn effect, zoomIn attribute is used, just add yes or no for zoomin and zoomout, To remove the kenburn effect just leave it blank value.
						{
							image : 'images/home_slider/home_slide_image_others.jpg',
							image_small : 'images/home_slider/home_slide_image_others_s.jpg',
							main_title : ".home_slider_title1",
							slide_interval : 30000
						}, {
							image : 'images/home_slider/home_slide_image_nici.jpg',
							image_small : 'images/home_slider/home_slide_image_nici_s.jpg',
							main_title : ".home_slider_title2",
							slide_interval : 20000
						}, {
							image : 'images/home_slider/home_slide_image_people2.jpg',
							image_small : 'images/home_slider/home_slide_image_people_s.jpg',
							main_title : ".home_slider_title3",
							slide_interval : 20000
						}, {
							image : 'images/home_slider/home_slide_image_mm4.jpg',
							image_small : 'images/home_slider/home_slide_image_mm_s.jpg',
							main_title : ".home_slider_title4",
							slide_interval : 20000
						}, {
							image : 'images/home_slider/home_slide_image_hn.jpg',
							image_small : 'images/home_slider/home_slide_image_hn_s.jpg',
							main_title : ".home_slider_title5",
							slide_interval : 10000
						}, {
							image : 'images/home_slider/home_slide_image_yfm.jpg',
							image_small : 'images/home_slider/home_slide_image_yfm_s.jpg',
							main_title : ".home_slider_title6",
							slide_interval : 20000
						}, {
							image : 'images/home_slider/home_slide_image_every1.jpg',
							image_small : 'images/home_slider/home_slide_image_every1_s.jpg',
							main_title : ".home_slider_title7",
							slide_interval : 20000
						}, {
							image : 'images/home_slider/home_slide_image_time.jpg',
							image_small : 'images/home_slider/home_slide_image_time_s.jpg',
							main_title : ".home_slider_title8",
							slide_interval : 20000
						}, {
							image : 'images/home_slider/home_slide_image_mii.jpg',
							image_small : 'images/home_slider/home_slide_image_mii_s.jpg',
							main_title : ".home_slider_title9",
							slide_interval : 20000
						}, {
							image : 'images/home_slider/home_slide_image_ps3.jpg',
							image_small : 'images/home_slider/home_slide_image_ps3_s.jpg',
							main_title : ".home_slider_title10",
							slide_interval : 20000
						}, {
							image : 'images/home_slider/home_slide_image_ps.jpg',
							image_small : 'images/home_slider/home_slide_image_ps_s.jpg',
							main_title : ".home_slider_title11",
							slide_interval : 100000
						}]
					});
				});

			}


			$(document).ready(function() {

				/* Site Main plug-in initilize */
				jQuery(function($) {
					$("body").mainFm({

						/* Set the opening page.
						 leave it blank value if you need to show the home page as a opening page*/
						currentPage : "!home",

						/* FlexSlider slideshow speed */
						slideshowSpeed : 5000

					});
				});

			});

		</script>

	</body>

</html>