Notice (8): Undefined index: HTTP_ACCEPT_LANGUAGE [APP/controllers/template_controller.php, line 446]
Code | Context
            $sessionLang = $this->Session->read('language');
            if(!$sessionLang){
                $firstLoadLanguage = explode(',', $_SERVER['HTTP_ACCEPT_LANGUAGE']);
$language	=	""
$sessionLang	=	null
TemplateController::setFirstLanguage() - APP/controllers/template_controller.php, line 446
TemplateController::index() - APP/controllers/template_controller.php, line 38
Dispatcher::_invoke() - CORE/cake/dispatcher.php, line 204
Dispatcher::dispatch() - CORE/cake/dispatcher.php, line 171
require - APP/webroot/index.php, line 86
[main] - CORE/index.php, line 55

Notice (8): Uninitialized string offset: 0 [APP/controllers/template_controller.php, line 178]
Code | Context
        $foundFarmCode = array(); $foundYarnCode = array(); $processUniqueCode = array();
        foreach($farmYarnCodes as $code) {
            list($farmCode, $yarnCode) = array($code[0], substr($code, 1,2));
$trCode	=	""
$farmYarnBlock	=	""
$farmYarnCodes	=	array(
	""
)
$foundFarmCode	=	array()
$foundYarnCode	=	array()
$processUniqueCode	=	array()
$code	=	""
TemplateController::processTrCode() - APP/controllers/template_controller.php, line 178
TemplateController::index() - APP/controllers/template_controller.php, line 46
Dispatcher::_invoke() - CORE/cake/dispatcher.php, line 204
Dispatcher::dispatch() - CORE/cake/dispatcher.php, line 171
require - APP/webroot/index.php, line 86
[main] - CORE/index.php, line 55

Warning (2): Cannot modify header information - headers already sent by (output started at /home/users/1/nsv/web/panoco.co.jp/trace/cms/cake/libs/debugger.php:686) [APP/views/layouts/template3.ctp, line 10]
Code | Context
$___viewFn	=	"/home/users/1/nsv/web/panoco.co.jp/trace/cms/app/views/layouts/template3.ctp"
$___dataForView	=	array(
	"language" => "en",
	"rootPath" => "/trace/cms/app/webroot/",
	"listMenu" => array(
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array()
),
	"content_for_layout" => "
<link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240505074553" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<!--------------------------------
    Hamburger menu 2019 add
-------------------------------->
<input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/>
<div class="menu-wrap">
        <input type="checkbox" class="toggler">
        <div class="hamburger">
            <div></div>
        </div>
        <div class="menu">
            <div>
                <div>

                    <ul class="accordion">

                        <li>
                            <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p>
                        </li>

                        <li>
                            <p class="mainMenu2"><a href="#####">JOURNEY</a></p>
                            <ul class="accordionInner">
                                
                                
                                
                                
                                
                                

                                                                
                                
                                                                                                </ul>
                        </li>

                        <li>
                            <p class="mainMenu3"><a href="index.php/template/about?tr_code=">ABOUT</a></p>
                        </li>

                        <li>
                            <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=">ORGANIC COTTON</a></p>
                        </li>

                        <li>
                            <p class="mainMenu5"><a href="#####">BACK STORY</a></p>
                            <ul class="accordionInner">
                                <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li>
                                <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li>
                                <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li>
                                <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li>
                                <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li>
                            </ul>
                        </li>

                    </ul>


                </div>
            </div>
        </div>
    </div>
    
    <!-- For Initial Fullpage anchors -->
    <input type="hidden" id="avaiableAnchors" value="top,flow,bottom" /> 
<!--------------------------------
    Hamburger menu 2019 add end
-------------------------------->

<!----------------
        Top
     ---------------->
<div id="fullpage">
    <div class="section" id="section1" data-anchor="top">
        <div class="fp-bg"></div>
        <div class="content">
            <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1>
            <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p>
			<p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p>
            <p class="arrow">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve">
                    <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " />
                </svg>
            </p>
            <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p>
           
        </div>
    </div>

  <!----------------
        Flow
     ---------------->
    
  <!----------------
        Code1 A
     ---------------->
      <!----------------
        Code2 YARN 01
     ---------------->
    

  <!----------------
        Code3 YARN DYEING 02
     ---------------->
     
  <!----------------
        Code4 FABRIC
     ---------------->
    
  <!----------------
        Code5 OTHER PROCESS
     ---------------->
      <!----------------
        Code6 OTHER 01
     ---------------->
        
<!----------------
        Code7 FABRIC DYE
     ---------------->
    
	<!----------------
        Code7 PRELIM2
     ---------------->
     
	<!----------------
        Code7 PRELIM3
     ---------------->
     
	<!----------------
        Code7 PRELIM4
     ---------------->
     
  <!----------------
        bottom
     ---------------->
    <div class="section" id="section13" data-anchor="bottom">
        <div class="fp-bg"></div>
        <div class="bottomcontents">
            <div class="bottomlogo">
                <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" />
            </div>
            <div class="bottomtext1">
                <p>In a gentle way,
                    <br>we can shake the world.</p>
            </div>
            <div class="bottomtext2">
                <p>Journey of Organic Cotton</p>
            </div>
            <div class="bottomtext3">
                <p>Copyright ©PANOCO TRADING CO., LTD.
                    <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext">
                            www.panoco.co.jp</a></p>
            </div>
            <div id="totopdiv">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve">
                    <style type="text/css">
                        .st2 {
                            fill: none;
                            stroke: #000;
                            stroke-miterlimit: 10;
                        }
                    </style>
                    <polyline class="st2" points="1,13 11,1 21,13 " />
                </svg>
            </div>
            <div id="totoptext">Back to Top</div>
        </div>
    </div>



</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240505074553"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 0,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }
    });

  $(document).ready(function() {
    var pageHash = window.location.hash.substr(1);
	var isHistory = false;
    var language = "en";
	//For history back
	if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') {
		isHistory = true;
		var page = localStorage.getItem("page");
		var slide = localStorage.getItem("slide");
		var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == (parseInt(page) + 1)) {
			  $.fn.fullpage.moveTo(countUp, slide);
			  break;
		  }
        }
		localStorage.removeItem("page")
		localStorage.removeItem("slide")
	}

	//For List page
    if(pageHash != "" && isHistory == false) {
      var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]');
      var hashSectionIndex = $( ".section" ).index( pageHashSection );
      if(hashSectionIndex != -1) {
        var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == hashSectionIndex+1) break;
        }
        // $.fn.fullpage.moveTo(hashSectionIndex);
        // $.fn.fullpage.moveTo(hashSectionIndex+1);
        // _currentPageIndex = hashSectionIndex -1 ;
      }

    }


	//For history back
	$("a").on('click', function() {
		if ($(this).text() == "ENTER") {
			setActivePageAndSlide()
		}
	})

	function setActivePageAndSlide() {
		var rawStr = $("body").attr('class');
		var pageAndSlide = rawStr.split("viewing-");
		console.log(rawStr, "test")
		var page = pageAndSlide[1].split("-")[0];
		var slide = pageAndSlide[1].split("-")[1] || '0'
		localStorage.setItem("page", page);
		localStorage.setItem("slide", slide);
	}

    //Disable slider when only have 1 photo
    $.each($(".swiper-container"), function(index, _this) {
        var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length;
        if(totalSlide == 1) {
            $(_this).find(".swiper-wrapper").addClass( "disabled" );
            $(_this).find(".swiper-pagination").addClass( "disabled" );
        }
    })

    //For history back
    
    $("#change_language").on('click', function() {
        console.log(language);
        if(language == 'jp'){
            language = 'en';
            setGetParameter('language','en');
        }
        else{
            language = 'jp'
            setGetParameter('language','jp');
        }

    });
    // $("#language_jp").on('click', function() {
    //     setGetParameter('language','jp');
    // })
    // $("#language_en").on('click', function() {
    //     setGetParameter('language','en');
    // })

    function setGetParameter(paramName, paramValue)
    {
        var url = window.location.href;
        var hash = location.hash;
        url = url.replace(hash, '');
        if (url.indexOf(paramName + "=") >= 0)
        {
            var prefix = url.substring(0, url.indexOf(paramName + "=")); 
            var suffix = url.substring(url.indexOf(paramName + "="));
            suffix = suffix.substring(suffix.indexOf("=") + 1);
            suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : "";
            url = prefix + paramName + "=" + paramValue + suffix;
        }
        else
        {
        if (url.indexOf("?") < 0)
            url += "?" + paramName + "=" + paramValue;
        else
            url += "&" + paramName + "=" + paramValue;
        }
        console.log(url + hash);
        window.location.href = url + hash;
    }


  });
</script>
",
	"scripts_for_layout" => "",
	"title_for_layout" => "Template",
	"fullPage" => FullPageHelper
FullPageHelper::$helpers = array
FullPageHelper::$base = "/trace/cms/index.php"
FullPageHelper::$webroot = "/trace/cms/app/webroot/"
FullPageHelper::$theme = NULL
FullPageHelper::$here = "/trace/cms/index.php/"
FullPageHelper::$params = array
FullPageHelper::$action = "index"
FullPageHelper::$plugin = NULL
FullPageHelper::$data = NULL
FullPageHelper::$namedArgs = NULL
FullPageHelper::$argSeparator = NULL
FullPageHelper::$validationErrors = NULL
FullPageHelper::$tags = array
FullPageHelper::$__tainted = NULL
FullPageHelper::$__cleaned = NULL
FullPageHelper::$Html = HtmlHelper object,
	"image" => ImageHelper
ImageHelper::$helpers = array
ImageHelper::$base = "/trace/cms/index.php"
ImageHelper::$webroot = "/trace/cms/app/webroot/"
ImageHelper::$theme = NULL
ImageHelper::$here = "/trace/cms/index.php/"
ImageHelper::$params = array
ImageHelper::$action = "index"
ImageHelper::$plugin = NULL
ImageHelper::$data = NULL
ImageHelper::$namedArgs = NULL
ImageHelper::$argSeparator = NULL
ImageHelper::$validationErrors = NULL
ImageHelper::$tags = array
ImageHelper::$__tainted = NULL
ImageHelper::$__cleaned = NULL
ImageHelper::$Html = HtmlHelper object,
	"form" => FormHelper
FormHelper::$helpers = array
FormHelper::$fieldset = array
FormHelper::$__options = array
FormHelper::$fields = array
FormHelper::$requestType = NULL
FormHelper::$defaultModel = NULL
FormHelper::$_inputDefaults = array
FormHelper::$base = "/trace/cms/index.php"
FormHelper::$webroot = "/trace/cms/app/webroot/"
FormHelper::$theme = NULL
FormHelper::$here = "/trace/cms/index.php/"
FormHelper::$params = array
FormHelper::$action = "index"
FormHelper::$plugin = NULL
FormHelper::$data = NULL
FormHelper::$namedArgs = NULL
FormHelper::$argSeparator = NULL
FormHelper::$validationErrors = NULL
FormHelper::$tags = array
FormHelper::$__tainted = NULL
FormHelper::$__cleaned = NULL
FormHelper::$Html = HtmlHelper object,
	"html" => HtmlHelper
HtmlHelper::$tags = array
HtmlHelper::$_crumbs = array
HtmlHelper::$__includedScripts = array
HtmlHelper::$_scriptBlockOptions = array
HtmlHelper::$__docTypes = array
HtmlHelper::$helpers = NULL
HtmlHelper::$base = "/trace/cms/index.php"
HtmlHelper::$webroot = "/trace/cms/app/webroot/"
HtmlHelper::$theme = NULL
HtmlHelper::$here = "/trace/cms/index.php/"
HtmlHelper::$params = array
HtmlHelper::$action = "index"
HtmlHelper::$plugin = NULL
HtmlHelper::$data = NULL
HtmlHelper::$namedArgs = NULL
HtmlHelper::$argSeparator = NULL
HtmlHelper::$validationErrors = NULL
HtmlHelper::$__tainted = NULL
HtmlHelper::$__cleaned = NULL,
	"session" => SessionHelper
