var stairs = '/';

function depth(f){
	switch(f){
		case 1: stairs='./'; break;
		case 2: stairs='../'; break;
		case 3: stairs='../../'; break;
		default: stairs = '/';
	}
}

function swImg(iName,str){
	document.images[iName].src = str;
	}

function chg(cname){
	document.getElementById(cname).style.color="#ffd600"
}

function rst(cname){
	document.getElementById(cname).style.color="#ff9f00"
}

function rst2(cname){
	document.getElementById(cname).style.color="#ff6600"
}

function Header(n){
	var onImg01='gnavi01_1.jpg';var offImg01='spacer.gif';var onImg02='gnavi02_1.jpg';var offImg02='spacer.gif';var onImg03='gnavi03_1.jpg';var offImg03='spacer.gif';var onImg04='gnavi04_1.jpg';var offImg04='spacer.gif';var onImg05='gnavi05_1.jpg';var offImg05='spacer.gif';var onImg06='gnavi06_1.jpg';var offImg06='spacer.gif'
	switch(n){
		case 1: onImg01='spacer.gif'; offImg01='gnavi01_1.jpg'; break;
		case 2: onImg02='spacer.gif'; offImg02='gnavi02_1.jpg'; break;
		case 3: onImg03='spacer.gif'; offImg03='gnavi03_1.jpg'; break;
		case 4: onImg04='spacer.gif'; offImg04='gnavi04_1.jpg'; break;
		case 5: onImg05='spacer.gif'; offImg05='gnavi05_1.jpg'; break;
		case 6: onImg06='spacer.gif'; offImg06='gnavi06_1.jpg'; break;
	}
	document.write('<div id="header">');
	document.write('<ul class="clearfix">');
	document.write('<li><a href="' + stairs + 'index.php" onMouseOver="swImg(\'gnavi01\',\'' + stairs + 'images/' + onImg01 + '\')" onMouseOut="swImg(\'gnavi01\',\'' + stairs + 'images/' + offImg01 + '\')"><img src="' + stairs + 'images/' + offImg01 + '" width="83" height="42" name="gnavi01" alt="TOP"></a></li>');
	document.write('<li><a href="/news/index.php" onMouseOver="swImg(\'gnavi02\',\'' + stairs + 'images/' + onImg02 + '\')" onMouseOut="swImg(\'gnavi02\',\'' + stairs + 'images/' + offImg02 + '\')"><img src="' + stairs + 'images/' + offImg02 + '" width="88" height="42" name="gnavi02" alt="NEWS"></a></li>');
	document.write('<li><a href="' + stairs + 'products/index.html" onMouseOver="swImg(\'gnavi03\',\'' + stairs + 'images/' + onImg03 + '\')" onMouseOut="swImg(\'gnavi03\',\'' + stairs + 'images/' + offImg03 + '\')"><img src="' + stairs + 'images/' + offImg03 + '" width="119" height="42" name="gnavi03" alt="PRODUCTS"></a></li>');
	document.write('<li><a href="/tackleimprs/index.php" onMouseOver="swImg(\'gnavi04\',\'' + stairs + 'images/' + onImg04 + '\')" onMouseOut="swImg(\'gnavi04\',\'' + stairs + 'images/' + offImg04 + '\')"><img src="' + stairs + 'images/' + offImg04 + '" width="145" height="42" name="gnavi04" alt="TACKLE IMPRESSION"></a></li>');
	document.write('<li><a href="' + stairs + 'fishingarea.html" onMouseOver="swImg(\'gnavi05\',\'' + stairs + 'images/' + onImg05 + '\')" onMouseOut="swImg(\'gnavi05\',\'' + stairs + 'images/' + offImg05 + '\')"><img src="' + stairs + 'images/' + offImg05 + '" width="133" height="42" name="gnavi05" alt="FISHING AREA INFO"></a></li>');
	document.write('<li><a href="' + stairs + 'onlineshop.html" onMouseOver="swImg(\'gnavi06\',\'' + stairs + 'images/' + onImg06 + '\')" onMouseOut="swImg(\'gnavi06\',\'' + stairs + 'images/' + offImg06 + '\')"><img src="' + stairs + 'images/' + offImg06 + '" width="113" height="59" name="gnavi06" alt="ONLINE SHOP"></a></li>');
	document.write('</ul>');
	document.write('</div>');
}

