var classes = new Array('straight', 'bi', 'gay');
var divs = new Array();
var menu_set = false;
var links = new Array();

function getElementsByClass(class_name)
{ 	
	var all_tags = document.getElementsByTagName("*"); 
	var result = new Array();
	for(var i = 0; i < all_tags.length; i++)
	{ 
		if(all_tags[i].className == class_name)
		{ 
			result.push(all_tags[i]);
		}//if found
	}//for i 
	return result;
}//getElementsByClass

function setupMenu()
{
	for(var c = 0; c < classes.length; c++)
	{
		divs[classes[c]] = getElementsByClass(classes[c]);
	}//for c
	links = getElementsByClass('menu_link');
	menu_set = true;
}//setupMenu

function switchView(type)
{
	if(menu_set == false)setupMenu();
	selectLink(type);
	if(type == 'all')
	{		
		showAll();
	}//if all
	else
	{
		hideAll();		
		showClass(type);
	}//else
}//switchView

function selectLink(id)
{
	for(var key in links)
	{
		var object = links[key].style;
		if(links[key].id != id)
		{			
//		    object.opacity = 100;
//		    object.MozOpacity = 100;
//		    object.KhtmlOpacity = 100;
//		    object.filter = "alpha(opacity=" + 100 + ")";
//		    object.visibility = 'visible';
                    links[key].className='menu_link';
		}//if show
		else 
		{
//		    object.opacity = 0;
//		    object.MozOpacity = 0;
//		    object.KhtmlOpacity = 0;
//		    object.filter = "alpha(opacity=" + 0 + ")";
//		    object.visibility = 'hidden';
		    links[key].className='menu_link active';
		}//else hide
	}//for c_name in divs	
}//selectLink

function showAll()
{
	for(var c_name in divs)
	{
		for(var d = 0; d < divs[c_name].length; d++)
		{
			divs[c_name][d].style['display'] = 'block';
		}//for d
	}//for c_name in divs
}//showAll

function hideAll()
{
	for(var c_name in divs)
	{
		for(var d = 0; d < divs[c_name].length; d++)
		{
			divs[c_name][d].style['display'] = 'none';
		}//for d
	}//for c_name in divs
}//hideAll

function showClass(c_name)
{
	for(var d = 0; d < divs[c_name].length; d++)
	{
		divs[c_name][d].style['display'] = 'block';
	}//for d
}//showClass

function changeBg(id,value){
 document.getElementById(id).style.background='#'+value;
}