﻿$(function onLoadFunc() {
	if($.os.name == ('iphone')) {
		$('#top-container').html('<div id="wrapper"><div id="top-header"><div id="gnavi"><ul id="gnavibar"><li id="activetop"><a href="index.html" onfocus="this.blur();"><img src="/images/common/logo.gif" alt="active design co." width="170" height="56" /></a></li><li class="gmenu"><a href="/info/index.html" onfocus="this.blur();"><img src="/images/common/navi01.gif" alt="お知らせ" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/about/message.html" onfocus="this.blur();"><img src="/images/common/navi02.gif" alt="about_us" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/services/index.html" onfocus="this.blur();"><img src="/images/common/navi03.gif" alt="事業内容" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/portfolio/cg-architecture.html" onfocus="this.blur();"><img src="/images/common/navi04.gif" alt="制作事例" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/recruit/index.html" onfocus="this.blur();"><img src="/images/common/navi05.gif" alt="採用情報" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/contact/index.html" onfocus="this.blur();"><img src="/images/common/navi06.gif" alt="お問い合わせ" width="80" height="56" class="overimg" /></a></li></ul></div></div><img src="/images/top/top_img.jpg" class="bgmaximage" /><div id="top-contents"><p id="toptime" class="clearfix"><span id="top-place">Tokyo</span><span id="currentTime"></span><span id="currentSecond"></span</p><div id="top-footer"><ul id="footer-navi"><li class="fmenu">|<h4><a href="/policy/site-policy.html" onfocus="this.blur();">このサイトについて</a></h4></li><li class="fmenu">|<h4><a href="/policy/privacy-policy.html" onfocus="this.blur();">プライバシーポリシー</a></h4></li><li class="fmenu">|<h4><a href="/sitemap.html" onfocus="this.blur();">サイトマップ</a></h4></li><li id="copyright"><h4>Copyright (c) active design Co. all rights reserved.</h4></li></ul></div></div></div></div>');
		myClock.time();
		setInterval("myClock.time()", 1);
		
		jQuery('img.bgmaximage').maxImage({
			isBackground: true,
			position: ('absolute'),
			overflow: 'auto',
			maxFollows: 'both',
			verticalAlign: 'center',
		});
		
	} else if($.os.name == ('ipad')) {
		$('#top-container').html('<div id="wrapper"><div id="top-header"><div id="gnavi"><ul id="gnavibar"><li id="activetop"><a href="index.html" onfocus="this.blur();"><img src="/images/common/logo.gif" alt="active design co." width="170" height="56" /></a></li><li class="gmenu"><a href="/info/index.html" onfocus="this.blur();"><img src="/images/common/navi01.gif" alt="お知らせ" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/about/message.html" onfocus="this.blur();"><img src="/images/common/navi02.gif" alt="about_us" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/services/index.html" onfocus="this.blur();"><img src="/images/common/navi03.gif" alt="事業内容" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/portfolio/cg-architecture.html" onfocus="this.blur();"><img src="/images/common/navi04.gif" alt="制作事例" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/recruit/index.html" onfocus="this.blur();"><img src="/images/common/navi05.gif" alt="採用情報" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/contact/index.html" onfocus="this.blur();"><img src="/images/common/navi06.gif" alt="お問い合わせ" width="80" height="56" class="overimg" /></a></li></ul></div></div><img src="/images/top/top_img.jpg" class="bgmaximage" /><div id="top-contents"><p id="toptime" class="clearfix"><span id="top-place">Tokyo</span><span id="currentTime"></span><span id="currentSecond"></span</p><div id="top-footer"><ul id="footer-navi"><li class="fmenu">|<h4><a href="/policy/site-policy.html" onfocus="this.blur();">このサイトについて</a></h4></li><li class="fmenu">|<h4><a href="/policy/privacy-policy.html" onfocus="this.blur();">プライバシーポリシー</a></h4></li><li class="fmenu">|<h4><a href="/sitemap.html" onfocus="this.blur();">サイトマップ</a></h4></li><li id="copyright"><h4>Copyright (c) active design Co. all rights reserved.</h4></li></ul></div></div></div></div>');
		myClock.time();
		setInterval("myClock.time()", 1);
		
		jQuery('img.bgmaximage').maxImage({
			isBackground: true,
			position: ('absolute'),
			overflow: 'auto',
			maxFollows: 'both',
			verticalAlign: 'center',
		});
		
	} else if($.os.name == ('ipod')) {
		$('#top-container').html('<div id="wrapper"><div id="top-header"><div id="gnavi"><ul id="gnavibar"><li id="activetop"><a href="index.html" onfocus="this.blur();"><img src="/images/common/logo.gif" alt="active design co." width="170" height="56" /></a></li><li class="gmenu"><a href="/info/index.html" onfocus="this.blur();"><img src="/images/common/navi01.gif" alt="お知らせ" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/about/message.html" onfocus="this.blur();"><img src="/images/common/navi02.gif" alt="about_us" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/services/index.html" onfocus="this.blur();"><img src="/images/common/navi03.gif" alt="事業内容" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/portfolio/cg-architecture.html" onfocus="this.blur();"><img src="/images/common/navi04.gif" alt="制作事例" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/recruit/index.html" onfocus="this.blur();"><img src="/images/common/navi05.gif" alt="採用情報" width="80" height="56" class="overimg" /></a></li><li class="gmenu"><a href="/contact/index.html" onfocus="this.blur();"><img src="/images/common/navi06.gif" alt="お問い合わせ" width="80" height="56" class="overimg" /></a></li></ul></div></div><img src="/images/top/top_img.jpg" class="bgmaximage" /><div id="top-contents"><p id="toptime" class="clearfix"><span id="top-place">Tokyo</span><span id="currentTime"></span><span id="currentSecond"></span</p><div id="top-footer"><ul id="footer-navi"><li class="fmenu">|<h4><a href="/policy/site-policy.html" onfocus="this.blur();">このサイトについて</a></h4></li><li class="fmenu">|<h4><a href="/policy/privacy-policy.html" onfocus="this.blur();">プライバシーポリシー</a></h4></li><li class="fmenu">|<h4><a href="/sitemap.html" onfocus="this.blur();">サイトマップ</a></h4></li><li id="copyright"><h4>Copyright (c) active design Co. all rights reserved.</h4></li></ul></div></div></div></div>');
		myClock.time();
		setInterval("myClock.time()", 1);
		
		jQuery('img.bgmaximage').maxImage({
			isBackground: true,
			position: ('absolute'),
			overflow: 'auto',
			maxFollows: 'both',
			verticalAlign: 'center',
		});
		
	} else {
		swfobject.embedSWF("/swf/main.swf", "top-container", "100%", "100%", "9.0.0");
	}
});

$(window).bind("load orientationchange",function(){
	if(Math.abs(window.orientation) === 90){
		$("img.bgmaximage").css('width', '100% !important');
		$("img.bgmaximage").css('height', '100% !important');
		$("img.bgmaximage").css('top', '0');
	}else{
		$("img.bgmaximage").css('width', '100% !important');
		$("img.bgmaximage").css('height', '56.25% !important');
		$("img.bgmaximage").css('top', '256px');


	}
});