function productslocalnavi(n){
	var onImg01='lnavi01_1.jpg';var offImg01='lnavi01_0.jpg';var onImg02='lnavi02_1.jpg';var offImg02='lnavi02_0.jpg';var onImg03='lnavi03_1.jpg';var offImg03='lnavi03_0.jpg';var onImg04='lnavi04_1.jpg';var offImg04='lnavi04_0.jpg';
	switch(n){
		case 1: onImg01='lnavi01_0.jpg'; offImg01='lnavi01_1.jpg'; break;
		case 2: onImg02='lnavi02_0.jpg'; offImg02='lnavi02_1.jpg'; break;
		case 3: onImg03='lnavi03_0.jpg'; offImg03='lnavi03_1.jpg'; break;
		case 4: onImg04='lnavi04_0.jpg'; offImg04='lnavi04_1.jpg'; break;
	}
	document.write('<div id="localnavi">');
	document.write('<ul class="clearfix">');
	document.write('<li><a href="../rod/index.html" onMouseOver="swImg(\'lnavi01\',\'../../images/products/' + onImg01 + '\')" onMouseOut="swImg(\'lnavi01\',\'../../images/products/' + offImg01 + '\')"><img src="../../images/products/' + offImg01 + '" width="142" height="35" name="lnavi01" alt="ROD"></a></li>');
	document.write('<li><a href="../reel/index.html" onMouseOver="swImg(\'lnavi02\',\'../../images/products/' + onImg02 + '\')" onMouseOut="swImg(\'lnavi02\',\'../../images/products/' + offImg02 + '\')"><img src="../../images/products/' + offImg02 + '" width="144" height="35" name="lnavi02" alt="REEL"></a></li>');
	document.write('<li><a href="../lure/index.html" onMouseOver="swImg(\'lnavi03\',\'../../images/products/' + onImg03 + '\')" onMouseOut="swImg(\'lnavi03\',\'../../images/products/' + offImg03 + '\')"><img src="../../images/products/' + offImg03 + '" width="131" height="35" name="lnavi03" alt="LURE"></a></li>');
	document.write('<li><a href="../accessory/index.html" onMouseOver="swImg(\'lnavi04\',\'../../images/products/' + onImg04 + '\')" onMouseOut="swImg(\'lnavi04\',\'../../images/products/' + offImg04 + '\')"><img src="../../images/products/' + offImg04 + '" width="209" height="35" name="lnavi04" alt="ACCESSORY"></a></li>');
	document.write('</ul>');
	document.write('</div>');
}

function backbutton(n){
	document.write('<div id="backbutton" class="clearfix">');
	switch(n){
		case 0:document.write('<div class="backtopdtidx clearfix"><a href="../index.html"><img src="' + stairs + 'images/products/btn_backtoindex.gif" width="150" height="12" alt="PRODUCTS INDEXに戻る"></a></div>');break;
		case 1:document.write('<div class="backtopdtidx clearfix"><a href="index.html"><img src="' + stairs + 'images/products/rod/btn_backtorodidx.gif" width="109" height="11" alt="ROD INDEXに戻る"></a></div>');break;
		case 2:document.write('<div class="backtopdtidx clearfix"><a href="index.html"><img src="' + stairs + 'images/products/reel/btn_backtoreelidx.gif" width="109" height="11" alt="REEL INDEXに戻る"></a></div>');break;
		case 3:document.write('<div class="backtopdtidx clearfix"><a href="index.html"><img src="' + stairs + 'images/products/lure/btn_backtolureidx.gif" width="115" height="11" alt="LURE INDEXに戻る"></a></div>');break;
		case 4:document.write('<div class="backtopdtidx clearfix"><a href="index.html"><img src="' + stairs + 'images/products/accessory/btn_backtoacesidx.gif" width="148" height="11" alt="ACCESSORY INDEXに戻る"></a></div>');break;
		default:;break;
	}
	document.write('<div class="bellow clearfix">');
	document.write('<div class="backtotop"><a href="' + stairs + 'index.php"><img src="' + stairs + 'images/btn_backtotop.gif" width="106" height="11" alt="TOPページへもどる"></a></div>');
	document.write('<div class="backtohead"><a href="#container"><img src="' + stairs + 'images/btn_backtohead.gif" width="57" height="14" alt="PAGE TOP"></a></div>');
	document.write('</div>');
	document.write('<div style="clear:both"></div>');
	document.write('</div>');
}

function footer(){
	document.write('<div id="footer"><p>Copyright &copy; 2009 GLOBERIDE,Inc. ALL Rights Reserved.</p><div><img src="' + stairs + 'images/spacer.gif" width="10" height="1"></div></div>');
}