SessionHelper::$helpers = array
SessionHelper::$__active = true
SessionHelper::$valid = false
SessionHelper::$error = false
SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a"
SessionHelper::$path = "/"
SessionHelper::$lastError = NULL
SessionHelper::$security = "low"
SessionHelper::$time = 1714862753
SessionHelper::$sessionTime = 1714880753
SessionHelper::$cookieLifeTime = false
SessionHelper::$watchKeys = array
SessionHelper::$id = NULL
SessionHelper::$host = NULL
SessionHelper::$timeout = NULL
SessionHelper::$base = "/trace/cms/index.php"
SessionHelper::$webroot = "/trace/cms/app/webroot/"
SessionHelper::$here = "/trace/cms/index.php/"
SessionHelper::$params = array
SessionHelper::$action = "index"
SessionHelper::$data = NULL
SessionHelper::$theme = NULL
SessionHelper::$plugin = NULL
)
$loadHelpers	=	false
$cached	=	true
$loadedHelpers	=	array()
$language	=	"en"
$rootPath	=	"/trace/cms/app/webroot/"
$listMenu	=	array(
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
)
)
$content_for_layout	=	"
<link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240505074553" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<!--------------------------------
    Hamburger menu 2019 add
-------------------------------->
<input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/>
<div class="menu-wrap">
        <input type="checkbox" class="toggler">
        <div class="hamburger">
            <div></div>
        </div>
        <div class="menu">
            <div>
                <div>

                    <ul class="accordion">

                        <li>
                            <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p>
                        </li>

                        <li>
                            <p class="mainMenu2"><a href="#####">JOURNEY</a></p>
                            <ul class="accordionInner">
                                
                                
                                
                                
                                
                                

                                                                
                                
                                                                                                </ul>
                        </li>

                        <li>
                            <p class="mainMenu3"><a href="index.php/template/about?tr_code=">ABOUT</a></p>
                        </li>

                        <li>
                            <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=">ORGANIC COTTON</a></p>
                        </li>

                        <li>
                            <p class="mainMenu5"><a href="#####">BACK STORY</a></p>
                            <ul class="accordionInner">
                                <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li>
                                <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li>
                                <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li>
                                <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li>
                                <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li>
                            </ul>
                        </li>

                    </ul>


                </div>
            </div>
        </div>
    </div>
    
    <!-- For Initial Fullpage anchors -->
    <input type="hidden" id="avaiableAnchors" value="top,flow,bottom" /> 
<!--------------------------------
    Hamburger menu 2019 add end
-------------------------------->

<!----------------
        Top
     ---------------->
<div id="fullpage">
    <div class="section" id="section1" data-anchor="top">
        <div class="fp-bg"></div>
        <div class="content">
            <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1>
            <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p>
			<p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p>
            <p class="arrow">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve">
                    <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " />
                </svg>
            </p>
            <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p>
           
        </div>
    </div>

  <!----------------
        Flow
     ---------------->
    
  <!----------------
        Code1 A
     ---------------->
      <!----------------
        Code2 YARN 01
     ---------------->
    

  <!----------------
        Code3 YARN DYEING 02
     ---------------->
     
  <!----------------
        Code4 FABRIC
     ---------------->
    
  <!----------------
        Code5 OTHER PROCESS
     ---------------->
      <!----------------
        Code6 OTHER 01
     ---------------->
        
<!----------------
        Code7 FABRIC DYE
     ---------------->
    
	<!----------------
        Code7 PRELIM2
     ---------------->
     
	<!----------------
        Code7 PRELIM3
     ---------------->
     
	<!----------------
        Code7 PRELIM4
     ---------------->
     
  <!----------------
        bottom
     ---------------->
    <div class="section" id="section13" data-anchor="bottom">
        <div class="fp-bg"></div>
        <div class="bottomcontents">
            <div class="bottomlogo">
                <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" />
            </div>
            <div class="bottomtext1">
                <p>In a gentle way,
                    <br>we can shake the world.</p>
            </div>
            <div class="bottomtext2">
                <p>Journey of Organic Cotton</p>
            </div>
            <div class="bottomtext3">
                <p>Copyright ©PANOCO TRADING CO., LTD.
                    <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext">
                            www.panoco.co.jp</a></p>
            </div>
            <div id="totopdiv">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve">
                    <style type="text/css">
                        .st2 {
                            fill: none;
                            stroke: #000;
                            stroke-miterlimit: 10;
                        }
                    </style>
                    <polyline class="st2" points="1,13 11,1 21,13 " />
                </svg>
            </div>
            <div id="totoptext">Back to Top</div>
        </div>
    </div>



</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240505074553"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 0,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }
    });

  $(document).ready(function() {
    var pageHash = window.location.hash.substr(1);
	var isHistory = false;
    var language = "en";
	//For history back
	if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') {
		isHistory = true;
		var page = localStorage.getItem("page");
		var slide = localStorage.getItem("slide");
		var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == (parseInt(page) + 1)) {
			  $.fn.fullpage.moveTo(countUp, slide);
			  break;
		  }
        }
		localStorage.removeItem("page")
		localStorage.removeItem("slide")
	}

	//For List page
    if(pageHash != "" && isHistory == false) {
      var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]');
      var hashSectionIndex = $( ".section" ).index( pageHashSection );
      if(hashSectionIndex != -1) {
        var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == hashSectionIndex+1) break;
        }
        // $.fn.fullpage.moveTo(hashSectionIndex);
        // $.fn.fullpage.moveTo(hashSectionIndex+1);
        // _currentPageIndex = hashSectionIndex -1 ;
      }

    }


	//For history back
	$("a").on('click', function() {
		if ($(this).text() == "ENTER") {
			setActivePageAndSlide()
		}
	})

	function setActivePageAndSlide() {
		var rawStr = $("body").attr('class');
		var pageAndSlide = rawStr.split("viewing-");
		console.log(rawStr, "test")
		var page = pageAndSlide[1].split("-")[0];
		var slide = pageAndSlide[1].split("-")[1] || '0'
		localStorage.setItem("page", page);
		localStorage.setItem("slide", slide);
	}

    //Disable slider when only have 1 photo
    $.each($(".swiper-container"), function(index, _this) {
        var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length;
        if(totalSlide == 1) {
            $(_this).find(".swiper-wrapper").addClass( "disabled" );
            $(_this).find(".swiper-pagination").addClass( "disabled" );
        }
    })

    //For history back
    
    $("#change_language").on('click', function() {
        console.log(language);
        if(language == 'jp'){
            language = 'en';
            setGetParameter('language','en');
        }
        else{
            language = 'jp'
            setGetParameter('language','jp');
        }

    });
    // $("#language_jp").on('click', function() {
    //     setGetParameter('language','jp');
    // })
    // $("#language_en").on('click', function() {
    //     setGetParameter('language','en');
    // })

    function setGetParameter(paramName, paramValue)
    {
        var url = window.location.href;
        var hash = location.hash;
        url = url.replace(hash, '');
        if (url.indexOf(paramName + "=") >= 0)
        {
            var prefix = url.substring(0, url.indexOf(paramName + "=")); 
            var suffix = url.substring(url.indexOf(paramName + "="));
            suffix = suffix.substring(suffix.indexOf("=") + 1);
            suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : "";
            url = prefix + paramName + "=" + paramValue + suffix;
        }
        else
        {
        if (url.indexOf("?") < 0)
            url += "?" + paramName + "=" + paramValue;
        else
            url += "&" + paramName + "=" + paramValue;
        }
        console.log(url + hash);
        window.location.href = url + hash;
    }


  });
</script>
"
$scripts_for_layout	=	""
$title_for_layout	=	"Template"
$fullPage	=	FullPageHelper
FullPageHelper::$helpers = array
FullPageHelper::$base = "/trace/cms/index.php"
FullPageHelper::$webroot = "/trace/cms/app/webroot/"
FullPageHelper::$theme = NULL
FullPageHelper::$here = "/trace/cms/index.php/"
FullPageHelper::$params = array
FullPageHelper::$action = "index"
FullPageHelper::$plugin = NULL
FullPageHelper::$data = NULL
FullPageHelper::$namedArgs = NULL
FullPageHelper::$argSeparator = NULL
FullPageHelper::$validationErrors = NULL
FullPageHelper::$tags = array
FullPageHelper::$__tainted = NULL
FullPageHelper::$__cleaned = NULL
FullPageHelper::$Html = HtmlHelper object
$image	=	ImageHelper
ImageHelper::$helpers = array
ImageHelper::$base = "/trace/cms/index.php"
ImageHelper::$webroot = "/trace/cms/app/webroot/"
ImageHelper::$theme = NULL
ImageHelper::$here = "/trace/cms/index.php/"
ImageHelper::$params = array
ImageHelper::$action = "index"
ImageHelper::$plugin = NULL
ImageHelper::$data = NULL
ImageHelper::$namedArgs = NULL
ImageHelper::$argSeparator = NULL
ImageHelper::$validationErrors = NULL
ImageHelper::$tags = array
ImageHelper::$__tainted = NULL
ImageHelper::$__cleaned = NULL
ImageHelper::$Html = HtmlHelper object
$form	=	FormHelper
FormHelper::$helpers = array
FormHelper::$fieldset = array
FormHelper::$__options = array
FormHelper::$fields = array
FormHelper::$requestType = NULL
FormHelper::$defaultModel = NULL
FormHelper::$_inputDefaults = array
FormHelper::$base = "/trace/cms/index.php"
FormHelper::$webroot = "/trace/cms/app/webroot/"
FormHelper::$theme = NULL
FormHelper::$here = "/trace/cms/index.php/"
FormHelper::$params = array
FormHelper::$action = "index"
FormHelper::$plugin = NULL
FormHelper::$data = NULL
FormHelper::$namedArgs = NULL
FormHelper::$argSeparator = NULL
FormHelper::$validationErrors = NULL
FormHelper::$tags = array
FormHelper::$__tainted = NULL
FormHelper::$__cleaned = NULL
FormHelper::$Html = HtmlHelper object
$html	=	HtmlHelper
HtmlHelper::$tags = array
HtmlHelper::$_crumbs = array
HtmlHelper::$__includedScripts = array
HtmlHelper::$_scriptBlockOptions = array
HtmlHelper::$__docTypes = array
HtmlHelper::$helpers = NULL
HtmlHelper::$base = "/trace/cms/index.php"
HtmlHelper::$webroot = "/trace/cms/app/webroot/"
HtmlHelper::$theme = NULL
HtmlHelper::$here = "/trace/cms/index.php/"
HtmlHelper::$params = array
HtmlHelper::$action = "index"
HtmlHelper::$plugin = NULL
HtmlHelper::$data = NULL
HtmlHelper::$namedArgs = NULL
HtmlHelper::$argSeparator = NULL
HtmlHelper::$validationErrors = NULL
HtmlHelper::$__tainted = NULL
HtmlHelper::$__cleaned = NULL
$session	=	SessionHelper
SessionHelper::$helpers = array
SessionHelper::$__active = true
SessionHelper::$valid = false
SessionHelper::$error = false
SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a"
SessionHelper::$path = "/"
SessionHelper::$lastError = NULL
SessionHelper::$security = "low"
SessionHelper::$time = 1714862753
SessionHelper::$sessionTime = 1714880753
SessionHelper::$cookieLifeTime = false
SessionHelper::$watchKeys = array
SessionHelper::$id = NULL
SessionHelper::$host = NULL
SessionHelper::$timeout = NULL
SessionHelper::$base = "/trace/cms/index.php"
SessionHelper::$webroot = "/trace/cms/app/webroot/"
SessionHelper::$here = "/trace/cms/index.php/"
SessionHelper::$params = array
SessionHelper::$action = "index"
SessionHelper::$data = NULL
SessionHelper::$theme = NULL
SessionHelper::$plugin = NULL
header - [internal], line ??
include - APP/views/layouts/template3.ctp, line 10
View::_render() - CORE/cake/libs/view/view.php, line 736
View::renderLayout() - CORE/cake/libs/view/view.php, line 494
View::render() - CORE/cake/libs/view/view.php, line 440
Controller::render() - CORE/cake/libs/controller/controller.php, line 909
Dispatcher::_invoke() - CORE/cake/dispatcher.php, line 207
Dispatcher::dispatch() - CORE/cake/dispatcher.php, line 171
require - APP/webroot/index.php, line 86
[main] - CORE/index.php, line 55

