// JavaScript Document
function toggle(n){
	var off = new Array(4);
		off[0] = "http://www.charlize.jp/catalog/images/btn_square.jpg";
		off[1] = "http://www.charlize.jp/catalog/images/btn_sircle.jpg";
		off[2] = "http://www.charlize.jp/catalog/images/btn_cross.jpg";
		off[3] = "http://www.charlize.jp/catalog/images/btn_other.jpg";
	var on = new Array(4);
		on[0] = "http://www.charlize.jp/catalog/images/btn_squareon.jpg";
		on[1] = "http://www.charlize.jp/catalog/images/btn_sircleon.jpg";
		on[2] = "http://www.charlize.jp/catalog/images/btn_crosson.jpg";
		on[3] = "http://www.charlize.jp/catalog/images/btn_otheron.jpg";
	for(i=0;i<4;i++){
		document.getElementById("frame_btn_"+i).src = off[i];
	}
	document.getElementById("frame_btn_"+n).src = on[n];
}
function toggle2(n){
	var off = new Array(4);
		off[0] = "http://www.charlize.jp/catalog/images/tab_square.gif";
		off[1] = "http://www.charlize.jp/catalog/images/tab_sircle.gif";
		off[2] = "http://www.charlize.jp/catalog/images/tab_cross.gif";
		off[3] = "http://www.charlize.jp/catalog/images/tab_other.gif";
	var on = new Array(4);
		on[0] = "http://www.charlize.jp/catalog/images/tab_squareon.gif";
		on[1] = "http://www.charlize.jp/catalog/images/tab_sircleon.gif";
		on[2] = "http://www.charlize.jp/catalog/images/tab_crosson.gif";
		on[3] = "http://www.charlize.jp/catalog/images/tab_otheron.gif";
	for(i=0;i<4;i++){
		document.getElementById("frame_btn_"+i).src = off[i];
	}
	document.getElementById("frame_btn_"+n).src = on[n];
}

/**/
var currenttab = "off";
function toggle3(n){
	var off = new Array(7);
	var on = new Array(7);
	for(i=0;i<7;i++){//category_tab_0
		off[i] = "http://www.charlize.jp/catalog/images/category_tab_0" +i+ ".gif"
		on[i] = "http://www.charlize.jp/catalog/images/category_tab_0" +i+ "on.gif"
		document.getElementById("frame_tab_"+i).src = off[i];
	}
	if(currenttab==n){
		document.getElementById("frame_tab_"+n).src = off[n];
		$("#detail").removeClass("down");
		$("#detail").addClass("up");
		currenttab = "off";
	}else{
		document.getElementById("frame_tab_"+n).src = on[n];
		$("#detail").removeClass("up");
		$("#detail").addClass("down");
		currenttab = n;
	}
}


function imageswap(i){
	document.getElementById("mainimage").src = i;
}