Event.observe(window, 'load', initAccord, false);
var current = 'content_p0';
var imagee = null;


function initAccord(){
	
	$('img_p0').removeClassName('arrowLeft');
	$('img_p0').addClassName('arrowDown');
	
	for (var i = 1; i < 20; i++) {
		if ($('content_p' + i))
			Element.hide('content_p' + i);
			changeArrow($('content_p'+i),$('img_p'+i));
	};
}

function changeArrow(eleme,imge)
{
	if(!eleme)
		return;
	
	if(eleme.style.display == "none")
	{
		if (!imge.hasClassName('arrowLeft')) {
			imge.addClassName('arrowLeft');
			if(imge.hasClassName('arrowDown'))
				imge.removeClassName('arrowDown');
		}	
	}else
	{
		if (!imge.hasClassName('arrowDown')) {
			imge.addClassName('arrowDown');
			if(imge.hasClassName('arrowLeft'))
				imge.removeClassName('arrowLeft');
		}	
	}
}

function arrowDown(imge)
{
	if (!imge.hasClassName('arrowDown')) {
			if(imge.hasClassName('arrowLeft'))
				imge.removeClassName('arrowLeft');
			imge.addClassName('arrowDown');			
		}	
}

function arrowLeft(imge)
{
	if(imge == null)
		var imge = $('img_p0');
	
	if (!imge.hasClassName('arrowLeft')) {
			if(imge.hasClassName('arrowDown'))
				imge.removeClassName('arrowDown');
			imge.addClassName('arrowLeft');			
		}	
}


function toggleArrow(element,season,check)
{
	return;
	element = $(element);
	check = $(check);
	element.style.backgroundPosition = "right";
	element.style.backgroundRepeat = "no-repeat";
	if (check.style.display == "none") {		
		element.style.backgroundImage = "url(/design/" + season + "/down.gif)";		
	}
	else {		
		element.style.backgroundImage = "url(/design/" + season + "/left.gif)";
	}
		
}

function Accordion(elem,season)
{

	
	var id = elem.id;
	var content = 'content_'+id;

	
	if(current != null && current != content)
		ToggleElem(current,imagee,season);
			
	
	
	current = content;	
	imagee = "img_"+id;
	imagee = $(imagee);
	
	if ($(content).style.display == "none") {
		arrowDown(imagee);
		Effect.BlindDown(content, {
			duration: 0.5
		});
	}
	else {
		if (content != current) {
			arrowLeft(imagee);
			Effect.BlindUp(content, {
				duration: 0.5
			});
		}
	}

		
}

function ToggleElem(id2,imagee,season)
{
	
	if ($(id2).style.display != "none") {
		Effect.BlindUp(id2, {
			duration: 0.5
		});
		arrowLeft(imagee);
	}
}