Warning (2): Cannot modify header information - headers already sent by (output started at /home/users/1/nsv/web/panoco.co.jp/trace/cms/cake/libs/debugger.php:686) [APP/views/layouts/template3.ctp, line 11]
Code | Context
$___viewFn	=	"/home/users/1/nsv/web/panoco.co.jp/trace/cms/app/views/layouts/template3.ctp"
$___dataForView	=	array(
	"language" => "en",
	"rootPath" => "/trace/cms/app/webroot/",
	"listMenu" => array(
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array()
),
	"content_for_layout" => "
<link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240505074553" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<!--------------------------------
    Hamburger menu 2019 add
-------------------------------->
<input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/>
<div class="menu-wrap">
        <input type="checkbox" class="toggler">
        <div class="hamburger">
            <div></div>
        </div>
        <div class="menu">
            <div>
                <div>

                    <ul class="accordion">

                        <li>
                            <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p>
                        </li>

                        <li>
                            <p class="mainMenu2"><a href="#####">JOURNEY</a></p>
                            <ul class="accordionInner">
                                
                                
                                
                                
                                
                                

                                                                
                                
                                                                                                </ul>
                        </li>

                        <li>
                            <p class="mainMenu3"><a href="index.php/template/about?tr_code=">ABOUT</a></p>
                        </li>

                        <li>
                            <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=">ORGANIC COTTON</a></p>
                        </li>

                        <li>
                            <p class="mainMenu5"><a href="#####">BACK STORY</a></p>
                            <ul class="accordionInner">
                                <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li>
                                <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li>
                                <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li>
                                <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li>
                                <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li>
                            </ul>
                        </li>

                    </ul>


                </div>
            </div>
        </div>
    </div>
    
    <!-- For Initial Fullpage anchors -->
    <input type="hidden" id="avaiableAnchors" value="top,flow,bottom" /> 
<!--------------------------------
    Hamburger menu 2019 add end
-------------------------------->

<!----------------
        Top
     ---------------->
<div id="fullpage">
    <div class="section" id="section1" data-anchor="top">
        <div class="fp-bg"></div>
        <div class="content">
            <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1>
            <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p>
			<p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p>
            <p class="arrow">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve">
                    <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " />
                </svg>
            </p>
            <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p>
           
        </div>
    </div>

  <!----------------
        Flow
     ---------------->
    
  <!----------------
        Code1 A
     ---------------->
      <!----------------
        Code2 YARN 01
     ---------------->
    

  <!----------------
        Code3 YARN DYEING 02
     ---------------->
     
  <!----------------
        Code4 FABRIC
     ---------------->
    
  <!----------------
        Code5 OTHER PROCESS
     ---------------->
      <!----------------
        Code6 OTHER 01
     ---------------->
        
<!----------------
        Code7 FABRIC DYE
     ---------------->
    
	<!----------------
        Code7 PRELIM2
     ---------------->
     
	<!----------------
        Code7 PRELIM3
     ---------------->
     
	<!----------------
        Code7 PRELIM4
     ---------------->
     
  <!----------------
        bottom
     ---------------->
    <div class="section" id="section13" data-anchor="bottom">
        <div class="fp-bg"></div>
        <div class="bottomcontents">
            <div class="bottomlogo">
                <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" />
            </div>
            <div class="bottomtext1">
                <p>In a gentle way,
                    <br>we can shake the world.</p>
            </div>
            <div class="bottomtext2">
                <p>Journey of Organic Cotton</p>
            </div>
            <div class="bottomtext3">
                <p>Copyright ©PANOCO TRADING CO., LTD.
                    <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext">
                            www.panoco.co.jp</a></p>
            </div>
            <div id="totopdiv">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve">
                    <style type="text/css">
                        .st2 {
                            fill: none;
                            stroke: #000;
                            stroke-miterlimit: 10;
                        }
                    </style>
                    <polyline class="st2" points="1,13 11,1 21,13 " />
                </svg>
            </div>
            <div id="totoptext">Back to Top</div>
        </div>
    </div>



</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240505074553"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 0,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }
    });

  $(document).ready(function() {
    var pageHash = window.location.hash.substr(1);
	var isHistory = false;
    var language = "en";
	//For history back
	if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') {
		isHistory = true;
		var page = localStorage.getItem("page");
		var slide = localStorage.getItem("slide");
		var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == (parseInt(page) + 1)) {
			  $.fn.fullpage.moveTo(countUp, slide);
			  break;
		  }
        }
		localStorage.removeItem("page")
		localStorage.removeItem("slide")
	}

	//For List page
    if(pageHash != "" && isHistory == false) {
      var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]');
      var hashSectionIndex = $( ".section" ).index( pageHashSection );
      if(hashSectionIndex != -1) {
        var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == hashSectionIndex+1) break;
        }
        // $.fn.fullpage.moveTo(hashSectionIndex);
        // $.fn.fullpage.moveTo(hashSectionIndex+1);
        // _currentPageIndex = hashSectionIndex -1 ;
      }

    }


	//For history back
	$("a").on('click', function() {
		if ($(this).text() == "ENTER") {
			setActivePageAndSlide()
		}
	})

	function setActivePageAndSlide() {
		var rawStr = $("body").attr('class');
		var pageAndSlide = rawStr.split("viewing-");
		console.log(rawStr, "test")
		var page = pageAndSlide[1].split("-")[0];
		var slide = pageAndSlide[1].split("-")[1] || '0'
		localStorage.setItem("page", page);
		localStorage.setItem("slide", slide);
	}

    //Disable slider when only have 1 photo
    $.each($(".swiper-container"), function(index, _this) {
        var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length;
        if(totalSlide == 1) {
            $(_this).find(".swiper-wrapper").addClass( "disabled" );
            $(_this).find(".swiper-pagination").addClass( "disabled" );
        }
    })

    //For history back
    
    $("#change_language").on('click', function() {
        console.log(language);
        if(language == 'jp'){
            language = 'en';
            setGetParameter('language','en');
        }
        else{
            language = 'jp'
            setGetParameter('language','jp');
        }

    });
    // $("#language_jp").on('click', function() {
    //     setGetParameter('language','jp');
    // })
    // $("#language_en").on('click', function() {
    //     setGetParameter('language','en');
    // })

    function setGetParameter(paramName, paramValue)
    {
        var url = window.location.href;
        var hash = location.hash;
        url = url.replace(hash, '');
        if (url.indexOf(paramName + "=") >= 0)
        {
            var prefix = url.substring(0, url.indexOf(paramName + "=")); 
            var suffix = url.substring(url.indexOf(paramName + "="));
            suffix = suffix.substring(suffix.indexOf("=") + 1);
            suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : "";
            url = prefix + paramName + "=" + paramValue + suffix;
        }
        else
        {
        if (url.indexOf("?") < 0)
            url += "?" + paramName + "=" + paramValue;
        else
            url += "&" + paramName + "=" + paramValue;
        }
        console.log(url + hash);
        window.location.href = url + hash;
    }


  });
</script>
",
	"scripts_for_layout" => "",
	"title_for_layout" => "Template",
	"fullPage" => FullPageHelper
FullPageHelper::$helpers = array
FullPageHelper::$base = "/trace/cms/index.php"
FullPageHelper::$webroot = "/trace/cms/app/webroot/"
FullPageHelper::$theme = NULL
FullPageHelper::$here = "/trace/cms/index.php/"
FullPageHelper::$params = array
FullPageHelper::$action = "index"
FullPageHelper::$plugin = NULL
FullPageHelper::$data = NULL
FullPageHelper::$namedArgs = NULL
FullPageHelper::$argSeparator = NULL
FullPageHelper::$validationErrors = NULL
FullPageHelper::$tags = array
FullPageHelper::$__tainted = NULL
FullPageHelper::$__cleaned = NULL
FullPageHelper::$Html = HtmlHelper object,
	"image" => ImageHelper
ImageHelper::$helpers = array
ImageHelper::$base = "/trace/cms/index.php"
ImageHelper::$webroot = "/trace/cms/app/webroot/"
ImageHelper::$theme = NULL
ImageHelper::$here = "/trace/cms/index.php/"
ImageHelper::$params = array
ImageHelper::$action = "index"
ImageHelper::$plugin = NULL
ImageHelper::$data = NULL
ImageHelper::$namedArgs = NULL
ImageHelper::$argSeparator = NULL
ImageHelper::$validationErrors = NULL
ImageHelper::$tags = array
ImageHelper::$__tainted = NULL
ImageHelper::$__cleaned = NULL
ImageHelper::$Html = HtmlHelper object,
	"form" => FormHelper
FormHelper::$helpers = array
FormHelper::$fieldset = array
FormHelper::$__options = array
FormHelper::$fields = array
FormHelper::$requestType = NULL
FormHelper::$defaultModel = NULL
FormHelper::$_inputDefaults = array
FormHelper::$base = "/trace/cms/index.php"
FormHelper::$webroot = "/trace/cms/app/webroot/"
FormHelper::$theme = NULL
FormHelper::$here = "/trace/cms/index.php/"
FormHelper::$params = array
FormHelper::$action = "index"
FormHelper::$plugin = NULL
FormHelper::$data = NULL
FormHelper::$namedArgs = NULL
FormHelper::$argSeparator = NULL
FormHelper::$validationErrors = NULL
FormHelper::$tags = array
FormHelper::$__tainted = NULL
FormHelper::$__cleaned = NULL
FormHelper::$Html = HtmlHelper object,
	"html" => HtmlHelper
HtmlHelper::$tags = array
HtmlHelper::$_crumbs = array
HtmlHelper::$__includedScripts = array
HtmlHelper::$_scriptBlockOptions = array
HtmlHelper::$__docTypes = array
HtmlHelper::$helpers = NULL
HtmlHelper::$base = "/trace/cms/index.php"
HtmlHelper::$webroot = "/trace/cms/app/webroot/"
HtmlHelper::$theme = NULL
HtmlHelper::$here = "/trace/cms/index.php/"
HtmlHelper::$params = array
HtmlHelper::$action = "index"
HtmlHelper::$plugin = NULL
HtmlHelper::$data = NULL
HtmlHelper::$namedArgs = NULL
HtmlHelper::$argSeparator = NULL
HtmlHelper::$validationErrors = NULL
HtmlHelper::$__tainted = NULL
HtmlHelper::$__cleaned = NULL,
	"session" => SessionHelper
