var themeContainerVisibility_0 = false;
var themeContainerVisibility_1 = false;
var themeContainerVisibility_2 = false;
var themeContainerVisibility_3 = false;
var themeContainerVisibility_4 = false;
var themeContainerVisibility_5 = false;
var themeContainerVisibility_6 = false;

var selectedThemeTab;
		
function moveAccordian(obj){
	var id = obj.id;	
	var themeName = id.substring(0, id.length-2)
	var themeNumber = id.substring(id.length-1)
	
	if(themeName == "googleThemeHeader" && selectedThemeTab != id){
		selectedThemeTab = id;
		new Effect.BlindRight('googleThemeContainer_' + themeNumber, {queue: 'parallel', duration: 0.3});
		new Effect.BlindLeft('yahooThemeContainer_' + themeNumber, {queue: 'parallel', duration: 0.3});
		new Effect.BlindLeft('htmlThemeContainer_' + themeNumber, {queue: 'parallel', duration: 0.3});
	} else if(themeName == "yahooThemeHeader" && selectedThemeTab != id){
		selectedThemeTab = id;
		new Effect.BlindLeft('googleThemeContainer_' + themeNumber, {queue: 'parallel', duration: 0.3});
		new Effect.BlindRight('yahooThemeContainer_' + themeNumber, {queue: 'parallel', duration: 0.3});
		new Effect.BlindLeft('htmlThemeContainer_' + themeNumber, {queue: 'parallel', duration: 0.3});
	} else if(themeName == "htmlThemeHeader" && selectedThemeTab != id){
		selectedThemeTab = id;
		new Effect.BlindLeft('googleThemeContainer_' + themeNumber, {queue: 'parallel', duration: 0.3});
		new Effect.BlindLeft('yahooThemeContainer_' + themeNumber, {queue: 'parallel', duration: 0.3});
		new Effect.BlindRight('htmlThemeContainer_' + themeNumber, {queue: 'parallel', duration: 0.3});
	}
}

function showHideThemeContainer(containerNumber){
	var tempContainerVisibility = eval('themeContainerVisibility_' + containerNumber);

	if(tempContainerVisibility){
		/* Hide Container */
		new Effect.BlindUp('themeContainer_' + containerNumber, {queue: 'first', duration: 0.3});
		var tempImage = eval('moreThemeImage_' + containerNumber);
	  $(tempImage).src = "images/more.gif";
		
		switch(containerNumber){
			case 0:
				themeContainerVisibility_0 = false;
				break;
			case 1:
				themeContainerVisibility_1 = false;
				break;
			case 2:
				themeContainerVisibility_2 = false;
				break;
			case 3:
				themeContainerVisibility_3 = false;
				break;
			case 4:
				themeContainerVisibility_4 = false;
				break;
			case 5:
				themeContainerVisibility_5 = false;
				break;
			case 6:
				themeContainerVisibility_6 = false;
				break;

		}
		
	} else {
		/* Show Container */
		new Effect.BlindDown('themeContainer_' + containerNumber, {queue: 'first', duration: 0.3});
		var tempImage = eval('moreThemeImage_' + containerNumber);
	  $(tempImage).src = "images/hide.gif";
		
		switch(containerNumber){
			case 0:
				themeContainerVisibility_0 = true;
				break;
			case 1:
				themeContainerVisibility_1 = true;
				break;
			case 2:
				themeContainerVisibility_2 = true;
				break;
			case 3:
				themeContainerVisibility_3 = true;
				break;
			case 4:
				themeContainerVisibility_4 = true;
				break;
			case 5:
				themeContainerVisibility_5 = true;
				break;
			case 6:
				themeContainerVisibility_6 = true;
				break;
		}	
	}
}


window.onload=function(){
	for(i=0; i<=6; i++){
		new Effect.BlindUp('themeContainer_' + i, {queue: 'first', duration: 0});
	}
}

