//BEIM SEITEN NEULADEN
//window.onload	=	init;

//THUMBLISTE
var Container 	= document.getElementById("ExtraSelector");	
var Thumbs 		= Container.getElementsByTagName("div");

//GROSSBILDLISTE
var Buehne 		= document.getElementById("ExtraContainer");	
var Bilder 		= Buehne.getElementsByTagName("div");

//GROSSBILDER VERSTECKEN
for(var i=0; i<Bilder.length; i++)
{
    Thumbs[i].className = "no";
	Bilder[i].className = "hide";
}

//ERSTES BILD ZEIGEN
Thumbs[0].className = "act";
Bilder[0].className = "show";

function extraBox()
{
	for(var i=0; i<Thumbs.length; i++)
    {
        Thumbs[i].count = i;
		
		Thumbs[i].onclick	=	function()
		{
			//swap(this.id.replace(/sel/, ""));
			swap(this.count);
		};
    }
}

//BILDER SWAPPEN
function swap(num)
{
	Bilder[num].className = "show";
	
	for(var i=0; i<Bilder.length; i++)
	{
	    if(i != num) Bilder[i].className = "hide";
	}
	
	
	Thumbs[num].className = "act";
	
	for(var i=0; i<Thumbs.length; i++)
	{
	    if(i != num) Thumbs[i].className = "no";
	}
}

extraBox();