SessionHelper::$helpers = array
SessionHelper::$__active = true
SessionHelper::$valid = false
SessionHelper::$error = false
SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a"
SessionHelper::$path = "/"
SessionHelper::$lastError = NULL
SessionHelper::$security = "low"
SessionHelper::$time = 1714862753
SessionHelper::$sessionTime = 1714880753
SessionHelper::$cookieLifeTime = false
SessionHelper::$watchKeys = array
SessionHelper::$id = NULL
SessionHelper::$host = NULL
SessionHelper::$timeout = NULL
SessionHelper::$base = "/trace/cms/index.php"
SessionHelper::$webroot = "/trace/cms/app/webroot/"
SessionHelper::$here = "/trace/cms/index.php/"
SessionHelper::$params = array
SessionHelper::$action = "index"
SessionHelper::$data = NULL
SessionHelper::$theme = NULL
SessionHelper::$plugin = NULL
)
$loadHelpers	=	false
$cached	=	true
$loadedHelpers	=	array()
$language	=	"en"
$rootPath	=	"/trace/cms/app/webroot/"
$listMenu	=	array(
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
)
)
$content_for_layout	=	"
<link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240505074553" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<!--------------------------------
    Hamburger menu 2019 add
-------------------------------->
<input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/>
<div class="menu-wrap">
        <input type="checkbox" class="toggler">
        <div class="hamburger">
            <div></div>
        </div>
        <div class="menu">
            <div>
                <div>

                    <ul class="accordion">

                        <li>
                            <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p>
                        </li>

                        <li>
                            <p class="mainMenu2"><a href="#####">JOURNEY</a></p>
                            <ul class="accordionInner">
                                
                                
                                
                                
                                
                                

                                                                
                                
                                                                                                </ul>
                        </li>

                        <li>
                            <p class="mainMenu3"><a href="index.php/template/about?tr_code=">ABOUT</a></p>
                        </li>

                        <li>
                            <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=">ORGANIC COTTON</a></p>
                        </li>

                        <li>
                            <p class="mainMenu5"><a href="#####">BACK STORY</a></p>
                            <ul class="accordionInner">
                                <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li>
                                <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li>
                                <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li>
                                <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li>
                                <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li>
                            </ul>
                        </li>

                    </ul>


                </div>
            </div>
        </div>
    </div>
    
    <!-- For Initial Fullpage anchors -->
    <input type="hidden" id="avaiableAnchors" value="top,flow,bottom" /> 
<!--------------------------------
    Hamburger menu 2019 add end
-------------------------------->

<!----------------
        Top
     ---------------->
<div id="fullpage">
    <div class="section" id="section1" data-anchor="top">
        <div class="fp-bg"></div>
        <div class="content">
            <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1>
            <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p>
			<p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p>
            <p class="arrow">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve">
                    <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " />
                </svg>
            </p>
            <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p>
           
        </div>
    </div>

  <!----------------
        Flow
     ---------------->
    
  <!----------------
        Code1 A
     ---------------->
      <!----------------
        Code2 YARN 01
     ---------------->
    

  <!----------------
        Code3 YARN DYEING 02
     ---------------->
     
  <!----------------
        Code4 FABRIC
     ---------------->
    
  <!----------------
        Code5 OTHER PROCESS
     ---------------->
      <!----------------
        Code6 OTHER 01
     ---------------->
        
<!----------------
        Code7 FABRIC DYE
     ---------------->
    
	<!----------------
        Code7 PRELIM2
     ---------------->
     
	<!----------------
        Code7 PRELIM3
     ---------------->
     
	<!----------------
        Code7 PRELIM4
     ---------------->
     
  <!----------------
        bottom
     ---------------->
    <div class="section" id="section13" data-anchor="bottom">
        <div class="fp-bg"></div>
        <div class="bottomcontents">
            <div class="bottomlogo">
                <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" />
            </div>
            <div class="bottomtext1">
                <p>In a gentle way,
                    <br>we can shake the world.</p>
            </div>
            <div class="bottomtext2">
                <p>Journey of Organic Cotton</p>
            </div>
            <div class="bottomtext3">
                <p>Copyright ©PANOCO TRADING CO., LTD.
                    <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext">
                            www.panoco.co.jp</a></p>
            </div>
            <div id="totopdiv">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve">
                    <style type="text/css">
                        .st2 {
                            fill: none;
                            stroke: #000;
                            stroke-miterlimit: 10;
                        }
                    </style>
                    <polyline class="st2" points="1,13 11,1 21,13 " />
                </svg>
            </div>
            <div id="totoptext">Back to Top</div>
        </div>
    </div>



</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240505074553"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 0,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }
    });

  $(document).ready(function() {
    var pageHash = window.location.hash.substr(1);
	var isHistory = false;
    var language = "en";
	//For history back
	if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') {
		isHistory = true;
		var page = localStorage.getItem("page");
		var slide = localStorage.getItem("slide");
		var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == (parseInt(page) + 1)) {
			  $.fn.fullpage.moveTo(countUp, slide);
			  break;
		  }
        }
		localStorage.removeItem("page")
		localStorage.removeItem("slide")
	}

	//For List page
    if(pageHash != "" && isHistory == false) {
      var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]');
      var hashSectionIndex = $( ".section" ).index( pageHashSection );
      if(hashSectionIndex != -1) {
        var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == hashSectionIndex+1) break;
        }
        // $.fn.fullpage.moveTo(hashSectionIndex);
        // $.fn.fullpage.moveTo(hashSectionIndex+1);
        // _currentPageIndex = hashSectionIndex -1 ;
      }

    }


	//For history back
	$("a").on('click', function() {
		if ($(this).text() == "ENTER") {
			setActivePageAndSlide()
		}
	})

	function setActivePageAndSlide() {
		var rawStr = $("body").attr('class');
		var pageAndSlide = rawStr.split("viewing-");
		console.log(rawStr, "test")
		var page = pageAndSlide[1].split("-")[0];
		var slide = pageAndSlide[1].split("-")[1] || '0'
		localStorage.setItem("page", page);
		localStorage.setItem("slide", slide);
	}

    //Disable slider when only have 1 photo
    $.each($(".swiper-container"), function(index, _this) {
        var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length;
        if(totalSlide == 1) {
            $(_this).find(".swiper-wrapper").addClass( "disabled" );
            $(_this).find(".swiper-pagination").addClass( "disabled" );
        }
    })

    //For history back
    
    $("#change_language").on('click', function() {
        console.log(language);
        if(language == 'jp'){
            language = 'en';
            setGetParameter('language','en');
        }
        else{
            language = 'jp'
            setGetParameter('language','jp');
        }

    });
    // $("#language_jp").on('click', function() {
    //     setGetParameter('language','jp');
    // })
    // $("#language_en").on('click', function() {
    //     setGetParameter('language','en');
    // })

    function setGetParameter(paramName, paramValue)
    {
        var url = window.location.href;
        var hash = location.hash;
        url = url.replace(hash, '');
        if (url.indexOf(paramName + "=") >= 0)
        {
            var prefix = url.substring(0, url.indexOf(paramName + "=")); 
            var suffix = url.substring(url.indexOf(paramName + "="));
            suffix = suffix.substring(suffix.indexOf("=") + 1);
            suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : "";
            url = prefix + paramName + "=" + paramValue + suffix;
        }
        else
        {
        if (url.indexOf("?") < 0)
            url += "?" + paramName + "=" + paramValue;
        else
            url += "&" + paramName + "=" + paramValue;
        }
        console.log(url + hash);
        window.location.href = url + hash;
    }


  });
</script>
"
$scripts_for_layout	=	""
$title_for_layout	=	"Template"
$fullPage	=	FullPageHelper
FullPageHelper::$helpers = array
FullPageHelper::$base = "/trace/cms/index.php"
FullPageHelper::$webroot = "/trace/cms/app/webroot/"
FullPageHelper::$theme = NULL
FullPageHelper::$here = "/trace/cms/index.php/"
FullPageHelper::$params = array
FullPageHelper::$action = "index"
FullPageHelper::$plugin = NULL
FullPageHelper::$data = NULL
FullPageHelper::$namedArgs = NULL
FullPageHelper::$argSeparator = NULL
FullPageHelper::$validationErrors = NULL
FullPageHelper::$tags = array
FullPageHelper::$__tainted = NULL
FullPageHelper::$__cleaned = NULL
FullPageHelper::$Html = HtmlHelper object
$image	=	ImageHelper
ImageHelper::$helpers = array
ImageHelper::$base = "/trace/cms/index.php"
ImageHelper::$webroot = "/trace/cms/app/webroot/"
ImageHelper::$theme = NULL
ImageHelper::$here = "/trace/cms/index.php/"
ImageHelper::$params = array
ImageHelper::$action = "index"
ImageHelper::$plugin = NULL
ImageHelper::$data = NULL
ImageHelper::$namedArgs = NULL
ImageHelper::$argSeparator = NULL
ImageHelper::$validationErrors = NULL
ImageHelper::$tags = array
ImageHelper::$__tainted = NULL
ImageHelper::$__cleaned = NULL
ImageHelper::$Html = HtmlHelper object
$form	=	FormHelper
FormHelper::$helpers = array
FormHelper::$fieldset = array
FormHelper::$__options = array
FormHelper::$fields = array
FormHelper::$requestType = NULL
FormHelper::$defaultModel = NULL
FormHelper::$_inputDefaults = array
FormHelper::$base = "/trace/cms/index.php"
FormHelper::$webroot = "/trace/cms/app/webroot/"
FormHelper::$theme = NULL
FormHelper::$here = "/trace/cms/index.php/"
FormHelper::$params = array
FormHelper::$action = "index"
FormHelper::$plugin = NULL
FormHelper::$data = NULL
FormHelper::$namedArgs = NULL
FormHelper::$argSeparator = NULL
FormHelper::$validationErrors = NULL
FormHelper::$tags = array
FormHelper::$__tainted = NULL
FormHelper::$__cleaned = NULL
FormHelper::$Html = HtmlHelper object
$html	=	HtmlHelper
HtmlHelper::$tags = array
HtmlHelper::$_crumbs = array
HtmlHelper::$__includedScripts = array
HtmlHelper::$_scriptBlockOptions = array
HtmlHelper::$__docTypes = array
HtmlHelper::$helpers = NULL
HtmlHelper::$base = "/trace/cms/index.php"
HtmlHelper::$webroot = "/trace/cms/app/webroot/"
HtmlHelper::$theme = NULL
HtmlHelper::$here = "/trace/cms/index.php/"
HtmlHelper::$params = array
HtmlHelper::$action = "index"
HtmlHelper::$plugin = NULL
HtmlHelper::$data = NULL
HtmlHelper::$namedArgs = NULL
HtmlHelper::$argSeparator = NULL
HtmlHelper::$validationErrors = NULL
HtmlHelper::$__tainted = NULL
HtmlHelper::$__cleaned = NULL
$session	=	SessionHelper
SessionHelper::$helpers = array
SessionHelper::$__active = true
SessionHelper::$valid = false
SessionHelper::$error = false
SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a"
SessionHelper::$path = "/"
SessionHelper::$lastError = NULL
SessionHelper::$security = "low"
SessionHelper::$time = 1714862753
SessionHelper::$sessionTime = 1714880753
SessionHelper::$cookieLifeTime = false
SessionHelper::$watchKeys = array
SessionHelper::$id = NULL
SessionHelper::$host = NULL
SessionHelper::$timeout = NULL
SessionHelper::$base = "/trace/cms/index.php"
SessionHelper::$webroot = "/trace/cms/app/webroot/"
SessionHelper::$here = "/trace/cms/index.php/"
SessionHelper::$params = array
SessionHelper::$action = "index"
SessionHelper::$data = NULL
SessionHelper::$theme = NULL
SessionHelper::$plugin = NULL
header - [internal], line ??
include - APP/views/layouts/template3.ctp, line 11
View::_render() - CORE/cake/libs/view/view.php, line 736
View::renderLayout() - CORE/cake/libs/view/view.php, line 494
View::render() - CORE/cake/libs/view/view.php, line 440
Controller::render() - CORE/cake/libs/controller/controller.php, line 909
Dispatcher::_invoke() - CORE/cake/dispatcher.php, line 207
Dispatcher::dispatch() - CORE/cake/dispatcher.php, line 171
require - APP/webroot/index.php, line 86
[main] - CORE/index.php, line 55

