/*--setup--*/
function tabset() {
tab.setup = {
   tabs: document.getElementById('formTab').getElementsByTagName('li'),
   parent: document.getElementById('commentWrap'),
   pages: [
      document.getElementById('commentForm'),
      document.getElementById('imageForm'),
      document.getElementById('movieForm')
   ],
   prev: 0
}
tab.init();
}

try {
  window.addEventListener('load', tabset, false);
} catch( e ) {
  window.attachEvent('onload', tabset);
}
/*--setup end--*/
  
var tab = {
   init: function() {
      var tabs = this.setup.tabs;
      var parent = this.setup.parent;
      var pages = this.setup.pages;
  
      for(var i=0; i<pages.length; i++) {
         if(i != 0) {
            var tmp = pages[i].cloneNode(true);
            parent.removeChild(pages[i]);
            pages[i] = tmp;
         }
         tabs[i].onclick = function(){ tab.showpage(this); return false; };
      }
	tabs[0].innerHTML = '<img src= "/img_detail/detail/message_active_tab.gif" width = "40" height = "152" alt = "">';
   },
  
   showpage: function( obj ) {
      var tabs = this.setup.tabs;
      var parent = this.setup.parent;
      var pages = this.setup.pages;
      var prev = this.setup.prev;
	var anchorNames = new Array('commentForm', 'imageForm', 'movieForm');
	var imageNames = new Array('message', 'image', 'movie');
	for(var i=0; i<tabs.length; i++) {
		tabs[i].onclick = function(){
			tab.showpage(this); return false;
		};
		tabs[i].innerHTML = '<a href="#'+anchorNames[i]+'"><img src= "/img_detail/detail/'+imageNames[i]+'_tab.gif" width = "40" height = "152" alt = ""></a>';
	}
      for(var num=0; num<tabs.length; num++) {
	         if(tabs[num] === obj) {
			 tabs[num].innerHTML = '<img src= "/img_detail/detail/'+imageNames[num]+'_active_tab.gif" width = "40" height = "152" alt = "">';
			 tabs[num].onclick = null;
			 break;
			}
		}
		tabs[prev].className = null;
		tabs[num].className = 'selected';
		var tmp = pages[prev].cloneNode(true);
		parent.removeChild(pages[prev]);
		parent.appendChild(pages[num]);
		pages[prev] = tmp;
		this.setup.prev = num;
		switch (pages[num].id) {
			case 'movieForm':
				imgChange('movie_form');
				break;
			case 'imageForm':
				imgChange('image_form');
				break;
		}
	}
};