var ANCHASH = new Array('plastic01', 'plastic02');



tabCls = function(){
	var hash = location.hash;
	hash = hash.substring(1,hash.length);
	var tabs = document.getElementById('tab').getElementsByTagName('img');
	var pages = [document.getElementById('tabpla01'),document.getElementById('tabpla02')];
	var num = 0;
	for(i=0; i<ANCHASH.length; i++){
		if(hash === ANCHASH[i]){
			num = i;
		}
	}
	for(i=0; i<tabs.length; i++) {
		if(i !== num){
			pages[i].style.display = 'none';
		}else{
			pages[i].style.display = 'block';
			tabs[i].src = tabs[i].src.replace(/(\.gif|\.jpg|\.png)/, "_on" + "$1");
		}
		tabs[i].onclick = this.showpage(i, tabs, pages);
	}
};

tabCls.prototype = {
	showpage : function(num, tabs, pages){
		elm = this;
		return function(){
			var tablen = tabs.length;
			var pagelen = pages.length;
			if(pages[num].style.display == 'block') return false;
			for(var i = 0; i < tablen; i++){
				var element = tabs[i];
				if(i == num){
					element.src = element.src.replace(/(\.gif|\.jpg|\.png)/, "_on" + "$1");
					pages[i].style.display = 'block';
				}else{
					element.src = element.src.replace("_on"+'.','.');
					pages[i].style.display = 'none';
				}
			}
			return false;
		}
	}
};

Event.observe(window, 'load', function(){
	new tabCls();
}, false);