Warning (2): Cannot modify header information - headers already sent by (output started at /home/users/1/nsv/web/panoco.co.jp/trace/cms/cake/libs/debugger.php:686) [APP/views/layouts/template3.ctp, line 12]
Code | Context
$___viewFn	=	"/home/users/1/nsv/web/panoco.co.jp/trace/cms/app/views/layouts/template3.ctp"
$___dataForView	=	array(
	"language" => "en",
	"rootPath" => "/trace/cms/app/webroot/",
	"listMenu" => array(
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array()
),
	"content_for_layout" => "
<link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240505074553" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<!--------------------------------
    Hamburger menu 2019 add
-------------------------------->
<input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/>
<div class="menu-wrap">
        <input type="checkbox" class="toggler">
        <div class="hamburger">
            <div></div>
        </div>
        <div class="menu">
            <div>
                <div>

                    <ul class="accordion">

                        <li>
                            <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p>
                        </li>

                        <li>
                            <p class="mainMenu2"><a href="#####">JOURNEY</a></p>
                            <ul class="accordionInner">
                                
                                
                                
                                
                                
                                

                                                                
                                
                                                                                                </ul>
                        </li>

                        <li>
                            <p class="mainMenu3"><a href="index.php/template/about?tr_code=">ABOUT</a></p>
                        </li>

                        <li>
                            <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=">ORGANIC COTTON</a></p>
                        </li>

                        <li>
                            <p class="mainMenu5"><a href="#####">BACK STORY</a></p>
                            <ul class="accordionInner">
                                <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li>
                                <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li>
                                <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li>
                                <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li>
                                <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li>
                            </ul>
                        </li>

                    </ul>


                </div>
            </div>
        </div>
    </div>
    
    <!-- For Initial Fullpage anchors -->
    <input type="hidden" id="avaiableAnchors" value="top,flow,bottom" /> 
<!--------------------------------
    Hamburger menu 2019 add end
-------------------------------->

<!----------------
        Top
     ---------------->
<div id="fullpage">
    <div class="section" id="section1" data-anchor="top">
        <div class="fp-bg"></div>
        <div class="content">
            <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1>
            <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p>
			<p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p>
            <p class="arrow">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve">
                    <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " />
                </svg>
            </p>
            <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p>
           
        </div>
    </div>

  <!----------------
        Flow
     ---------------->
    
  <!----------------
        Code1 A
     ---------------->
      <!----------------
        Code2 YARN 01
     ---------------->
    

  <!----------------
        Code3 YARN DYEING 02
     ---------------->
     
  <!----------------
        Code4 FABRIC
     ---------------->
    
  <!----------------
        Code5 OTHER PROCESS
     ---------------->
      <!----------------
        Code6 OTHER 01
     ---------------->
        
<!----------------
        Code7 FABRIC DYE
     ---------------->
    
	<!----------------
        Code7 PRELIM2
     ---------------->
     
	<!----------------
        Code7 PRELIM3
     ---------------->
     
	<!----------------
        Code7 PRELIM4
     ---------------->
     
  <!----------------
        bottom
     ---------------->
    <div class="section" id="section13" data-anchor="bottom">
        <div class="fp-bg"></div>
        <div class="bottomcontents">
            <div class="bottomlogo">
                <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" />
            </div>
            <div class="bottomtext1">
                <p>In a gentle way,
                    <br>we can shake the world.</p>
            </div>
            <div class="bottomtext2">
                <p>Journey of Organic Cotton</p>
            </div>
            <div class="bottomtext3">
                <p>Copyright ©PANOCO TRADING CO., LTD.
                    <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext">
                            www.panoco.co.jp</a></p>
            </div>
            <div id="totopdiv">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve">
                    <style type="text/css">
                        .st2 {
                            fill: none;
                            stroke: #000;
                            stroke-miterlimit: 10;
                        }
                    </style>
                    <polyline class="st2" points="1,13 11,1 21,13 " />
                </svg>
            </div>
            <div id="totoptext">Back to Top</div>
        </div>
    </div>



</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240505074553"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 0,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }
    });

  $(document).ready(function() {
    var pageHash = window.location.hash.substr(1);
	var isHistory = false;
    var language = "en";
	//For history back
	if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') {
		isHistory = true;
		var page = localStorage.getItem("page");
		var slide = localStorage.getItem("slide");
		var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == (parseInt(page) + 1)) {
			  $.fn.fullpage.moveTo(countUp, slide);
			  break;
		  }
        }
		localStorage.removeItem("page")
		localStorage.removeItem("slide")
	}

	//For List page
    if(pageHash != "" && isHistory == false) {
      var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]');
      var hashSectionIndex = $( ".section" ).index( pageHashSection );
      if(hashSectionIndex != -1) {
        var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == hashSectionIndex+1) break;
        }
        // $.fn.fullpage.moveTo(hashSectionIndex);
        // $.fn.fullpage.moveTo(hashSectionIndex+1);
        // _currentPageIndex = hashSectionIndex -1 ;
      }

    }


	//For history back
	$("a").on('click', function() {
		if ($(this).text() == "ENTER") {
			setActivePageAndSlide()
		}
	})

	function setActivePageAndSlide() {
		var rawStr = $("body").attr('class');
		var pageAndSlide = rawStr.split("viewing-");
		console.log(rawStr, "test")
		var page = pageAndSlide[1].split("-")[0];
		var slide = pageAndSlide[1].split("-")[1] || '0'
		localStorage.setItem("page", page);
		localStorage.setItem("slide", slide);
	}

    //Disable slider when only have 1 photo
    $.each($(".swiper-container"), function(index, _this) {
        var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length;
        if(totalSlide == 1) {
            $(_this).find(".swiper-wrapper").addClass( "disabled" );
            $(_this).find(".swiper-pagination").addClass( "disabled" );
        }
    })

    //For history back
    
    $("#change_language").on('click', function() {
        console.log(language);
        if(language == 'jp'){
            language = 'en';
            setGetParameter('language','en');
        }
        else{
            language = 'jp'
            setGetParameter('language','jp');
        }

    });
    // $("#language_jp").on('click', function() {
    //     setGetParameter('language','jp');
    // })
    // $("#language_en").on('click', function() {
    //     setGetParameter('language','en');
    // })

    function setGetParameter(paramName, paramValue)
    {
        var url = window.location.href;
        var hash = location.hash;
        url = url.replace(hash, '');
        if (url.indexOf(paramName + "=") >= 0)
        {
            var prefix = url.substring(0, url.indexOf(paramName + "=")); 
            var suffix = url.substring(url.indexOf(paramName + "="));
            suffix = suffix.substring(suffix.indexOf("=") + 1);
            suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : "";
            url = prefix + paramName + "=" + paramValue + suffix;
        }
        else
        {
        if (url.indexOf("?") < 0)
            url += "?" + paramName + "=" + paramValue;
        else
            url += "&" + paramName + "=" + paramValue;
        }
        console.log(url + hash);
        window.location.href = url + hash;
    }


  });
</script>
",
	"scripts_for_layout" => "",
	"title_for_layout" => "Template",
	"fullPage" => FullPageHelper
FullPageHelper::$helpers = array
FullPageHelper::$base = "/trace/cms/index.php"
FullPageHelper::$webroot = "/trace/cms/app/webroot/"
FullPageHelper::$theme = NULL
FullPageHelper::$here = "/trace/cms/index.php/"
FullPageHelper::$params = array
FullPageHelper::$action = "index"
FullPageHelper::$plugin = NULL
FullPageHelper::$data = NULL
FullPageHelper::$namedArgs = NULL
FullPageHelper::$argSeparator = NULL
FullPageHelper::$validationErrors = NULL
FullPageHelper::$tags = array
FullPageHelper::$__tainted = NULL
FullPageHelper::$__cleaned = NULL
FullPageHelper::$Html = HtmlHelper object,
	"image" => ImageHelper
ImageHelper::$helpers = array
ImageHelper::$base = "/trace/cms/index.php"
ImageHelper::$webroot = "/trace/cms/app/webroot/"
ImageHelper::$theme = NULL
ImageHelper::$here = "/trace/cms/index.php/"
ImageHelper::$params = array
ImageHelper::$action = "index"
ImageHelper::$plugin = NULL
ImageHelper::$data = NULL
ImageHelper::$namedArgs = NULL
ImageHelper::$argSeparator = NULL
ImageHelper::$validationErrors = NULL
ImageHelper::$tags = array
ImageHelper::$__tainted = NULL
ImageHelper::$__cleaned = NULL
ImageHelper::$Html = HtmlHelper object,
	"form" => FormHelper
FormHelper::$helpers = array
FormHelper::$fieldset = array
FormHelper::$__options = array
FormHelper::$fields = array
FormHelper::$requestType = NULL
FormHelper::$defaultModel = NULL
FormHelper::$_inputDefaults = array
FormHelper::$base = "/trace/cms/index.php"
FormHelper::$webroot = "/trace/cms/app/webroot/"
FormHelper::$theme = NULL
FormHelper::$here = "/trace/cms/index.php/"
FormHelper::$params = array
FormHelper::$action = "index"
FormHelper::$plugin = NULL
FormHelper::$data = NULL
FormHelper::$namedArgs = NULL
FormHelper::$argSeparator = NULL
FormHelper::$validationErrors = NULL
FormHelper::$tags = array
FormHelper::$__tainted = NULL
FormHelper::$__cleaned = NULL
FormHelper::$Html = HtmlHelper object,
	"html" => HtmlHelper
HtmlHelper::$tags = array
HtmlHelper::$_crumbs = array
HtmlHelper::$__includedScripts = array
HtmlHelper::$_scriptBlockOptions = array
HtmlHelper::$__docTypes = array
HtmlHelper::$helpers = NULL
HtmlHelper::$base = "/trace/cms/index.php"
HtmlHelper::$webroot = "/trace/cms/app/webroot/"
HtmlHelper::$theme = NULL
HtmlHelper::$here = "/trace/cms/index.php/"
HtmlHelper::$params = array
HtmlHelper::$action = "index"
HtmlHelper::$plugin = NULL
HtmlHelper::$data = NULL
HtmlHelper::$namedArgs = NULL
HtmlHelper::$argSeparator = NULL
HtmlHelper::$validationErrors = NULL
HtmlHelper::$__tainted = NULL
HtmlHelper::$__cleaned = NULL,
	"session" => SessionHelper
SessionHelper::$helpers = array
SessionHelper::$__active = true
SessionHelper::$valid = false
SessionHelper::$error = false
SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a"
SessionHelper::$path = "/"
SessionHelper::$lastError = NULL
SessionHelper::$security = "low"
SessionHelper::$time = 1714862753
SessionHelper::$sessionTime = 1714880753
SessionHelper::$cookieLifeTime = false
SessionHelper::$watchKeys = array
SessionHelper::$id = NULL
SessionHelper::$host = NULL
SessionHelper::$timeout = NULL
SessionHelper::$base = "/trace/cms/index.php"
SessionHelper::$webroot = "/trace/cms/app/webroot/"
SessionHelper::$here = "/trace/cms/index.php/"
SessionHelper::$params = array
SessionHelper::$action = "index"
SessionHelper::$data = NULL
SessionHelper::$theme = NULL
SessionHelper::$plugin = NULL
)
$loadHelpers	=	false
$cached	=	true
$loadedHelpers	=	array()
$language	=	"en"
$rootPath	=	"/trace/cms/app/webroot/"
$listMenu	=	array(
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
)
)
$content_for_layout	=	"
<link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240505074553" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<!--------------------------------
    Hamburger menu 2019 add
