/*******************************************************************************
*      
*  Web Site  :  http://www.glassfactory.co.jp/
*  Author    :  cyclops.co.,ltd. 
*  Modified  :  2009.9.7
*
*******************************************************************************/

/* General
*******************************************************************************/
var W3CDOM = (document.createElement && document.getElementsByTagName);
var mouseOvers = new Array();
var mouseOuts = new Array();
var bigimgs = new Array();

window.onload = function(){
		if(document.getElementById("eyewear-list")){
			mouseoverInit('list-condition','input');
		}
		if(document.getElementById("eyewear-detail")){
			viewerInit();
		}
		
		if(document.getElementById("mail-magazine")){
			mouseoverInit('registration','input');
		}
		
		if(document.getElementById("present")){
			mouseoverInit('registration','input');
		}
		
		if(document.getElementById("inquiry")){
			mouseoverInit('registration','input');
		}
		if(document.getElementById("online-shop") ){
			mouseoverInit('content','input');
		}
		if(document.getElementById("online-shop-detail") ){
			viewerInit();
			mouseoverInit('content','input');
		}
		if(document.getElementById("register") ){
			mouseoverInit('content','input');
		}
		/* add target _blank*/
		externalLinks();
		
		initialize();
};

function initialize(){}

/* externalLinks
*******************************************************************************/
function externalLinks() {
  if (!document.getElementsByTagName) return;
  var anchors = document.getElementsByTagName("a");
  for (var i=0; i<anchors.length; i++) {
    var anchor = anchors[i];
    if (anchor.getAttribute("href") &&
        anchor.getAttribute("rel") == "external")
      anchor.target = "_blank";
    }
}

/* mailto
*******************************************************************************/
function mail(tgt,sub,body1,body2){
	if(tgt == 'eyewear'){
		var s="hk_]pekj*dnab9{i]ehpk6auasa]n<ch]oob]_pknu*_k*fl{",r="",t="";
		for(i=0;i<s.length;i++){
			if(i==s.length-1){
				t = "?subject=" + sub + "&body=" + body1 + "%0D%0A%0D%0A" + body2;
			}
			r+=t+String.fromCharCode((s.charCodeAt(i)-29)%93+33);
		}
	}
	if(tgt == 'info'){
		var s="Z]QObW]\\yV`ST+m[OWZb](W\\T].UZOaaTOQb]`gyQ]yX^m",r="";
		for(i=0;i<s.length;i++)r+=String.fromCharCode((s.charCodeAt(i)-15)%93+33);
	}
	eval(r);
}

/* open new window
*******************************************************************************/
function display(url,w,h) {
	mediumWin = window.open(url, 'display','resizable=1,scrollbars=1,status=1,toolbar=0,width=' + w + ',height=' + h);
     	mediumWin.focus(); 
}

/* eyeBook
*******************************************************************************/
function eyebook(vol) {
	eyebookWin = window.open(vol+'/index.html', 'eyebook','resizable=1,scrollbars=0,status=0,toolbar=0,width=800,height=600');
     	eyebookWin.focus(); 
}

/* Image Viewer
*******************************************************************************/

function viewerInit(){
	if (!W3CDOM) return;
	var tgt = document.getElementById('thumbnail');
	var lias = tgt.getElementsByTagName('img');
	if(!tgt)return;
	var thumbnail_folder = 'thumb/';
	for (var i=0;i<lias.length;i++)
	{
		lias[i].onclick = loadImage;
		var suffix = lias[i].src.substring(lias[i].src.lastIndexOf(thumbnail_folder)+ thumbnail_folder.length);
		bigimgs[i] = new Image();
		bigimgs[i].src = lias[i].src.substring(0,lias[i].src.lastIndexOf(thumbnail_folder)) + suffix;
		lias[i].number = i;
	}
}

function loadImage(){
	document.getElementById('view-frame').src = bigimgs[this.number].src;
	
}

/* image mouse roll over
*******************************************************************************/
function mouseoverInit(targetID,targetTAG){
	if (!W3CDOM) return;
	var nav = document.getElementById(targetID);
	var imgs = nav.getElementsByTagName(targetTAG);
	if(!imgs)return;
	for (var i=0;i<imgs.length;i++)
	{
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		if(suffix){
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		mouseOuts[i] = new Image();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "-over" + suffix;
		imgs[i].number = i;
		}
	}
}

function mouseGoesOver()
{
	this.src = mouseOvers[this.number].src;
}

function mouseGoesOut()
{
	this.src = mouseOuts[this.number].src;
}

/* page Scroll To Top
*******************************************************************************/
var scrj = 1;
function toPageTop() {
	if(navigator.appName == "Microsoft Internet Explorer" && document.compatMode == "CSS1Compat")
		var scdist = document.body.parentNode.scrollTop;
	else
		var scdist = document.body.scrollTop;
	if(scrj<50 && scdist) {
		scdist = (scdist>2) ? Math.ceil(scdist*.2) : 1;
		scrj++;
		scrollBy(0,-scdist);
		setTimeout("toPageTop()",20);
	} else {
		scrollTo(0,0);
		scrj = 1;
	}
}


/* changeLocation(online-shop-detail)
* uses : <select onChange="changeLocation(this)">
*******************************************************************************/
function changeLocation(menuObj){
	var i = menuObj.selectedIndex;
	window.location = menuObj.options[i].value;
}


/* changeColor(online-shop list)
* uses : <select onChange="changeColor(this)">
*******************************************************************************/
	function changeColor(menuObj){ 
	var i = menuObj.selectedIndex;
	var parms = menuObj.options[i].value.split(',');
	var col = parms[0];
	var colimg = parms[1];
	
	//thumbnail
	var unitSpan = menuObj.parentNode.parentNode.parentNode.parentNode.parentNode;
	var thumbnail = unitSpan.getElementsByTagName("img");
	thumbnail[0].src = colimg;
	
	//detail link
	var anchors = unitSpan.getElementsByTagName("a");
		for (var i=0; i<anchors.length; i++) {
		var anchor = anchors[i];
		var URI = anchor.getAttribute("href");
		var pURI = getPlaneURI( URI );
		var Query = getQuerystr( URI );
		var Qarr = retrieveGETqs( Query );
		for(var pram in Qarr){
			if( pram == "color"){
				Qarr[pram] = col;
			}
		}
		var FixedQuery = arrToQuery( Qarr );
		var fixURI = pURI + FixedQuery;
		anchor.setAttribute( "href" , fixURI )
	}
}

/* URL to Query String
*******************************************************************************/
function getQuerystr( URI ){
	var point = URI.lastIndexOf("?");
	if( point >= -1 ){
		var query = URI.substr( point+1 );
		return query;
	}else{
		return false;
	}
}

/* URL to Plane URL
*******************************************************************************/
function getPlaneURI( URI ){
	var point = URI.lastIndexOf("?");
	if( point >= -1 ){
		var pURI = URI.substr( 0 , point );
		return pURI;
	}else{
		return pURI;
	}
}

/* Query to Array
*******************************************************************************/
function retrieveGETqs( query ) {
	var qsParm = new Array();
	var parms = query.split('&');
	for (var i=0; i<parms.length; i++) {
		var pos = parms[i].indexOf('=');
		if (pos > 0) {
			var key = parms[i].substring(0,pos);
			var val = parms[i].substring(pos+1);
			qsParm[key] = val;
		}
	}
	return qsParm;
}

/* Array to Query
*******************************************************************************/
function arrToQuery( arr ) {
	var out = "?";
	for( var pram in arr ){
		out +=pram + "=" + arr[pram] + "&";
	}
	return out;
}