/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this script and the associated (x)html
is available at http://www.stunicholls.com/various/tabbed_pages.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* ================================================================ 
 function rsSelectReplace(sel)
{
	//à âäðóã ìû íà îñëå :)
	var ie6 = (navigator.userAgent.search('MSIE 6.0') != -1);

	var ul = document.createElement('ul');
	//ñïèñîê çàìåíÿþùèé select, ñâåðíóòûé, íå â ôîêóñå
	ul.className = 'srList srCollapsed srBlur';
	
	//ñâÿçü ìåæäó ul è select
	ul.srSelect = sel;
	sel.srReplacement = ul;
	
	//óñòàíàâëèâàåì äëÿ ýëåìåíòà select
	//êëàññ ïîêàçûâàþùèé, ÷òî îí çàìåùåí
	sel.className += ' srReplacedSelect';

	//ìåíÿåì êëàññ ýëåìåíòà ul
	//ïðè ïîëó÷åíèè è ïîòåðå ôîêóñà
	//ýëåìåíòîì select
	sel.onfocus = function() { this.srReplacement.className = this.srReplacement.className.replace(/[\s]?srBlur/, ' srFocus'); }

	sel.onblur = function() {
		//this.srReplacement.srCollapse();
		this.srReplacement.className = this.srReplacement.className.replace(/[\s]?srFocus/, ' srBlur');
	}
	
	//êàæäûé áðàóçåð áîëååò ïî ñâîåìó
	//ïîýòîìó îáðàáàòûâàåì è onchange è onkeypress
	sel.onchange = function()
	{
		var ul = this.srReplacement;
		ul.srSelectLi(ul.childNodes[this.selectedIndex]);
	}
	
	sel.onkeypress = function(e)
	{
		var i = this.selectedIndex;
		var ul = this.srReplacement;
		switch (e.keyCode) {
			case 9:
				this.srReplacement.srCollapse();
			break;

			case 37: // âëåâî
			case 38: // ââåðõ
				if (i - 1 >= 0)
					ul.srSelectLi(ul.childNodes[i - 1]);
			break;

			case 40: // âíèç
				if(e.altKey)
				{
					//ul.srExpand();
					//break;
				}
			case 39: // âïðàâî

				if (i + 1 < ul.childNodes.length)
					ul.srSelectLi(ul.childNodes[i + 1]);
			break;

			case 33: // Page Up
			case 36: // Home
				ul.srSelectLi(ul.firstChild);
			break;

			case 34: // Page Down
			case 35: // End
				ul.srSelectLi(ul.lastChild);
			break;
		}
	}

	//ìåíÿåì êëàññ ýëåìåíòà ul
	//ïðè íàâåäåíèè íà íåãî ìûøêè
	ul.onmouseover = function() { this.className += ' srHoverUl'; }

	ul.onmouseout = function() { this.className = this.className.replace(/[\s]?srHoverUl/, ''); }

	ul.srSelectLi = function(li)
	{
		var ul = li.parentNode;

		//åñëè óæå åñòü âûáðàííûé ýëåìåíò
		//òî íàçíà÷àåì ñíèìàåì âûäåëåíèå
		if(ul.srSelectesIndex != null)
			ul.childNodes[ul.srSelectesIndex].className = '';

		//çàïîìèíàåì èíäåêñ âûáðàííîãî ýëåìåíòà
		ul.srSelectesIndex = li.srIndex;

		//óñòàíàâëèâàåì äëÿ âûáðàííîãî ýëåìåíòà
		//êëàññ srSelectedLi
		ul.childNodes[li.srIndex].className = 'srSelectedLi';
		return li.srIndex;
	}

	ul.srExpand = function()
	{
		if(!this.srExpanded)
		{
			if(document.srExpandedList)
				document.srExpandedList.srCollapse();

			document.srExpandedList = this;

			//ðàçâîðà÷èâàåì ñïèñîê
			this.className  = this.className.replace(/[\s]?srCollapsed/, ' srExpanded');
			this.srExpanded = true;
			
			//ïðè ðàñêðûòèè ýëåìåíòà ïåðåäàåì ôîêóñ
			//ñîîòâåòñòâóþùåìó select
			this.srSelect.focus();

			//äëÿ îñîáî îäàðåííîãî áðàóçåðà
			//ðàçâîðà÷èâàåì ñïèñîê îñîáåííûì ñïîñîáîì
			if(ie6) 
			{
				var node = this.firstChild;
				var offset = 0;
				var height = node.clientHeight;
				while(node)
				{
					node.style.position = 'absolute';
					node.style.top = offset;
					offset += height; 
					node = node.nextSibling;
				}
			}
		}
	}

	ul.srCollapse = function(li)
	{	
		if(this.srExpanded)
		{
			document.srExpandedList = null;

			//âûáèðàåì ýëåìåíò ñïèñêà íà êîòîðûé êëèêíóë ïîëüçîâàòåëü
			//è óñòàíàâëèâàåì ñîîòâåòñâóþùèé èíäåêñ âûáðàííîãî ýëåìåíòà
			//äëÿ ñïðÿòàííîãî ýëåìåíòà select
			if(li)
				this.srSelect.selectedIndex = this.srSelectLi(li);
			
			//ïðè êëèêå íà ýëåìåíòû ñïèñêà
			//ñîîòâåòñòâóþùèé ñïðÿòàííûé select
			//òåðÿåò ôîêóñ íóæíî âåðíóòü íà ìåñòî
			this.srSelect.focus();

			//ñâîðà÷èâàåì ñïèñîê
			this.className = this.className.replace(/[\s]?srExpanded/, ' srCollapsed');
			this.srExpanded = false;

			//äëÿ îñîáî îäàðåííîãî áðàóçåðà
			//ñâîðà÷èâàì ñïèñîê îñîáåííûì ñïîñîáîì
			if(ie6)
			{
				var node = this.firstChild;
				while(node)
				{
					node.style.position = '';
					node = node.nextSibling;
				}
			}
		}
	}


	var options = sel.options;
	var len = options.length;

	for(var i = 0; i < len; i++)
	{
		//äëÿ êàæäîãî ýëåìåíòà option
		//ñîçäàåì ñîîòâåòñòâóùèé li
	    var li = document.createElement('li');
		li.appendChild(document.createTextNode(options[i].text));

		//â êàæäîì ýëåìåíòå ñïèñêà
		//õðàíèì èíäåêñ ñîîòâåòñòâóþùåãî
		//ýëåìåíòà option
		li.srIndex = i;

		//ïñåâäî êëàññ hover â IE ðàáîòàåò òîëüêî äëÿ ññûëîê
		//ïîýòîìó áóäåì ìåíÿòü êëàññ ïðè íàâåäåíèè ìûøêè
		li.onmouseover = function() { this.className += ' srHoverLi'; }

		li.onmouseout = function() { this.className = this.className.replace(/[\s]?srHoverLi/, ''); }

		ul.appendChild(li);
	}
	
	//åñëè ïî óìîë÷àíèþ íå âûáðàí íèêàêîé ýëåìåíò
	//âûáèðàåì ïåðâûé
	if(sel.selectedIndex == null)
		sel.selectedIndex = 0;

	//óñòàíàâëèâàåì ýëåìåíò âûáðàííûé ïî óìîë÷àíèþ
	ul.srSelectLi(ul.childNodes[sel.selectedIndex]);

	//âñòàâëÿåì ñîçäàííûé ñïèñîê
	//ïåðåä çàìåíÿåìûì select
	sel.parentNode.insertBefore(ul, sel);
}