-------------------------------->
<input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/>
<div class="menu-wrap">
        <input type="checkbox" class="toggler">
        <div class="hamburger">
            <div></div>
        </div>
        <div class="menu">
            <div>
                <div>

                    <ul class="accordion">

                        <li>
                            <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p>
                        </li>

                        <li>
                            <p class="mainMenu2"><a href="#####">JOURNEY</a></p>
                            <ul class="accordionInner">
                                
                                
                                
                                
                                
                                

                                                                
                                
                                                                                                </ul>
                        </li>

                        <li>
                            <p class="mainMenu3"><a href="index.php/template/about?tr_code=">ABOUT</a></p>
                        </li>

                        <li>
                            <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=">ORGANIC COTTON</a></p>
                        </li>

                        <li>
                            <p class="mainMenu5"><a href="#####">BACK STORY</a></p>
                            <ul class="accordionInner">
                                <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li>
                                <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li>
                                <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li>
                                <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li>
                                <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li>
                            </ul>
                        </li>

                    </ul>


                </div>
            </div>
        </div>
    </div>
    
    <!-- For Initial Fullpage anchors -->
    <input type="hidden" id="avaiableAnchors" value="top,flow,bottom" /> 
<!--------------------------------
    Hamburger menu 2019 add end
-------------------------------->

<!----------------
        Top
     ---------------->
<div id="fullpage">
    <div class="section" id="section1" data-anchor="top">
        <div class="fp-bg"></div>
        <div class="content">
            <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1>
            <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p>
			<p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p>
            <p class="arrow">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve">
                    <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " />
                </svg>
            </p>
            <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p>
           
        </div>
    </div>

  <!----------------
        Flow
     ---------------->
    
  <!----------------
        Code1 A
     ---------------->
      <!----------------
        Code2 YARN 01
     ---------------->
    

  <!----------------
        Code3 YARN DYEING 02
     ---------------->
     
  <!----------------
        Code4 FABRIC
     ---------------->
    
  <!----------------
        Code5 OTHER PROCESS
     ---------------->
      <!----------------
        Code6 OTHER 01
     ---------------->
        
<!----------------
        Code7 FABRIC DYE
     ---------------->
    
	<!----------------
        Code7 PRELIM2
     ---------------->
     
	<!----------------
        Code7 PRELIM3
     ---------------->
     
	<!----------------
        Code7 PRELIM4
     ---------------->
     
  <!----------------
        bottom
     ---------------->
    <div class="section" id="section13" data-anchor="bottom">
        <div class="fp-bg"></div>
        <div class="bottomcontents">
            <div class="bottomlogo">
                <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" />
            </div>
            <div class="bottomtext1">
                <p>In a gentle way,
                    <br>we can shake the world.</p>
            </div>
            <div class="bottomtext2">
                <p>Journey of Organic Cotton</p>
            </div>
            <div class="bottomtext3">
                <p>Copyright ©PANOCO TRADING CO., LTD.
                    <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext">
                            www.panoco.co.jp</a></p>
            </div>
            <div id="totopdiv">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve">
                    <style type="text/css">
                        .st2 {
                            fill: none;
                            stroke: #000;
                            stroke-miterlimit: 10;
                        }
                    </style>
                    <polyline class="st2" points="1,13 11,1 21,13 " />
                </svg>
            </div>
            <div id="totoptext">Back to Top</div>
        </div>
    </div>



</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240505074553"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 0,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }
    });

  $(document).ready(function() {
    var pageHash = window.location.hash.substr(1);
	var isHistory = false;
    var language = "en";
	//For history back
	if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') {
		isHistory = true;
		var page = localStorage.getItem("page");
		var slide = localStorage.getItem("slide");
		var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == (parseInt(page) + 1)) {
			  $.fn.fullpage.moveTo(countUp, slide);
			  break;
		  }
        }
		localStorage.removeItem("page")
		localStorage.removeItem("slide")
	}

	//For List page
    if(pageHash != "" && isHistory == false) {
      var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]');
      var hashSectionIndex = $( ".section" ).index( pageHashSection );
      if(hashSectionIndex != -1) {
        var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == hashSectionIndex+1) break;
        }
        // $.fn.fullpage.moveTo(hashSectionIndex);
        // $.fn.fullpage.moveTo(hashSectionIndex+1);
        // _currentPageIndex = hashSectionIndex -1 ;
      }

    }


	//For history back
	$("a").on('click', function() {
		if ($(this).text() == "ENTER") {
			setActivePageAndSlide()
		}
	})

	function setActivePageAndSlide() {
		var rawStr = $("body").attr('class');
		var pageAndSlide = rawStr.split("viewing-");
		console.log(rawStr, "test")
		var page = pageAndSlide[1].split("-")[0];
		var slide = pageAndSlide[1].split("-")[1] || '0'
		localStorage.setItem("page", page);
		localStorage.setItem("slide", slide);
	}

    //Disable slider when only have 1 photo
    $.each($(".swiper-container"), function(index, _this) {
        var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length;
        if(totalSlide == 1) {
            $(_this).find(".swiper-wrapper").addClass( "disabled" );
            $(_this).find(".swiper-pagination").addClass( "disabled" );
        }
    })

    //For history back
    
    $("#change_language").on('click', function() {
        console.log(language);
        if(language == 'jp'){
            language = 'en';
            setGetParameter('language','en');
        }
        else{
            language = 'jp'
            setGetParameter('language','jp');
        }

    });
    // $("#language_jp").on('click', function() {
    //     setGetParameter('language','jp');
    // })
    // $("#language_en").on('click', function() {
    //     setGetParameter('language','en');
    // })

    function setGetParameter(paramName, paramValue)
    {
        var url = window.location.href;
        var hash = location.hash;
        url = url.replace(hash, '');
        if (url.indexOf(paramName + "=") >= 0)
        {
            var prefix = url.substring(0, url.indexOf(paramName + "=")); 
            var suffix = url.substring(url.indexOf(paramName + "="));
            suffix = suffix.substring(suffix.indexOf("=") + 1);
            suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : "";
            url = prefix + paramName + "=" + paramValue + suffix;
        }
        else
        {
        if (url.indexOf("?") < 0)
            url += "?" + paramName + "=" + paramValue;
        else
            url += "&" + paramName + "=" + paramValue;
        }
        console.log(url + hash);
        window.location.href = url + hash;
    }


  });
</script>
"
$scripts_for_layout	=	""
$title_for_layout	=	"Template"
$fullPage	=	FullPageHelper
FullPageHelper::$helpers = array
FullPageHelper::$base = "/trace/cms/index.php"
FullPageHelper::$webroot = "/trace/cms/app/webroot/"
FullPageHelper::$theme = NULL
FullPageHelper::$here = "/trace/cms/index.php/"
FullPageHelper::$params = array
FullPageHelper::$action = "index"
FullPageHelper::$plugin = NULL
FullPageHelper::$data = NULL
FullPageHelper::$namedArgs = NULL
FullPageHelper::$argSeparator = NULL
FullPageHelper::$validationErrors = NULL
FullPageHelper::$tags = array
FullPageHelper::$__tainted = NULL
FullPageHelper::$__cleaned = NULL
FullPageHelper::$Html = HtmlHelper object
$image	=	ImageHelper
ImageHelper::$helpers = array
ImageHelper::$base = "/trace/cms/index.php"
ImageHelper::$webroot = "/trace/cms/app/webroot/"
ImageHelper::$theme = NULL
ImageHelper::$here = "/trace/cms/index.php/"
ImageHelper::$params = array
ImageHelper::$action = "index"
ImageHelper::$plugin = NULL
ImageHelper::$data = NULL
ImageHelper::$namedArgs = NULL
ImageHelper::$argSeparator = NULL
ImageHelper::$validationErrors = NULL
ImageHelper::$tags = array
ImageHelper::$__tainted = NULL
ImageHelper::$__cleaned = NULL
ImageHelper::$Html = HtmlHelper object
$form	=	FormHelper
FormHelper::$helpers = array
FormHelper::$fieldset = array
FormHelper::$__options = array
FormHelper::$fields = array
FormHelper::$requestType = NULL
FormHelper::$defaultModel = NULL
FormHelper::$_inputDefaults = array
FormHelper::$base = "/trace/cms/index.php"
FormHelper::$webroot = "/trace/cms/app/webroot/"
FormHelper::$theme = NULL
FormHelper::$here = "/trace/cms/index.php/"
FormHelper::$params = array
FormHelper::$action = "index"
FormHelper::$plugin = NULL
FormHelper::$data = NULL
FormHelper::$namedArgs = NULL
FormHelper::$argSeparator = NULL
FormHelper::$validationErrors = NULL
FormHelper::$tags = array
FormHelper::$__tainted = NULL
FormHelper::$__cleaned = NULL
FormHelper::$Html = HtmlHelper object
$html	=	HtmlHelper
HtmlHelper::$tags = array
HtmlHelper::$_crumbs = array
HtmlHelper::$__includedScripts = array
HtmlHelper::$_scriptBlockOptions = array
HtmlHelper::$__docTypes = array
HtmlHelper::$helpers = NULL
HtmlHelper::$base = "/trace/cms/index.php"
HtmlHelper::$webroot = "/trace/cms/app/webroot/"
HtmlHelper::$theme = NULL
HtmlHelper::$here = "/trace/cms/index.php/"
HtmlHelper::$params = array
HtmlHelper::$action = "index"
HtmlHelper::$plugin = NULL
HtmlHelper::$data = NULL
HtmlHelper::$namedArgs = NULL
HtmlHelper::$argSeparator = NULL
HtmlHelper::$validationErrors = NULL
HtmlHelper::$__tainted = NULL
HtmlHelper::$__cleaned = NULL
$session	=	SessionHelper
SessionHelper::$helpers = array
SessionHelper::$__active = true
SessionHelper::$valid = false
SessionHelper::$error = false
SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a"
SessionHelper::$path = "/"
SessionHelper::$lastError = NULL
SessionHelper::$security = "low"
SessionHelper::$time = 1714862753
SessionHelper::$sessionTime = 1714880753
SessionHelper::$cookieLifeTime = false
SessionHelper::$watchKeys = array
SessionHelper::$id = NULL
SessionHelper::$host = NULL
SessionHelper::$timeout = NULL
SessionHelper::$base = "/trace/cms/index.php"
SessionHelper::$webroot = "/trace/cms/app/webroot/"
SessionHelper::$here = "/trace/cms/index.php/"
SessionHelper::$params = array
SessionHelper::$action = "index"
SessionHelper::$data = NULL
SessionHelper::$theme = NULL
SessionHelper::$plugin = NULL
header - [internal], line ??
include - APP/views/layouts/template3.ctp, line 12
View::_render() - CORE/cake/libs/view/view.php, line 736
View::renderLayout() - CORE/cake/libs/view/view.php, line 494
View::render() - CORE/cake/libs/view/view.php, line 440
Controller::render() - CORE/cake/libs/controller/controller.php, line 909
Dispatcher::_invoke() - CORE/cake/dispatcher.php, line 207
Dispatcher::dispatch() - CORE/cake/dispatcher.php, line 171
require - APP/webroot/index.php, line 86
[main] - CORE/index.php, line 55

