var supersleight = false; // To-Do: remove this, only for anything that's not IE 6

var Navigation = {
	initialize: function()
	{
		var tabs = $$('#navigation ul li');
		var links = $$('#navigation ul li a')
		var URL = location.href;
		var URI = URL.split('index.html');
		var current = URI[3];
		tabs.each( function(tab,index){
			var ref = links[index].href.split('index.html');
			var r = ref[3];
			if( r == current ){
				tab.addClassName('selected');
			}
		});
	}
}


var Display = {
	container: null,
	selector: null,
	rotate: null,
	random: null,
	data: null,
	initialize: function()
	{
		var items = $$(this.selector);
		this.data = items;
		var anchorlink = '';
		items.each( function(item,index){
			anchorlink = item.id;
			item.id = 'item_' + index;
			item.style.display = 'none';
			var a = document.createElement('a');
			a.href = '/instructors/#' + anchorlink;
			a.className = 'readmore';
			a.innerHTML = 'Read More';
			item.appendChild(a);
		});
		if( this.random == true ){
			$('item_'+Math.floor(Math.random()*(this.data.length))).style.display = 'block';
		}
		$(this.container).addClassName('show');
	}
}

var RotateImage = {
	current: null,
	speed: 4,
	rotate: null,
	data: [],
	container: null,
	selector: null,
	initialize: function()
	{
		RotateImage.getImages();
	},
	getImages: function()
	{
		var images = $$(this.selector);
		var alink = $(this.container).href;
		$(this.container).href = 'javascript:;';
		RotateImage.data = images;
		images.each( function(i){ i.remove(); } );
		RotateImage.data.each( function(image,index){
			var imageContainer = document.createElement('div');
			imageContainer.onclick = function(){ location.href = alink; }
			imageContainer.id = 'image_' + index;
			imageContainer.className = 'item';
			imageContainer.style.display = ( index!= 0 ? 'none' : 'block' );
			var tempImage = new Image();
			tempImage.src = image.src;
			imageContainer.appendChild(tempImage);
			$(RotateImage.container).appendChild(imageContainer);
		});
		$(RotateImage.container).style.display = 'block';
		RotateImage.next();
	},
	next: function()
	{
		if( RotateImage.current == null )
		{
			RotateImage.current = 0;
		}else	if( RotateImage.current >= (RotateImage.data.length-1) ){
			new Effect.Fade('image_'+RotateImage.current);
			RotateImage.current = null;
		}else{
			new Effect.Fade('image_'+RotateImage.current);
			new Effect.Appear('image_'+(RotateImage.current+1));
		}
		++RotateImage.current;
		RotateImage.autoRotate();
	},
	autoRotate: function()
	{
		setTimeout('RotateImage.next()',RotateImage.speed*1000);
	}
}

var Tabs = {
	selector: null,
	current: null,
	initialize: function()
	{
		var tabs = $$(Tabs.selector + ' .tabs li');
		var links = $$(Tabs.selector + ' .tabs li a');
		var items = $$(Tabs.selector + ' .item');
		tabs.each(function(tab,index){ 
			tab.id = 'tab_' + index;
			links[index].href = 'javascript:Tabs.change('+index+');';
		});
		items.each(function(item,index){
			item.id = 'item_' + index;
			if( index != 0 )
			{
				item.style.display = 'none';
			}
		});
		Tabs.change(0);
	},
	change: function(num)
	{
		if( Tabs.current != num )
		{
			$('tab_'+num).addClassName('selected');
			$('item_'+num).style.display = 'block';
			if( Tabs.current != null )
			{
				$('tab_'+Tabs.current).removeClassName('selected');
				$('item_'+Tabs.current).style.display = 'none';
			}
			Tabs.current = num;
		}
	}
}

var Table = {
	selector: null,
	container: null,
	data: [],
	initialize: function()
	{
		Table.data = $$(Table.selector);
		Table.setRowAlt();
	},
	setRowAlt: function()
	{
		Table.data.each(function(item,index){
			if( index%2==i )
			{
				item.removeClassName('rowodd');
				item.addClassName('roweven');
			}else{
				item.removeClassName('roweven');
				item.addClassName('rowodd');
			}
		});
	}
}

var Instructors = {
	list: [],
	data: [],
	selector: '.instructors .item',
	container: 'instructors_list',
	initialize: function()
	{
		
		this.setInst();
		
	},
	
	setInst: function()
	{
		if( Instructors.list.length > 0 )
		{
			Instructors.data = $$(Instructors.selector);
			Instructors.data.each( function(item,index){ 
				Instructors.list.each( function(d){ 													
					if( d == item.id)
					{
						item.style.display = 'block';
					} 
				});
			});
		}else{
			$(Instructors.container).innerHTML = '<div class="instructor-tba">TBA</div>';
		}
		
	}
	
}

Event.observe(window, 'load', 	
	function() { 
			Navigation.initialize(); 	
			if( supersleight != false ) supersleight.run();
		} 
);