// book clubs tabs

function initBrowse() {

	var leftTab = document.getElementById('leftTab');
	
	var rightTab = document.getElementById('rightTab');

				rightTab.onclick = function () {
					if(this.className == "hiddenTab"){
						this.className = "";
						leftTab.className = "hiddenTab";
						
						var ltabId = leftTab.getAttribute('tab');
						var ltab = document.getElementById(ltabId);
						ltab.className = "tabHidden";
						
						var tabId = this.getAttribute('tab');
						var tab = document.getElementById(tabId);
						tab.className = "tabShow";
					}
					return false;
				}
				
				leftTab.onclick = function () {
					if(this.className == "hiddenTab"){
						this.className = "";
						rightTab.className = "hiddenTab";
						
						var rtabId = rightTab.getAttribute('tab');
						var rtab = document.getElementById(rtabId);
						rtab.className = "tabHidden";
						
						var tabId = this.getAttribute('tab');
						var tab = document.getElementById(tabId);
						tab.className = "tabShow";
					}
					return false;
				}

}

function initTicTacToe () {
	
	var TicTac = document.getElementById('featuredBookClubs');
	if (!TicTac) return
	var images = TicTac.getElementsByTagName('img');
	
	for(i = 0; i < images.length; i++) {
		
				var newSrc = images[i].src.substring(0, images[i].src.lastIndexOf('.'));

				newSrc += "_roll.png";
	
				images[i].newSrc = newSrc;
	
				images[i].origSrc = images[i].src;

				images[i].onmouseover = function() {
					this.src = this.newSrc;
				}
	
				images[i].onmouseout = function() {
					this.src = this.origSrc;
				}	
			
	}
	
}

function initNav () {
	
	var TicTac = document.getElementById('bcNav');
	
	if (TicTac) {
	
	    var images = TicTac.getElementsByTagName('img');
    	
	    for(i = 0; i < images.length; i++) {
    		
				    var newSrc = images[i].src.substring(0, images[i].src.lastIndexOf('.'));

				    newSrc += "_down.jpg";
    	
				    images[i].newSrc = newSrc;
    	
				    images[i].origSrc = images[i].src;

				    images[i].onmouseover = function() {
					    this.src = this.newSrc;
				    }
    	
				    images[i].onmouseout = function() {
					    this.src = this.origSrc;
				    }	
    			
	    }
	}
	
}

addEventSimple(window,"load",initBrowse);
addEventSimple(window,"load",initTicTacToe);
addEventSimple(window,"load",initNav);