Warning (2): Cannot modify header information - headers already sent by (output started at /home/users/1/nsv/web/panoco.co.jp/trace/cms/cake/libs/debugger.php:686) [APP/views/layouts/template3.ctp, line 13]
Code | Context
$___viewFn	=	"/home/users/1/nsv/web/panoco.co.jp/trace/cms/app/views/layouts/template3.ctp"
$___dataForView	=	array(
	"language" => "en",
	"rootPath" => "/trace/cms/app/webroot/",
	"listMenu" => array(
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array(),
	array()
),
	"content_for_layout" => "
<link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240505074553" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<!--------------------------------
    Hamburger menu 2019 add
-------------------------------->
<input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/>
<div class="menu-wrap">
        <input type="checkbox" class="toggler">
        <div class="hamburger">
            <div></div>
        </div>
        <div class="menu">
            <div>
                <div>

                    <ul class="accordion">

                        <li>
                            <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p>
                        </li>

                        <li>
                            <p class="mainMenu2"><a href="#####">JOURNEY</a></p>
                            <ul class="accordionInner">
                                
                                
                                
                                
                                
                                

                                                                
                                
                                                                                                </ul>
                        </li>

                        <li>
                            <p class="mainMenu3"><a href="index.php/template/about?tr_code=">ABOUT</a></p>
                        </li>

                        <li>
                            <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=">ORGANIC COTTON</a></p>
                        </li>

                        <li>
                            <p class="mainMenu5"><a href="#####">BACK STORY</a></p>
                            <ul class="accordionInner">
                                <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li>
                                <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li>
                                <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li>
                                <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li>
                                <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li>
                            </ul>
                        </li>

                    </ul>


                </div>
            </div>
        </div>
    </div>
    
    <!-- For Initial Fullpage anchors -->
    <input type="hidden" id="avaiableAnchors" value="top,flow,bottom" /> 
<!--------------------------------
    Hamburger menu 2019 add end
-------------------------------->

<!----------------
        Top
     ---------------->
<div id="fullpage">
    <div class="section" id="section1" data-anchor="top">
        <div class="fp-bg"></div>
        <div class="content">
            <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1>
            <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p>
			<p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p>
            <p class="arrow">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve">
                    <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " />
                </svg>
            </p>
            <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p>
           
        </div>
    </div>

  <!----------------
        Flow
     ---------------->
    
  <!----------------
        Code1 A
     ---------------->
      <!----------------
        Code2 YARN 01
     ---------------->
    

  <!----------------
        Code3 YARN DYEING 02
     ---------------->
     
  <!----------------
        Code4 FABRIC
     ---------------->
    
  <!----------------
        Code5 OTHER PROCESS
     ---------------->
      <!----------------
        Code6 OTHER 01
     ---------------->
        
<!----------------
        Code7 FABRIC DYE
     ---------------->
    
	<!----------------
        Code7 PRELIM2
     ---------------->
     
	<!----------------
        Code7 PRELIM3
     ---------------->
     
	<!----------------
        Code7 PRELIM4
     ---------------->
     
  <!----------------
        bottom
     ---------------->
    <div class="section" id="section13" data-anchor="bottom">
        <div class="fp-bg"></div>
        <div class="bottomcontents">
            <div class="bottomlogo">
                <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" />
            </div>
            <div class="bottomtext1">
                <p>In a gentle way,
                    <br>we can shake the world.</p>
            </div>
            <div class="bottomtext2">
                <p>Journey of Organic Cotton</p>
            </div>
            <div class="bottomtext3">
                <p>Copyright ©PANOCO TRADING CO., LTD.
                    <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext">
                            www.panoco.co.jp</a></p>
            </div>
            <div id="totopdiv">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve">
                    <style type="text/css">
                        .st2 {
                            fill: none;
                            stroke: #000;
                            stroke-miterlimit: 10;
                        }
                    </style>
                    <polyline class="st2" points="1,13 11,1 21,13 " />
                </svg>
            </div>
            <div id="totoptext">Back to Top</div>
        </div>
    </div>



</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240505074553"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 0,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }
    });

  $(document).ready(function() {
    var pageHash = window.location.hash.substr(1);
	var isHistory = false;
    var language = "en";
	//For history back
	if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') {
		isHistory = true;
		var page = localStorage.getItem("page");
		var slide = localStorage.getItem("slide");
		var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == (parseInt(page) + 1)) {
			  $.fn.fullpage.moveTo(countUp, slide);
			  break;
		  }
        }
		localStorage.removeItem("page")
		localStorage.removeItem("slide")
	}

	//For List page
    if(pageHash != "" && isHistory == false) {
      var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]');
      var hashSectionIndex = $( ".section" ).index( pageHashSection );
      if(hashSectionIndex != -1) {
        var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == hashSectionIndex+1) break;
        }
        // $.fn.fullpage.moveTo(hashSectionIndex);
        // $.fn.fullpage.moveTo(hashSectionIndex+1);
        // _currentPageIndex = hashSectionIndex -1 ;
      }

    }


	//For history back
	$("a").on('click', function() {
		if ($(this).text() == "ENTER") {
			setActivePageAndSlide()
		}
	})

	function setActivePageAndSlide() {
		var rawStr = $("body").attr('class');
		var pageAndSlide = rawStr.split("viewing-");
		console.log(rawStr, "test")
		var page = pageAndSlide[1].split("-")[0];
		var slide = pageAndSlide[1].split("-")[1] || '0'
		localStorage.setItem("page", page);
		localStorage.setItem("slide", slide);
	}

    //Disable slider when only have 1 photo
    $.each($(".swiper-container"), function(index, _this) {
        var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length;
        if(totalSlide == 1) {
            $(_this).find(".swiper-wrapper").addClass( "disabled" );
            $(_this).find(".swiper-pagination").addClass( "disabled" );
        }
    })

    //For history back
    
    $("#change_language").on('click', function() {
        console.log(language);
        if(language == 'jp'){
            language = 'en';
            setGetParameter('language','en');
        }
        else{
            language = 'jp'
            setGetParameter('language','jp');
        }

    });
    // $("#language_jp").on('click', function() {
    //     setGetParameter('language','jp');
    // })
    // $("#language_en").on('click', function() {
    //     setGetParameter('language','en');
    // })

    function setGetParameter(paramName, paramValue)
    {
        var url = window.location.href;
        var hash = location.hash;
        url = url.replace(hash, '');
        if (url.indexOf(paramName + "=") >= 0)
        {
            var prefix = url.substring(0, url.indexOf(paramName + "=")); 
            var suffix = url.substring(url.indexOf(paramName + "="));
            suffix = suffix.substring(suffix.indexOf("=") + 1);
            suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : "";
            url = prefix + paramName + "=" + paramValue + suffix;
        }
        else
        {
        if (url.indexOf("?") < 0)
            url += "?" + paramName + "=" + paramValue;
        else
            url += "&" + paramName + "=" + paramValue;
        }
        console.log(url + hash);
        window.location.href = url + hash;
    }


  });
</script>
",
	"scripts_for_layout" => "",
	"title_for_layout" => "Template",
	"fullPage" => FullPageHelper
FullPageHelper::$helpers = array
FullPageHelper::$base = "/trace/cms/index.php"
FullPageHelper::$webroot = "/trace/cms/app/webroot/"
FullPageHelper::$theme = NULL
FullPageHelper::$here = "/trace/cms/index.php/"
FullPageHelper::$params = array
FullPageHelper::$action = "index"
FullPageHelper::$plugin = NULL
FullPageHelper::$data = NULL
FullPageHelper::$namedArgs = NULL
FullPageHelper::$argSeparator = NULL
FullPageHelper::$validationErrors = NULL
FullPageHelper::$tags = array
FullPageHelper::$__tainted = NULL
FullPageHelper::$__cleaned = NULL
FullPageHelper::$Html = HtmlHelper object,
	"image" => ImageHelper
ImageHelper::$helpers = array
ImageHelper::$base = "/trace/cms/index.php"
ImageHelper::$webroot = "/trace/cms/app/webroot/"
ImageHelper::$theme = NULL
ImageHelper::$here = "/trace/cms/index.php/"
ImageHelper::$params = array
ImageHelper::$action = "index"
ImageHelper::$plugin = NULL
ImageHelper::$data = NULL
ImageHelper::$namedArgs = NULL
ImageHelper::$argSeparator = NULL
ImageHelper::$validationErrors = NULL
ImageHelper::$tags = array
ImageHelper::$__tainted = NULL
ImageHelper::$__cleaned = NULL
ImageHelper::$Html = HtmlHelper object,
	"form" => FormHelper
FormHelper::$helpers = array
FormHelper::$fieldset = array
FormHelper::$__options = array
FormHelper::$fields = array
FormHelper::$requestType = NULL
FormHelper::$defaultModel = NULL
FormHelper::$_inputDefaults = array
FormHelper::$base = "/trace/cms/index.php"
FormHelper::$webroot = "/trace/cms/app/webroot/"
FormHelper::$theme = NULL
FormHelper::$here = "/trace/cms/index.php/"
FormHelper::$params = array
FormHelper::$action = "index"
FormHelper::$plugin = NULL
FormHelper::$data = NULL
FormHelper::$namedArgs = NULL
FormHelper::$argSeparator = NULL
FormHelper::$validationErrors = NULL
FormHelper::$tags = array
FormHelper::$__tainted = NULL
FormHelper::$__cleaned = NULL
FormHelper::$Html = HtmlHelper object,
	"html" => HtmlHelper
HtmlHelper::$tags = array
HtmlHelper::$_crumbs = array
HtmlHelper::$__includedScripts = array
HtmlHelper::$_scriptBlockOptions = array
HtmlHelper::$__docTypes = array
HtmlHelper::$helpers = NULL
HtmlHelper::$base = "/trace/cms/index.php"
HtmlHelper::$webroot = "/trace/cms/app/webroot/"
HtmlHelper::$theme = NULL
HtmlHelper::$here = "/trace/cms/index.php/"
HtmlHelper::$params = array
HtmlHelper::$action = "index"
HtmlHelper::$plugin = NULL
HtmlHelper::$data = NULL
HtmlHelper::$namedArgs = NULL
HtmlHelper::$argSeparator = NULL
HtmlHelper::$validationErrors = NULL
HtmlHelper::$__tainted = NULL
HtmlHelper::$__cleaned = NULL,
	"session" => SessionHelper
SessionHelper::$helpers = array
SessionHelper::$__active = true
SessionHelper::$valid = false
SessionHelper::$error = false
SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a"
SessionHelper::$path = "/"
SessionHelper::$lastError = NULL
SessionHelper::$security = "low"
SessionHelper::$time = 1714862753
SessionHelper::$sessionTime = 1714880753
SessionHelper::$cookieLifeTime = false
SessionHelper::$watchKeys = array
SessionHelper::$id = NULL
SessionHelper::$host = NULL
SessionHelper::$timeout = NULL
SessionHelper::$base = "/trace/cms/index.php"
SessionHelper::$webroot = "/trace/cms/app/webroot/"
SessionHelper::$here = "/trace/cms/index.php/"
SessionHelper::$params = array
SessionHelper::$action = "index"
SessionHelper::$data = NULL
SessionHelper::$theme = NULL
SessionHelper::$plugin = NULL
)
$loadHelpers	=	false
$cached	=	true
$loadedHelpers	=	array()
$language	=	"en"
$rootPath	=	"/trace/cms/app/webroot/"
$listMenu	=	array(
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
),
	array(
	"code" => array()
)
)
$content_for_layout	=	"
<link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240505074553" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240505074553" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<!--------------------------------
    Hamburger menu 2019 add