function srAddEvent(obj, type, fn)
{ 
	// ôóíêöèÿ äîáàâëÿåò îáðàáîò÷èê ñîáûòèÿ
	if (obj.addEventListener)
		obj.addEventListener(type, fn, false);
	else if (obj.attachEvent)
		obj.attachEvent( "on"+type, fn );
}

function srOnDocumentClick(e)
{
	var target = (window.event) ? window.event.srcElement : e.target;

	if(document.srExpandedList)
	{
		//ïðèíàäëåæèò ëè ñîîòâåòñòâóþùèé li ñïèñêó çàìåíèòåëþ select
		if((target.srIndex || target.srIndex === 0)
			//ïðèíàäëåæèò ëè íàø li îòêðûòîìó â äàííûé ìîìåíò ñïèñêó
			&& document.srExpandedList == target.parentNode	)
			document.srExpandedList.srCollapse(target);
		else
			document.srExpandedList.srCollapse();
	}
	else
	{
		if(target.srIndex || target.srIndex === 0)
			target.parentNode.srExpand();
	}
}


function srReplaceSelects()
{
	//çàìåíÿåì âñå ýëåìåíòû select
	var s = document.getElementsByTagName('select');
	var len = s.length
	for (var i = 0; i < len; i++)
		rsSelectReplace(s[i]);

	srAddEvent(document, 'click', srOnDocumentClick);
}

//ïðè ðåàëüíîì ïðèìåíåíèå æåëàòåëüíî
//âûçûâàòü ýòó ôóíêöèþ ñðàçó
//ïîñëå çàãðóçêè DOM âî ìíîãèõ ôðåéìâîðêàõ
//åñòü òàêàÿ âîçìîæíîñòü, íàïðèìåð, â jQuery
//ýòî ìîæíî ñäåëàòü òàê:
//$(document).ready(rsReplaceSelects);
srAddEvent(window, 'load', srReplaceSelects);


//äëÿ äåìîíñòðàöèè
function ShowSelectedValues()
{
	var s = document.getElementsByTagName('select');
	var len = s.length
	var message = '';
	for (var i = 0; i < len; i++)
		message += s[i].id + ': '
		+ s[i].options[s[i].selectedIndex].innerHTML + '\r\n';

	alert(message);
	return false;
}

=================================================================== */

onload = function() {
	var e, i = 0;
	while (e = document.getElementById('gallery').getElementsByTagName ('DIV') [i++]) {
		if (e.className == 'on' || e.className == 'off') {
		e.onclick = function () {
			var getEls = document.getElementsByTagName('DIV');
				for (var z=0; z<getEls.length; z++) {
				getEls[z].className=getEls[z].className.replace('show', 'hide');
				getEls[z].className=getEls[z].className.replace('on', 'off');
				}
			this.className = 'on';
			var max = this.getAttribute('title');
			document.getElementById(max).className = "show";
			}
				
		}
	}
}