/* Smooth scrolling
   Changes links that link to other parts of this page to scroll
   smoothly to those links rather than jump to them directly, which
   can be a little disorienting.
   
   sil, http://www.kryogenix.org/
   
   v1.0 2003-11-11
   v1.1 2005-06-16 wrap it up in an object
*/

var ss = {
  fixAllLinks: function() {
    // Get a list of all links in the page
    var allLinks = document.getElementsByTagName('a');
    // Walk through the list
    for (var i=0;i<allLinks.length;i++) {
      var lnk = allLinks[i];
      if ((lnk.href && lnk.href.indexOf('#') != -1) && 
          ( (lnk.pathname == location.pathname) ||
	    ('/'+lnk.pathname == location.pathname) ) && 
          (lnk.search == location.search)) {
        // If the link is internal to the page (begins in #)
        // then attach the smoothScroll function as an onclick
        // event handler
        ss.addEvent(lnk,'click',ss.smoothScroll);
      }
    }
  },

  smoothScroll: function(e) {
    // This is an event handler; get the clicked on element,
    // in a cross-browser fashion
    if (window.event) {
      target = window.event.srcElement;
    } else if (e) {
      target = e.target;
    } else return;

    // Make sure that the target is an element, not a text node
    // within an element
    if (target.nodeName.toLowerCase() != 'a') {
      target = target.parentNode;
    }
  
    // Paranoia; check this is an A tag
    if (target.nodeName.toLowerCase() != 'a') return;
  
    // Find the <a name> tag corresponding to this href
    // First strip off the hash (first character)
    anchor = target.hash.substr(1);
    // Now loop all A tags until we find one with that name
    var allLinks = document.getElementsByTagName('a');
    var destinationLink = null;
    for (var i=0;i<allLinks.length;i++) {
      var lnk = allLinks[i];
      if (lnk.name && (lnk.name == anchor)) {
        destinationLink = lnk;
        break;
      }
    }
    if (!destinationLink) destinationLink = document.getElementById(anchor);

    // If we didn't find a destination, give up and let the browser do
    // its thing
    if (!destinationLink) return true;
  
    // Find the destination's position
    var destx = destinationLink.offsetLeft; 
    var desty = destinationLink.offsetTop;
    var thisNode = destinationLink;
    while (thisNode.offsetParent && 
          (thisNode.offsetParent != document.body)) {
      thisNode = thisNode.offsetParent;
      destx += thisNode.offsetLeft;
      desty += thisNode.offsetTop;
    }
  
    // Stop any current scrolling
    clearInterval(ss.INTERVAL);
  
    cypos = ss.getCurrentYPos();
  
    ss_stepsize = parseInt((desty-cypos)/ss.STEPS);
    ss.INTERVAL =
setInterval('ss.scrollWindow('+ss_stepsize+','+desty+',"'+anchor+'")',10);
  
    // And stop the actual click happening
    if (window.event) {
      window.event.cancelBubble = true;
      window.event.returnValue = false;
    }
    if (e && e.preventDefault && e.stopPropagation) {
      e.preventDefault();
      e.stopPropagation();
    }
  },

  scrollWindow: function(scramount,dest,anchor) {
    wascypos = ss.getCurrentYPos();
    isAbove = (wascypos < dest);
    window.scrollTo(0,wascypos + scramount);
    iscypos = ss.getCurrentYPos();
    isAboveNow = (iscypos < dest);
    if ((isAbove != isAboveNow) || (wascypos == iscypos)) {
      // if we've just scrolled past the destination, or
      // we haven't moved from the last scroll (i.e., we're at the
      // bottom of the page) then scroll exactly to the link
      window.scrollTo(0,dest);
      // cancel the repeating timer
      clearInterval(ss.INTERVAL);
      // and jump to the link directly so the URL's right
      location.hash = anchor;
    }
  },

  getCurrentYPos: function() {
    if (document.body && document.body.scrollTop)
      return document.body.scrollTop;
    if (document.documentElement && document.documentElement.scrollTop)
      return document.documentElement.scrollTop;
    if (window.pageYOffset)
      return window.pageYOffset;
    return 0;
  },

  addEvent: function(elm, evType, fn, useCapture) {
    // addEvent and removeEvent
    // cross-browser event handling for IE5+,  NS6 and Mozilla
    // By Scott Andrew
    if (elm.addEventListener){
      elm.addEventListener(evType, fn, useCapture);
      return true;
    } else if (elm.attachEvent){
      var r = elm.attachEvent("on"+evType, fn);
      return r;
    } else {
      alert("Handler could not be removed");
    }
  } 
}

ss.STEPS = 25;

ss.addEvent(window,"load",ss.fixAllLinks);