-------------------------------->
<input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/>
<div class="menu-wrap">
        <input type="checkbox" class="toggler">
        <div class="hamburger">
            <div></div>
        </div>
        <div class="menu">
            <div>
                <div>

                    <ul class="accordion">

                        <li>
                            <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p>
                        </li>

                        <li>
                            <p class="mainMenu2"><a href="#####">JOURNEY</a></p>
                            <ul class="accordionInner">
                                
                                
                                
                                
                                
                                

                                                                
                                
                                                                                                </ul>
                        </li>

                        <li>
                            <p class="mainMenu3"><a href="index.php/template/about?tr_code=">ABOUT</a></p>
                        </li>

                        <li>
                            <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=">ORGANIC COTTON</a></p>
                        </li>

                        <li>
                            <p class="mainMenu5"><a href="#####">BACK STORY</a></p>
                            <ul class="accordionInner">
                                <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li>
                                <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li>
                                <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li>
                                <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li>
                                <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li>
                            </ul>
                        </li>

                    </ul>


                </div>
            </div>
        </div>
    </div>
    
    <!-- For Initial Fullpage anchors -->
    <input type="hidden" id="avaiableAnchors" value="top,flow,bottom" /> 
<!--------------------------------
    Hamburger menu 2019 add end
-------------------------------->

<!----------------
        Top
     ---------------->
<div id="fullpage">
    <div class="section" id="section1" data-anchor="top">
        <div class="fp-bg"></div>
        <div class="content">
            <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1>
            <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p>
			<p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p>
            <p class="arrow">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve">
                    <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " />
                </svg>
            </p>
            <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p>
           
        </div>
    </div>

  <!----------------
        Flow
     ---------------->
    
  <!----------------
        Code1 A
     ---------------->
      <!----------------
        Code2 YARN 01
     ---------------->
    

  <!----------------
        Code3 YARN DYEING 02
     ---------------->
     
  <!----------------
        Code4 FABRIC
     ---------------->
    
  <!----------------
        Code5 OTHER PROCESS
     ---------------->
      <!----------------
        Code6 OTHER 01
     ---------------->
        
<!----------------
        Code7 FABRIC DYE
     ---------------->
    
	<!----------------
        Code7 PRELIM2
     ---------------->
     
	<!----------------
        Code7 PRELIM3
     ---------------->
     
	<!----------------
        Code7 PRELIM4
     ---------------->
     
  <!----------------
        bottom
     ---------------->
    <div class="section" id="section13" data-anchor="bottom">
        <div class="fp-bg"></div>
        <div class="bottomcontents">
            <div class="bottomlogo">
                <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" />
            </div>
            <div class="bottomtext1">
                <p>In a gentle way,
                    <br>we can shake the world.</p>
            </div>
            <div class="bottomtext2">
                <p>Journey of Organic Cotton</p>
            </div>
            <div class="bottomtext3">
                <p>Copyright ©PANOCO TRADING CO., LTD.
                    <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext">
                            www.panoco.co.jp</a></p>
            </div>
            <div id="totopdiv">
                <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve">
                    <style type="text/css">
                        .st2 {
                            fill: none;
                            stroke: #000;
                            stroke-miterlimit: 10;
                        }
                    </style>
                    <polyline class="st2" points="1,13 11,1 21,13 " />
                </svg>
            </div>
            <div id="totoptext">Back to Top</div>
        </div>
    </div>



</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240505074553"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 0,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }
    });

  $(document).ready(function() {
    var pageHash = window.location.hash.substr(1);
	var isHistory = false;
    var language = "en";
	//For history back
	if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') {
		isHistory = true;
		var page = localStorage.getItem("page");
		var slide = localStorage.getItem("slide");
		var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == (parseInt(page) + 1)) {
			  $.fn.fullpage.moveTo(countUp, slide);
			  break;
		  }
        }
		localStorage.removeItem("page")
		localStorage.removeItem("slide")
	}

	//For List page
    if(pageHash != "" && isHistory == false) {
      var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]');
      var hashSectionIndex = $( ".section" ).index( pageHashSection );
      if(hashSectionIndex != -1) {
        var countUp = 0;
        while(true) {
          countUp++;
          $.fn.fullpage.moveTo(countUp);
          if(countUp == hashSectionIndex+1) break;
        }
        // $.fn.fullpage.moveTo(hashSectionIndex);
        // $.fn.fullpage.moveTo(hashSectionIndex+1);
        // _currentPageIndex = hashSectionIndex -1 ;
      }

    }


	//For history back
	$("a").on('click', function() {
		if ($(this).text() == "ENTER") {
			setActivePageAndSlide()
		}
	})

	function setActivePageAndSlide() {
		var rawStr = $("body").attr('class');
		var pageAndSlide = rawStr.split("viewing-");
		console.log(rawStr, "test")
		var page = pageAndSlide[1].split("-")[0];
		var slide = pageAndSlide[1].split("-")[1] || '0'
		localStorage.setItem("page", page);
		localStorage.setItem("slide", slide);
	}

    //Disable slider when only have 1 photo
    $.each($(".swiper-container"), function(index, _this) {
        var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length;
        if(totalSlide == 1) {
            $(_this).find(".swiper-wrapper").addClass( "disabled" );
            $(_this).find(".swiper-pagination").addClass( "disabled" );
        }
    })

    //For history back
    
    $("#change_language").on('click', function() {
        console.log(language);
        if(language == 'jp'){
            language = 'en';
            setGetParameter('language','en');
        }
        else{
            language = 'jp'
            setGetParameter('language','jp');
        }

    });
    // $("#language_jp").on('click', function() {
    //     setGetParameter('language','jp');
    // })
    // $("#language_en").on('click', function() {
    //     setGetParameter('language','en');
    // })

    function setGetParameter(paramName, paramValue)
    {
        var url = window.location.href;
        var hash = location.hash;
        url = url.replace(hash, '');
        if (url.indexOf(paramName + "=") >= 0)
        {
            var prefix = url.substring(0, url.indexOf(paramName + "=")); 
            var suffix = url.substring(url.indexOf(paramName + "="));
            suffix = suffix.substring(suffix.indexOf("=") + 1);
            suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : "";
            url = prefix + paramName + "=" + paramValue + suffix;
        }
        else
        {
        if (url.indexOf("?") < 0)
            url += "?" + paramName + "=" + paramValue;
        else
            url += "&" + paramName + "=" + paramValue;
        }
        console.log(url + hash);
        window.location.href = url + hash;
    }


  });
</script>
"
$scripts_for_layout	=	""
$title_for_layout	=	"Template"
$fullPage	=	FullPageHelper
FullPageHelper::$helpers = array
FullPageHelper::$base = "/trace/cms/index.php"
FullPageHelper::$webroot = "/trace/cms/app/webroot/"
FullPageHelper::$theme = NULL
FullPageHelper::$here = "/trace/cms/index.php/"
FullPageHelper::$params = array
FullPageHelper::$action = "index"
FullPageHelper::$plugin = NULL
FullPageHelper::$data = NULL
FullPageHelper::$namedArgs = NULL
FullPageHelper::$argSeparator = NULL
FullPageHelper::$validationErrors = NULL
FullPageHelper::$tags = array
FullPageHelper::$__tainted = NULL
FullPageHelper::$__cleaned = NULL
FullPageHelper::$Html = HtmlHelper object
$image	=	ImageHelper
ImageHelper::$helpers = array
ImageHelper::$base = "/trace/cms/index.php"
ImageHelper::$webroot = "/trace/cms/app/webroot/"
ImageHelper::$theme = NULL
ImageHelper::$here = "/trace/cms/index.php/"
ImageHelper::$params = array
ImageHelper::$action = "index"
ImageHelper::$plugin = NULL
ImageHelper::$data = NULL
ImageHelper::$namedArgs = NULL
ImageHelper::$argSeparator = NULL
ImageHelper::$validationErrors = NULL
ImageHelper::$tags = array
ImageHelper::$__tainted = NULL
ImageHelper::$__cleaned = NULL
ImageHelper::$Html = HtmlHelper object
$form	=	FormHelper
FormHelper::$helpers = array
FormHelper::$fieldset = array
FormHelper::$__options = array
FormHelper::$fields = array
FormHelper::$requestType = NULL
FormHelper::$defaultModel = NULL
FormHelper::$_inputDefaults = array
FormHelper::$base = "/trace/cms/index.php"
FormHelper::$webroot = "/trace/cms/app/webroot/"
FormHelper::$theme = NULL
FormHelper::$here = "/trace/cms/index.php/"
FormHelper::$params = array
FormHelper::$action = "index"
FormHelper::$plugin = NULL
FormHelper::$data = NULL
FormHelper::$namedArgs = NULL
FormHelper::$argSeparator = NULL
FormHelper::$validationErrors = NULL
FormHelper::$tags = array
FormHelper::$__tainted = NULL
FormHelper::$__cleaned = NULL
FormHelper::$Html = HtmlHelper object
$html	=	HtmlHelper
HtmlHelper::$tags = array
HtmlHelper::$_crumbs = array
HtmlHelper::$__includedScripts = array
HtmlHelper::$_scriptBlockOptions = array
HtmlHelper::$__docTypes = array
HtmlHelper::$helpers = NULL
HtmlHelper::$base = "/trace/cms/index.php"
HtmlHelper::$webroot = "/trace/cms/app/webroot/"
HtmlHelper::$theme = NULL
HtmlHelper::$here = "/trace/cms/index.php/"
HtmlHelper::$params = array
HtmlHelper::$action = "index"
HtmlHelper::$plugin = NULL
HtmlHelper::$data = NULL
HtmlHelper::$namedArgs = NULL
HtmlHelper::$argSeparator = NULL
HtmlHelper::$validationErrors = NULL
HtmlHelper::$__tainted = NULL
HtmlHelper::$__cleaned = NULL
$session	=	SessionHelper
SessionHelper::$helpers = array
SessionHelper::$__active = true
SessionHelper::$valid = false
SessionHelper::$error = false
SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a"
SessionHelper::$path = "/"
SessionHelper::$lastError = NULL
SessionHelper::$security = "low"
SessionHelper::$time = 1714862753
SessionHelper::$sessionTime = 1714880753
SessionHelper::$cookieLifeTime = false
SessionHelper::$watchKeys = array
SessionHelper::$id = NULL
SessionHelper::$host = NULL
SessionHelper::$timeout = NULL
SessionHelper::$base = "/trace/cms/index.php"
SessionHelper::$webroot = "/trace/cms/app/webroot/"
SessionHelper::$here = "/trace/cms/index.php/"
SessionHelper::$params = array
SessionHelper::$action = "index"
SessionHelper::$data = NULL
SessionHelper::$theme = NULL
SessionHelper::$plugin = NULL
header - [internal], line ??
include - APP/views/layouts/template3.ctp, line 13
View::_render() - CORE/cake/libs/view/view.php, line 736
View::renderLayout() - CORE/cake/libs/view/view.php, line 494
View::render() - CORE/cake/libs/view/view.php, line 440
Controller::render() - CORE/cake/libs/controller/controller.php, line 909
Dispatcher::_invoke() - CORE/cake/dispatcher.php, line 207
Dispatcher::dispatch() - CORE/cake/dispatcher.php, line 171
require - APP/webroot/index.php, line 86
[main] - CORE/index.php, line 55

JP / EN

Scroll to Flight

In a gentle way,
we can shake the world.

Journey of Organic Cotton

Copyright ©PANOCO TRADING CO., LTD.
www.panoco.co.jp

Back to Top