// JavaScript Document
var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;

if (isIE) {
	var oStyles = document.styleSheets[document.styleSheets.length - 1];
	oStyles.addRule('#main #theme #themeNavi', 'display: none', oStyles.rules.length);
} else {
	appendCSSRules('#main #theme #themeNavi {display: none}');
}

function init_page() {
	var oThemes = document.getElementById('themeNavi');
	if (oThemes != null) {
		var oThemeDivs = oThemes.getElementsByTagName('DIV');
		var bFirstTheme = true;
		var bFirstDesc = true;
		for (var i = 0; i < oThemeDivs.length; i++) {
			if (oThemeDivs[i].className == 'themeDesc') {
				if (!bFirstDesc) {
					oThemeDivs[i].style.display = 'none';
				}
				
				bFirstDesc = false;
			} else if (oThemeDivs[i].className == 'themeItem') {
				var oThemeItem = oThemeDivs[i].getElementsByTagName('IMG')[0];
				
				if (bFirstTheme) {
					new Effect.Opacity(oThemeItem.id, {duration:0.0, to:0.5})
				}
				
				oThemeItem.onmouseover = function() {};
				oThemeItem.onmouseout = function() {};
				
				oThemeDivs[i].onmouseover = function() {show_desc(this)};
				
				bFirstTheme = false;
			}
		}
		
		oThemes.style.height = '0px';
		window.setTimeout("wipeDown('themeNavi')", 300);
	}
}

function wipeDown(sObjectId) {
	var oThemes = document.getElementById(sObjectId);
	oThemes.style.display = 'block';
	new Effect.Morph(sObjectId, {style:'height:215px', duration:0.5});
	new Effect.Morph(sObjectId, {style:'width:490px', duration:0.5, delay:0.5});
}

function show_desc(oTheme) {
	var oThemeDivs = document.getElementById('themeNavi').getElementsByTagName('DIV');
	
	for (var i = 0; i < oThemeDivs.length; i++) {
		if (oThemeDivs[i].className == 'themeItem') {
			var oDesc = oThemeDivs[i].getElementsByTagName('DIV')[0];
			var oThemeItem = oThemeDivs[i].getElementsByTagName('IMG')[0];
			
			if (oThemeDivs[i] != oTheme) {
				dehighlight_element(oThemeItem.id);
				oDesc.style.display = 'none';
			} else {
				highlight_element(oThemeItem.id);
				oDesc.style.display = 'block';
			}
		}
	}
}


function appendCSSRules(sRules, oTarget) {
	var oStyle=null, oStyleSheet=null;
	
	if (document.createElement && document.getElementsByTagName) {
		if (typeof(oTarget) == 'number') {
			if (oTarget <= -1) {
				oTarget = document.getElementsByTagName("style").length + Math.ceil(oTarget);
			}
			oTarget = Math.max(0 , Math.min(document.getElementsByTagName("style").length - 1, Math.floor(oTarget)));
		}
		
		if (typeof(oTarget) == 'undefined' || typeof(oTarget) == 'string' || !document.getElementsByTagName('style')[oTarget]) {
			if (document.createStyleSheet) {
				oStyleSheet = document.createStyleSheet();
				oStyle = oStyleSheet.owningElement || oStyleSheet.ownerNode;
			} else {
				oStyle = document.createElement('style');
				document.getElementsByTagName('HEAD')[0].appendChild(oStyle);
			}
			
			oStyle.setAttribute('type', 'text/css');
			
			if (oTarget) {
				oStyle.setAttribute('media', oTarget);
			}
		} else if (typeof(oTarget) == 'number') {
			oStyle = document.getElementsByTagName('style')[oTarget];
			oStyleSheet = oStyle.sheet || oStyle.styleSheet;
		}
		
		if (oStyle && sRules) {
			if (oStyle.firstChild) {
				oStyle.firstChild.nodeValue = oStyle.firstChild.nodeValue.replace('<!--', '');
			}
			if (oStyle.lastChild) {
				oStyle.lastChild.nodeValue = oStyle.lastChild.nodeValue.replace('-->', '');
			}
			oStyle.appendChild(document.createTextNode(sRules + "\n"));
		}
	}
	
	return oStyle;
}


function highlight_element(sElementId) {
	var oQueue = Effect.Queues.get(sElementId);
	oQueue.each(function(e) {e.cancel()});
	
	new Effect.Opacity(sElementId, {duration:0.1, to:0.5, queue:{scope:sElementId}})
}

function dehighlight_element(sElementId) {
	var oQueue = Effect.Queues.get(sElementId);
	oQueue.each(function(e) {e.cancel()});
	
	new Effect.Opacity(sElementId, {duration:0.6, to:1.0, queue:{scope:sElementId}})
}