﻿ 
var morphnummers = [];

window.addEvent('domready', function(){
        //maak titles actief
        
        var morphdivs = $$('div.morphdiv');
			morphdivs.each(function(morphdiv){morphdiv.addClass('morph_hidden');morphdiv.removeClass('morph_visible')}); 

        var morphtitles = $$('li.morphtitle');
			morphtitles.each(function(morphtitle)
							{	
								
                            	morphtitle.addEvent('mouseover', function(){
																			morphtitle.addClass('morphtitlehover');
//																			morphtitle.setStyle('color','white');
                                                                    	   });	
                            	morphtitle.addEvent('mouseout', function(){
																			morphtitle.removeClass('morphtitlehover');
                                                                    	   });	
                            	morphtitle.addEvent('click', function(el){
													morphtitles.each(function(morphtitle2){

																				morphtitle2.addClass('morphtitle_off');
																				morphtitle2.removeClass('morphtitle_on');
																				});
															
								
											   		morphnummers.each(function(morphnummer)
												   								{
																					if ($('morphdiv'+morphnummer)) 
																					{
												   									$('morphdiv'+morphnummer).removeClass('morph_visible');
												   									$('morphdiv'+morphnummer).setStyle('visibility','hidden');
												   									$('morphdiv'+morphnummer).setStyle('display','none');
												   									}
											   								});
											   								
                                                                        var Reggy	=/morphtitle(\d+)/;
                                                                        Reggy.lastIndex=0; // important! resets the string pointer to be searched at, as this stays the same in while and if loops. https://bugzilla.mozilla.org/show_bug.cgi?id=296610
                                                                        var matches = Reggy.exec(morphtitle.id);
                                                                        morph_id='morphdiv'+matches[1];
                                                                        var morph_title_now='morphtitle'+matches[1];
//alert(morph_id);
											   									$(morph_id).setStyle('visibility','visible');
											   									$(morph_id).setStyle('display','block');
//alert(morph_title_now);
																			$(morph_title_now).removeClass('morphtitle_off');
																			$(morph_title_now).addClass('morphtitle_on');		
																		
                                                                    	   });	
								
							}); 
            


});


