//common
document.write('<script type="text/javascript" src="common/js/Navi.js"></script>');
document.write('<script type="text/javascript" src="common/js/Contents.js"></script>');

//contents
document.write('<script type="text/javascript" src="contents/index/js/Index.js"></script>');
document.write('<script type="text/javascript" src="contents/motion-sketch/js/MotionSketch.js"></script>');
document.write('<script type="text/javascript" src="contents/classic-photolog/js/ClassicPhotolog.js"></script>');
document.write('<script type="text/javascript" src="contents/moving-portfolio/js/MovingPortfolio.js"></script>');
document.write('<script type="text/javascript" src="contents/profile/js/Profile.js"></script>');

$(function(){

	var _myNavi;
	var _myContents;
	//contents
	var _myIndex;
	var _myMotionSketch;
	var _myClassicPhotolog;
	var _myMovingPortfolio;
	var _myProfile;
	var _myContentsList = {};
	
	////////////////////////////////////////////////////////////////////////////////////////////////////
	//initialize
	function initialize(){
	
		_myNavi = new Navi();
		_myContents = new Contents();
		_myIndex = new Index();
		_myMotionSketch = new MotionSketch();
		_myClassicPhotolog = new ClassicPhotolog();
		_myMovingPortfolio = new MovingPortfolio();
		_myProfile = new Profile();


		_myContentsList[ "index" ] = _myIndex
		_myContentsList[ "motion-sketch" ] = _myMotionSketch;
		_myContentsList[ "classic-photolog" ] = _myClassicPhotolog;
		_myContentsList[ "moving-portfolio" ] = _myMovingPortfolio;
		_myContentsList[ "profile" ] = _myProfile;
		
		_myNavi.mod_initialize( jQuery("nav") );
		_myNavi.mod_setLink();
						
		jQuery( _myContents ).bind( _myContents.events.LOAD_COMPLETE, loadComplete );
		jQuery("body").append('<div id="contents_container"></div>');
		_myContents.mod_Initialize( jQuery("#contents_container") );
		_myContents.mod_SetContents();
		
	}
	function loadComplete(){
		_myIndex.mod_initialize( jQuery("body"), jQuery("#index") );
		_myMotionSketch.mod_initialize( jQuery("#motion-sketch") );
		_myClassicPhotolog.mod_initialize( jQuery("body"), jQuery("#classic-photolog") );
		_myMovingPortfolio.mod_initialize( jQuery("body"), jQuery("#moving-portfolio") );
		_myProfile.mod_initialize( jQuery("body"), jQuery("#profile") );
		
		var currentContentsID = _myContents.mod_getCurrentContentsID();
		//_myContentsList[ currentContentsID ].mod_setOutMotion();
		_myContentsList[ currentContentsID ].mod_standbyMotion();
		_myContentsList[ currentContentsID ].mod_setMotion();
		setEvents();
	}
	function setEvents(){
		jQuery( _myNavi ).bind( "CLICK", clickHandler );
		_myNavi.mod_setEvents();
	}
	////////////////////////////////////////////////////////////////////////////////////////////////////
	//イベントハンドラ
	var _timeoutID;
	function clickHandler(e, contentsID){
		var currentContentsID = _myContents.mod_getCurrentContentsID();
		if(currentContentsID != contentsID){
			_myContentsList[ currentContentsID ].mod_setOutMotion();
	
			
			//_myMotionSketch.mod_standbyMotion();
			//_myClassicPhotolog.mod_standbyMotion();
			_myContents.mod_ChangeContents(contentsID);
			var nextContentsID = _myContents.mod_getCurrentContentsID();
			_myContentsList[ nextContentsID ].mod_standbyMotion();
	
			clearTimeout(_timeoutID);
			_timeoutID = setTimeout(function(){
				clearTimeout(_timeoutID);
				_myContentsList[ nextContentsID ].mod_setMotion();
				//_myMotionSketch.mod_setMotion();
				//_myClassicPhotolog.mod_setMotion();
			},100);
		};
	}

	////////////////////////////////////////////////////////////////////////////////////////////////////
	//エージェント振り分け
	if(jQuery.browser.msie){
		alert("IE");
	}else{
		initialize();
	}
});