// JavaScript Document

function logIn(){
	var URL
	URL = 'https://www.twotop.co.jp/login/';
	
	location.href = URL;
}

function logOut(){
	var URL
	URL = 'https://www.twotop.co.jp/logout/';

	location.href = URL;
}

function scrollToAnchor(hash){
	document.location.hash = hash;
}

function changeImage(img,name){
    document[name].src= img;
}

function tabSelect(strTabId, strLayerId, idSelected){
	var objSelected = document.getElementById(idSelected);
	var objTab = document.getElementById('tab_view_option');
	
	var objTabBtn = objTab.getElementsByTagName('li');
	
	for(i=0;i<objTabBtn.length;i++){
		objTabBtn[i].className = 'item_off';
	}
	
	objSelected.className = 'item_on';
	
	//document.getElementById('tab_cat').style.display = 'none';
	document.getElementById('tab_spec').style.display = 'none';
	document.getElementById('tab_maker').style.display = 'none';
	document.getElementById('tab_price').style.display = 'none';
	
	document.getElementById(strLayerId).style.display = 'block';
}

function specSelect(selectedId){	
	objSelected = document.getElementById(selectedId);
		
	if(objSelected.className=='on'){
		objSelected.className='off';
	}else{
		objSelected.className='on';
	}
}

function displayCountSelect(){
	var objForm = document.getElementById('sel_display_count');
	var displayCount = objForm.value;
	var strPath = location.href;
	var pathInfo;
	var queryStr;
			
	var myArr = strPath.split('?');
			
	if(myArr.length == 2){
		pathInfo = myArr[0];
		queryStr = myArr[1];
		
		if(queryStr.match(/[~=]*=[~=]*/)){
			queryStr = queryStr.replace(/~?&*/,'');									
			queryStr = queryStr.replace(/dc=[-_.!~*\'()a-zA-Z0-9;\/?:\@=+\$,%#]*&?/,'');
			queryStr = queryStr.replace(/page=[-_.!~*\'()a-zA-Z0-9;\/?:\@=+\$,%#]*&?/,'');
			
			if(!queryStr.match(/&$/)&&queryStr.length > 0){
				queryStr = queryStr + '&'
			}
		}else{
			queryStr = ''
		}
	}else{
		pathInfo = strPath
		queryStr = ''
	}
		
	var URL = pathInfo + '?' + queryStr + 'dc=' + displayCount
								 
	location.href = URL;
}

function sortSelect(){
	var objForm = document.getElementById('sel_sort');
	var nSort = objForm.value;
	var strPath = location.href;
	var pathInfo
	var queryStr
			
	var myArr = strPath.split('?');
			
	if(myArr.length == 2){
		pathInfo = myArr[0];
		queryStr = myArr[1];
		
		if(queryStr.match(/[~=]*=[~=]*/)){
			queryStr = queryStr.replace(/~?&*/,'');	
			queryStr = queryStr.replace(/page=[-_.!~*\'()a-zA-Z0-9;\/?:\@=+\$,%#]*&?/,'');
			queryStr = queryStr.replace(/sn=[-_.!~*\'()a-zA-Z0-9;\/?:\@=+\$,%#]*&?/,'');
			queryStr = queryStr.replace(/od=[-_.!~*\'()a-zA-Z0-9;\/?:\@=+\$,%#]*&?/,'');
			
			if(!queryStr.match(/&$/)&&queryStr.length > 0){
				queryStr = queryStr + '&'
			}
		}else{
			queryStr = ''
		}
	}else{
		pathInfo = strPath
		queryStr = ''
	}
		
	var URL = pathInfo + '?' + queryStr + 'sn=' + nSort
								 
	location.href = URL;
}

function orderSelect(){
	var objRadioCol = document.getElementsByName('order');
	var objRadio
		for(i=0;i<objRadioCol.length;i++){
			objRadio = objRadioCol[i];
			if(objRadio.checked==true){
				var nOrder = objRadio.value	
			}
		}
	var strPath = location.href;
	var pathInfo
	var queryStr
			
	var myArr = strPath.split('?');
			
	if(myArr.length == 2){
		pathInfo = myArr[0];
		queryStr = myArr[1];
		
		if(queryStr.match(/[~=]*=[~=]*/)){
			queryStr = queryStr.replace(/~?&*/,'');
			queryStr = queryStr.replace(/page=[-_.!~*\'()a-zA-Z0-9;\/?:\@=+\$,%#]*&?/,'');
			queryStr = queryStr.replace(/od=[-_.!~*\'()a-zA-Z0-9;\/?:\@=+\$,%#]*&?/,'');
			
			if(!queryStr.match(/&$/)&&queryStr.length > 0){
				queryStr = queryStr + '&'
			}
		}else{
			queryStr = ''
		}
	}else{
		pathInfo = strPath
		queryStr = ''
	}
		
	var URL = pathInfo + '?' + queryStr + 'od=' + nOrder
								 
	location.href = URL;
}