var lib = {};
lib.d = YAHOO.util.Dom;
lib.e = YAHOO.util.Event;
lib.ce = YAHOO.util.CustomEvent;
lib.a = YAHOO.util.Anim;
// photoviewer base object
YAHOO.namespace("YAHOO.photoViewer");

YAHOO.photoViewer.tabView = function(){
	var properties = {};
	var control = null;
	var tabs = null;
	var views = null;
	
	this.init = function(id){
		id = properties.id;
		control = lib.d.get(id);
		tabs = lib.d.getChildren(lib.d.getElementsByClassName("yui-nav", "ul", control)[0]);
		views = lib.d.getChildren(lib.d.getElementsByClassName("yui-content", "div", control)[0]);
		setEvents();
	};
	// private
	function setEvents(){
		for (var a = 0; a < tabs.length; a++){
			lib.e.on(tabs[a], "click", openView, tabs[a], true);
		}
	};
	function openView(){
		var index = getTabIndex(this);
		setTab(index);	
		setView(index);
	};
	function setTab(index){
		for (var a = 0; a < tabs.length; a++){
			lib.d.removeClass(tabs[a], "selected");
		}
		lib.d.addClass(tabs[index], "selected");
	};
	function setView(index){
		for (var a = 0; a < views.length; a++){
			lib.d.addClass(views[a], "remove");
		}
		lib.d.removeClass(views[index], "remove");
	};
	function getTabIndex(tab){
		for (var a = 0; a < tabs.length; a++){
			if (tabs[a] === tab){
				return a;
			}
		}
	};
};
YAHOO.photoViewer.tabs = function(){
	var tab = null;
	var public = {
		init: function(){
			tab = new YAHOO.photoViewer.tabView();
			tab.init("demo");
		}
	};
	return public;
}();
lib.e.onDOMReady(YAHOO.photoViewer.tabs.init, YAHOO.photoViewer.tabs, YAHOO.photoViewer.tabs);