//Default opacity of transHover elements
var startOpacity = 0.7;

window.addEvent('domready', function(){
	new Asset.image('../includes/images/btn_extras_over.gif');
	new Asset.image('../includes/images/btn_home_over.gif');
	new Asset.image('../includes/images/btn_purple_over.gif');
	new Asset.image('../includes/images/btn_red_over.gif');
	
	//This goes through any element with class "transHover" in it
	//and makes it semi-transparent with a full transparent mouse-over effect.
	$$('.transHover')
		.setStyle('opacity', window.startOpacity)
		.addEvents({
			'mouseenter': function(e){
				var target = $(e.target);
				if(!target.hasClass('transHover')) target = target.getParent('.transHover');
				if(!target) return;
				target.morph({'opacity': 1});
			},
			'mouseleave': function(e){
				var target = $(e.target);
				if(!target.hasClass('transHover')) target = target.getParent('.transHover');
				if(!target) return;
				target.morph({'opacity': window.startOpacity});
			}
		});
	
	//This adds the hover effects to the topnav menu
	$$('#topnav li a').addEvents({
		'mouseenter': function(e){
			var target = $(e.target);
			if(!target.get('tag') == 'a') target = target.getParent('a');
			if(!target) return;
			if(target.getParent('li').hasClass('active')) return;
			target.morph({'color': '#ffaeb2'});

		},
		'mouseleave': function(e){
			var target = $(e.target);
			if(!target.get('tag') == 'a') target = target.getParent('a');
			if(!target) return;
			if(target.getParent('li').hasClass('active')) return;
			target.morph({'color': '#fff'});
		}
	});
	

	//This adds the hover effects to the top_subnav menu
	$$('#top_subnav li a').addEvents({
		'mouseenter': function(e){
			var target = $(e.target);
			if(!target.get('tag') == 'a') target = target.getParent('a');
			if(!target) return;
			if(target.getParent('li').hasClass('active')) return;
			target.morph({'color': '#ffaeb2'});

		},
		'mouseleave': function(e){
			var target = $(e.target);
			if(!target.get('tag') == 'a') target = target.getParent('a');
			if(!target) return;
			if(target.getParent('li').hasClass('active')) return;
			target.morph({'color': '#e4c9e0'});

		}
	});

	//This deals with the mouse over effects and dropdowns
	//for the left navigation
	var leftNav = $$('.leftnav');
	if(leftNav.length == 1){
		leftNav = leftNav[0];
		leftNav.getElement('ul').getChildren('li').each(function(li){
			li.getElements('a').addEvents({	
				'mouseenter': function(e){
					var target = $(e.target);
					if(!target.get('tag') == 'a') target = target.getParent('a');
					if(!target || target.hasClass('current')) return;
					if(target.getParent('li').hasClass('active')) return;
					target.morph({'color': '#ffaeb2'});
				},
				'mouseleave': function(e){
					var target = $(e.target);
					if(!target.get('tag') == 'a') target = target.getParent('a');
					if(!target || target.hasClass('current')) return;
					if(target.getParent('li').hasClass('active')) return;
					target.morph({'color': '#e4c9e0'});
				}
			});
			if(li.getElement('ul')){
				var expandThis = false;
				var pageID = 0;

        //added by emberke on 2009-May-09 3am
        if (li.className=="active") {
					expandThis = true;
				}
				if(!Browser.Engine.trident)
					li.getElements('li').each(function(li2){
						new Element('img', {'width': 6, 'height': 7, 'style': 'z-index=2', 'src': 'http://www.islamswomen.com/includes/images/menu_sub_arrow.png'}).inject(li2, 'top');
					});
				li.store('height', li.getElement('ul').getCoordinates().height + 25);
				li.getElement('div').setStyles({'display': 'none', 'opacity': 0, 'height': 0});
				li.getElement('div').set('morph', {
					'onStart': function(e){
						if(e.getStyle('opacity') == 0) e.setStyle('display', 'block');
					},
					'onComplete': function(e){
						if(e.getStyle('opacity') == 0) e.setStyle('display', 'none');
					}
				});
				li.getElement('a').addEvent('click', function(e){
					var expanded = li.retrieve('expanded', false);
					if(!expanded){
						li.morph({'height': li.retrieve('height')});
						li.getElement('div').morph({'opacity': 1, 'height': li.retrieve('height') - 25});											  
						li.getElement('div').getElements('a').morph({'color': '#e4c9e0'});
						if(!Browser.Engine.trident)li.getElement('div').getElements('img').setStyle('display', 'block');
					}else{
						li.morph({'height': 25});
						li.getElement('div').morph({'opacity': 0, 'height': 0});										  
						li.getElement('div').getElements('a').morph({'color': '#000'});
						if(!Browser.Engine.trident)li.getElement('div').getElements('img').setStyle('display', 'none');
					}
					li.store('expanded', !expanded);
					return false;
				});
				if(expandThis) {
					li.getElement('a').fireEvent('click', {});
					var links = li.getElement('ul').getElements('a');
					links.each(function(link){
					});
				}
			}
		});
	}
});