/*** This is the menu creation code - place it right after you body tag Feel free to add this to a stand-alone js file and link it to your page. ===================================================================================================== Note1: menu2_cm4.js has six one-line menu blocks Note2: Menu must be saved from iec to iec (i.e. not to root) ===================================================================================================== Last Updated: 1 January 2007 - removed gallery details, leaving the gallery center link in place only Last Updated: 26 January 2006 ===================================================================================================== **/ //Menu object creation oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname //Menu properties oCMenu.pxBetween=0 //Using the cm_page object to place the menu ---- oCMenu.fromLeft=0 oCMenu.fromTop=0 oCMenu.rows=1 oCMenu.menuPlacement=0 oCMenu.offlineRoot="" oCMenu.onlineRoot="" oCMenu.resizeCheck=1 oCMenu.wait=500 oCMenu.fillImg="http://www.iconsexplained.com/iec/pics/_blank.gif" oCMenu.zIndex=0 //Background bar properties oCMenu.useBar=0 //Level properties - ALL properties have to be specified in level 0 oCMenu.level[0]=new cm_makeLevel() //Add this for each new level oCMenu.level[0].width="95" oCMenu.level[0].height=18 oCMenu.level[0].regClass="clLevel0" oCMenu.level[0].overClass="clLevel0over" oCMenu.level[0].borderX=1 oCMenu.level[0].borderY=1 oCMenu.level[0].borderClass="clLevel0border" oCMenu.level[0].offsetX=0 oCMenu.level[0].offsetY=0 oCMenu.level[0].rows=0 oCMenu.level[0].arrow=0 oCMenu.level[0].arrowWidth=0 oCMenu.level[0].arrowHeight=0 oCMenu.level[0].align="bottom" //EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[1].width=155 oCMenu.level[1].height=18 oCMenu.level[1].regClass="clLevel1" oCMenu.level[1].overClass="clLevel1over" oCMenu.level[1].borderX=1 oCMenu.level[1].borderY=1 oCMenu.level[1].align="right" //oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+75 //oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+76 oCMenu.level[1].offsetX=0 oCMenu.level[1].offsetY=3 oCMenu.level[1].borderClass="clLevel1border" //EXAMPLE SUB LEVEL[2] PROPERTIES - You have to specify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[2].width=120 oCMenu.level[2].height=18 oCMenu.level[2].offsetX=0 oCMenu.level[2].offsetY=3 oCMenu.level[2].align="right" oCMenu.level[2].regClass="clLevel2" oCMenu.level[2].overClass="clLevel2over" oCMenu.level[2].borderClass="clLevel2border" //EXAMPLE SUB LEVEL[3] PROPERTIES - You have to specify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this oCMenu.level[3]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[3].width=110 oCMenu.level[3].height=18 oCMenu.level[3].offsetX=-249 oCMenu.level[3].offsetY=3 oCMenu.level[3].align="right" oCMenu.level[3].regClass="clLevel3" oCMenu.level[3].overClass="clLevel3over" oCMenu.level[3].borderClass="clLevel2border" //EXAMPLE SUB LEVEL[4] PROPERTIES - You have to specify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this oCMenu.level[4]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[4].width=135 oCMenu.level[4].height=18 oCMenu.level[4].align="right" //oCMenu.level[4].align="left" //oCMenu.level[4].offsetX=(oCMenu.level[4].width-2)/2+76 oCMenu.level[4].offsetX=-313 oCMenu.level[4].offsetY=3 oCMenu.level[4].regClass="clLevel4" oCMenu.level[4].overClass="clLevel4over" oCMenu.level[4].borderClass="clLevel2border" //EXAMPLE SUB LEVEL[5] PROPERTIES - You have to specify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this oCMenu.level[5]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[5].width=175 oCMenu.level[5].height=18 oCMenu.level[5].align="right" //oCMenu.level[5].align="left" //oCMenu.level[5].offsetX=(oCMenu.level[5].width-2)/2+76 oCMenu.level[5].offsetX=0 oCMenu.level[5].offsetY=0 oCMenu.level[5].regClass="clLevel4" oCMenu.level[5].overClass="clLevel4over" oCMenu.level[5].borderClass="clLevel2border" /****************************************** Menu item creation: myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) *************************************/ /****************************************** 1. IconsExplained.com Intro Pages *************************************/ oCMenu.makeMenu('top0','','      Intro Pages','') // oCMenu.makeMenu('sub00','top0','Welcome Page','http://www.iconsexplained.com/', 'target="-1"') // oCMenu.makeMenu('sub00','top0','Welcome Page','http://www.iconsexplained.com/', 'target="window-1"') // oCMenu.makeMenu('sub00','top0','Welcome Page','http://www.iconsexplained.com/', 'target=window-1') // oCMenu.makeMenu('sub00','top0','Welcome Page','http://www.iconsexplained.com', 'window-1') oCMenu.makeMenu('sub00','top0','Welcome Page','http://www.iconsexplained.com/') oCMenu.makeMenu('sub001','sub00',' (French) Bienvenue','http://www.iconsexplained.com/bienvenue.htm') oCMenu.makeMenu('sub002','sub00',' (Dutch) Welkom','http://www.iconsexplained.com/welkom.htm') oCMenu.makeMenu('sub01','top0','HomePage','http://www.iconsexplained.com/homepage.htm') oCMenu.makeMenu('sub011','sub01',' Sitemap-TreeMenu','http://www.iconsexplained.com/homepage.htm#sitemap_english') oCMenu.makeMenu('sub012','sub01',' Homepage (Français)','http://www.iconsexplained.com/iec/index_french.htm') oCMenu.makeMenu('sub02','top0','Summary','http://www.iconsexplained.com/iec/iec_summary.htm') // oCMenu.makeMenu('sub03','top0','What are Byzantine Icons?','http://www.iconsexplained.com/iec/byz_about_byzantine_icons.htm') oCMenu.makeMenu('sub03','top0','What are Byzantine Icons?','http://www.iconsexplained.com/iec/byz_about_byzantine_icons.htm') oCMenu.makeMenu('sub031','sub03',' Dogma of Chalcedon','http://www.iconsexplained.com/iec/byz_about_icons_christ.htm') oCMenu.makeMenu('sub04','top0','Essential Feature of Icons','http://www.iconsexplained.com/iec/iec_idb2g_intro.htm') oCMenu.makeMenu('sub05','top0','Veneration of the Holy Virgin','http://www.iconsexplained.com/iec/iec_citation_serge_boulgakov.htm') oCMenu.makeMenu('sub051','sub05','Akathist Hymn (E,F)','http://www.iconsexplained.com/iec/iec_acathist_hymn.htm') oCMenu.makeMenu('sub06','top0','Understanding Icons','http://www.iconsexplained.com/iec/iec_idb5s.htm#understanding_icons') /****************************************** 2. Medieval Icons *************************************/ oCMenu.makeMenu('top1','','    Medieval Icons','') oCMenu.makeMenu('sub10','top1','Medieval Icons - Introduction','http://www.iconsexplained.com/iec/iec_idb2g_intro.htm') oCMenu.makeMenu('sub11','top1','Medieval icons (Links Page)','http://www.iconsexplained.com/iec/iec_idb2g.htm') oCMenu.makeMenu('sub110','sub11','Frescoes & Mosaics','http://www.iconsexplained.com/iec/iec_idb2g.htm#mosaics') oCMenu.makeMenu('sub111','sub11','Icons - Coptic Church','http://www.iconsexplained.com/iec/iec_idb2g.htm#coptic_icons') oCMenu.makeMenu('sub12','top1','Ancient Icons for Sale','http://www.iconsexplained.com/iec/iec_icons_for_sale.htm') oCMenu.makeMenu('sub13','top1','Exhibitions & Collections','http://www.iconsexplained.com/iec/iec_exhibit&collect.htm') oCMenu.makeMenu('sub14','top1','Websites-Index','http://www.iconsexplained.com/iec/iec_idb1w.htm') oCMenu.makeMenu('sub15','top1','Byzantine Art & Icon Tours','http://www.iconsexplained.com/iec/iec_byz_art_and_icon_tours.htm') oCMenu.makeMenu('sub150','sub15','Russian Icon Tour 2006','http://www.iconsexplained.com/iec/03000_rit_russian_icon_tour.htm') /****************************************** 3. Contemporary Icons *************************************/ oCMenu.makeMenu('top2','','   Contemp. Icons','','') oCMenu.makeMenu('sub20','top2','Introduction','http://www.IconsExplained.com/iec/iec_idb4c_intro.htm') oCMenu.makeMenu('sub201','sub20','A Selection of Icons','http://www.iconsexplained.com/iec/iec_idb4c_intro.htm#selection') oCMenu.makeMenu('sub21','top2','Index-Imagebase Entry Page','http://www.IconsExplained.com/iec/iec_idb4c.htm') oCMenu.makeMenu('sub22','top2','Special Features','http://www.iconsexplained.com/iec/iec_idb4c_special_features.htm') oCMenu.makeMenu('sub220','sub22','Vladimir Grigorenko','http://www.iconsexplained.com/iec/iec_iconostasis_st_seraphim_vladimir_grigorenko.htm') oCMenu.makeMenu('sub221','sub22','Olga Kirichenko','http://www.iconsexplained.com/iec/iec_icon_virgin_of_the_sign_olga_kirichenko.htm') /****************************************** 4. Byzantine Icons by Subject *************************************/ oCMenu.makeMenu('top3','','  Icons by Subject','') oCMenu.makeMenu('sub30','top3','Start of Page','http://www.iconsexplained.com/iec/iec_idb5s.htm') oCMenu.makeMenu('sub31','top3','Icon Gallery Center','http://www.iconsexplained.com/iec/iec_idb5s.htm#galleries') // oCMenu.makeMenu('sub31','top3','Icon Gallery Center','http://www.iconsexplained.com/iec/iec_idb5s.htm#galleries') // oCMenu.makeMenu('sub310','sub31','Christ Pantokrator','http://www.iconsexplained.com/iec/iec_idb5s_gal1_fm.htm') // oCMenu.makeMenu('sub311','sub31','The Mother of God','http://www.iconsexplained.com/iec/iec_idb5s_gal2_fm.htm') // oCMenu.makeMenu('sub312','sub31','Festal Icons','http://www.iconsexplained.com/iec/iec_idb5s_gal3_fm.htm') // oCMenu.makeMenu('sub313','sub31','Angels','http://www.iconsexplained.com/iec/iec_idb5s_gal4_fm.htm') // oCMenu.makeMenu('sub314','sub31','Saints','http://www.iconsexplained.com/iec/iec_idb5s_gal5_fm.htm') // oCMenu.makeMenu('sub315','sub31','Special Icons','http://www.iconsexplained.com/iec/iec_idb5s_gal6_fm.htm') // oCMenu.makeMenu('sub316','sub31','Scrolling Galleries','http://www.iconsexplained.com/iec/iec_xls_fm.htm') // oCMenu.makeMenu('sub317','sub31','Scrolling Galleries','http://www.iconsexplained.com/iec/iec_idb1_zxls_medieval.htm') // oCMenu.makeMenu('sub318','sub31','Icon-Gallery-Index','http://www.iconsexplained.com/iec/iec_idb1_images_fm.htm') oCMenu.makeMenu('sub32','top3','Icon Types','http://www.iconsexplained.com/iec/iec_idb5s.htm#icon_types') oCMenu.makeMenu('sub320','sub32','Icons of Christ','http://www.iconsexplained.com/iec/iec_idb5s.htm#icons_christ') oCMenu.makeMenu('sub3200','sub320','Dogma of Chalcedon','http://www.iconsexplained.com/iec/byz_about_icons_christ.htm') oCMenu.makeMenu('sub3201','sub320','Icon Chr. not by hand','http://www.iconsexplained.com/iec/iec_icon_of_christ_not_by_hand.htm') oCMenu.makeMenu('sub3202','sub320','Holy Passion of Christ','http://www.iconsexplained.com/iec/iec_scenes_passion.htm') oCMenu.makeMenu('sub3203','sub320','The Holy Resurrection','http://www.iconsexplained.com/iec/iec_scenes_resurrection.htm') oCMenu.makeMenu('sub321','sub32','Marian Icons','http://www.iconsexplained.com/iec/iec_idb5s.htm#icons_theotokos') oCMenu.makeMenu('sub3210','sub321','The Virgin Kyriotissa','http://www.iconsexplained.com/iec/iec_icons_kyriotissa.htm') oCMenu.makeMenu('sub3211','sub321','The Virgin Hodegetria','http://www.iconsexplained.com/iec/00011.htm') oCMenu.makeMenu('sub3212','sub321','Virgin Eleousa','http://www.iconsexplained.com/iec/iec_icons_eleousa.htm') oCMenu.makeMenu('sub32120','sub3212','Virgin of Vladimir','http://www.iconsexplained.com/iec/iec_001_vierge_de_vladimir.htm') oCMenu.makeMenu('sub32121','sub3212','Virgin Oumilenie','http://www.iconsexplained.com/iec/pics/032_mdd_oumilenie.jpg') oCMenu.makeMenu('sub32122','sub3212','Virgin Glykophilousa','http://www.iconsexplained.com/iec/iec_177_vierge_glykophilousa.htm') oCMenu.makeMenu('sub3213','sub321','The Virgin Orans','http://www.iconsexplained.com/iec/iec_icons_orante.htm') oCMenu.makeMenu('sub32130','sub3213','Virgin of the Sign','http://www.iconsexplained.com/iec/iec_icons_mother_of_god_of_the_sign.htm') oCMenu.makeMenu('sub32131','sub3213','Virgin of the Sign - Olga K','http://www.iconsexplained.com/iec/04004.htm') oCMenu.makeMenu('sub3214','sub321','Other Marian Icons','http://www.iconsexplained.com/iec/iec_idb5s.htm#marian_other') oCMenu.makeMenu('sub32140','sub3214','Icon Descriptions','http://www.iconsexplained.com/iec/iec_idb5s.htm#marian_descriptions') oCMenu.makeMenu('sub32141','sub3214','Wonder Working Icons','http://www.iconsexplained.com/iec/iec_idb5s.htm#miraculous_mog_icons') oCMenu.makeMenu('sub322','sub32','Feast Day Icons','http://www.iconsexplained.com/iec/iec_idb5s.htm#icons_feasts') oCMenu.makeMenu('sub3220','sub322','Slideshow','http://www.iconsexplained.com/iec/iec_slideshow_feast_day_icons.htm') oCMenu.makeMenu('sub323','sub32','Icons of Angels','http://www.iconsexplained.com/iec/iec_idb5s.htm#icons_angels') oCMenu.makeMenu('sub324','sub32','Saints Icons / Lives','http://www.iconsexplained.com/iec/iec_idb5s.htm#icons_saints') oCMenu.makeMenu('sub3240','sub324','The 3 Hierarchs','http://www.iconsexplained.com/iec/02064.htm') oCMenu.makeMenu('sub3241','sub324','Doctors Cath. Church','http://www.doctorsofthecatholicchurch.com/') oCMenu.makeMenu('sub325','sub32','Special Icons','http://www.iconsexplained.com/iec/iec_idb5s.htm#special_icons') oCMenu.makeMenu('sub33','top3','Iconostasis','http://www.iconsexplained.com/iec/iec_iconostasis.htm') oCMenu.makeMenu('sub34','top3','Understanding Icons','http://www.iconsexplained.com/iec/iec_idb5s.htm#understanding_icons') oCMenu.makeMenu('sub35','top3','Icon Masters & Schools','http://www.iconsexplained.com/iec/iec_masters.htm') oCMenu.makeMenu('sub36','top3','How to make an icon','http://www.iconsexplained.com/iec/iec_howtomake.htm') /****************************************** 5. General References *************************************/ oCMenu.makeMenu('top4','','  Gen. References','') oCMenu.makeMenu('sub40','top4','Start of Page','http://www.iconsexplained.com/iec/iec_idb3r.htm') oCMenu.makeMenu('sub41','top4','History & Geography','http://www.iconsexplained.com/iec/iec_idb3r.htm#general_history') oCMenu.makeMenu('sub410','sub41','World History','http://www.iconsexplained.com/iec/iec_idb3r.htm#world_history') oCMenu.makeMenu('sub411','sub41','Byzantine Empire','http://www.iconsexplained.com/iec/iec_idb3r.htm#byz_empire') oCMenu.makeMenu('sub412','sub41','Maps & Timelines','http://www.iconsexplained.com/iec/iec_idb3r.htm#maps') oCMenu.makeMenu('sub42','top4','Icon History, Art, Arch.','http://www.iconsexplained.com/iec/iec_idb3r.htm#art_history') oCMenu.makeMenu('sub420','sub42','The Catacombs','http://www.iconsexplained.com/iec/iec_idb3r.htm#catacombs') oCMenu.makeMenu('sub421','sub42','Iconoclasm','http://www.iconsexplained.com/iec/iec_idb3r.htm#iconoclasm') oCMenu.makeMenu('sub43','top4','Eastern Orthodoxy','http://www.iconsexplained.com/iec/iec_idb3r.htm#Religion') oCMenu.makeMenu('sub430','sub43','Orthodox Tradition','http://www.iconsexplained.com/iec/iec_idb3r.htm#saving_medecine') oCMenu.makeMenu('sub431','sub43','Jesus Prayer','http://www.iconsexplained.com/iec/iec_idb3r.htm#prayer_of_the_heart') oCMenu.makeMenu('sub432','sub43','Easter Holy Fire','http://www.iconsexplained.com/iec/iec_orthodox_easter_holy_fire.htm') oCMenu.makeMenu('sub44','top4','Early Church Fathers','http://www.iconsexplained.com/iec/iec_idb3r.htm#church_fathers') oCMenu.makeMenu('sub45','top4','Eastern Rite Churches','http://www.iconsexplained.com/iec/iec_idb3r.htm#other_eastern_churches') oCMenu.makeMenu('sub46','top4','Roman Catholic Sites','http://www.iconsexplained.com/iec/iec_idb3r.htm#Catholicism') oCMenu.makeMenu('sub460','sub46','The Holy Shroud','http://www.iconsexplained.com/iec/iec_idb3r.htm#holy_shroud') oCMenu.makeMenu('sub47','top4','Ecumenical Issues','http://www.iconsexplained.com/iec/iec_idb3r.htm#Ecumenism') oCMenu.makeMenu('sub470','sub47','Great Schism','http://www.iconsexplained.com/iec/iec_idb3r.htm#great_schism') oCMenu.makeMenu('sub471','sub47','Fourth Crusade','http://www.iconsexplained.com/iec/iec_idb3r.htm#4th_crusade') oCMenu.makeMenu('sub48','top4','Bibles, Encyclopedias','http://www.iconsexplained.com/iec/iec_idb3r.htm#Encyclopedias') oCMenu.makeMenu('sub480','sub48','The New American Bible','http://www.usccb.org/nab/bible') oCMenu.makeMenu('sub481','sub48','La Bible, Louis Segond','http://bibleonline.free.fr/') oCMenu.makeMenu('sub482','sub48','Catholic Encyclopedia','http://www.newadvent.org/cathen/') oCMenu.makeMenu('sub49','top4','Special Reports','http://www.iconsexplained.com/iec/iec_idb3r.htm#special_reports') oCMenu.makeMenu('sub490','sub49','Gigantic Art Theft','http://www.iconsexplained.com/iec/iec_idb3r.htm#special_reports') oCMenu.makeMenu('sub410','top4','More Links','http://www.iconsexplained.com/iec/iec_idb3r.htm#links') /****************************************** 6. Miscellaneous *************************************/ oCMenu.makeMenu('top5','','    Miscellaneous','') oCMenu.makeMenu('sub50','top5','Acknowledgements','http://www.iconsexplained.com/iec/iec_acknowledgements.htm') oCMenu.makeMenu('sub51','top5','Bibliography','http://www.iconsexplained.com/iec/iec_biblio.htm') oCMenu.makeMenu('sub52','top5','Copyrights','http://www.iconsexplained.com/iec/iec_copyrights.htm') oCMenu.makeMenu('sub53','top5','Daily Readings','http://www.iconsexplained.com/iec/iec_daily.htm') oCMenu.makeMenu('sub530','sub53','Dagelijks Evangelie','http://www.dagelijksevangelie.org/') oCMenu.makeMenu('sub54','top5','Email','mailto:pwderuyter@videotron.ca') oCMenu.makeMenu('sub55','top5','Guestbook','http://www.iconsexplained.com/iec/iec_guestbook.htm') oCMenu.makeMenu('sub56','top5','Music Page','http://www.iconsexplained.com/iec/iec_byzantine_music.htm') oCMenu.makeMenu('sub57','top5','News (Religious & World)','http://www.iconsexplained.com/iec/iec_news.htm') oCMenu.makeMenu('sub58','top5','SiteSearch / Bookmarks','http://www.iconsexplained.com/iec/byz_site_search.htm') oCMenu.makeMenu('sub580','sub58','Google','http://www.google.com/') oCMenu.makeMenu('sub59','top5','Specials','http://www.iconsexplained.com/iec/byz_specials.htm') oCMenu.makeMenu('sub510','top5','Translation Utility','http://www.iconsexplained.com/iec/byz_translate.htm') oCMenu.makeMenu('sub511','top5','Whats new?','http://www.iconsexplained.com/iec/byz_whats_new.htm') oCMenu.makeMenu('sub512','top5','About the author','http://www.iconsexplained.com/iec/iec_author.htm') //Leave this line - it constructs the menu oCMenu.construct() //Extra code to find position: function findPos(num){ //alert(num) if(bw.ns4){ //Netscape 4 x = document.layers["layerMenu"+num].pageX y = document.layers["layerMenu"+num].pageY }else{ //other browsers x=0; y=0; var el,temp el = bw.ie4?document.all["divMenu"+num]:document.getElementById("divMenu"+num); if(el.offsetParent){ temp = el while(temp.offsetParent){ //Looping parent elements to get the offset of them as well temp=temp.offsetParent; x+=temp.offsetLeft y+=temp.offsetTop; } } x+=el.offsetLeft y+=el.offsetTop } //Returning the x and y as an array return [x,y] } function placeElements(){ //Changing the position of ALL top items: pos = findPos(0) oCMenu.m["top0"].b.moveIt(pos[0],pos[1]) pos = findPos(1) oCMenu.m["top1"].b.moveIt(pos[0],pos[1]) pos = findPos(2) oCMenu.m["top2"].b.moveIt(pos[0],pos[1]) pos = findPos(3) oCMenu.m["top3"].b.moveIt(pos[0],pos[1]) pos = findPos(4) oCMenu.m["top4"].b.moveIt(pos[0],pos[1]) pos = findPos(5) oCMenu.m["top5"].b.moveIt(pos[0],pos[1]) //Setting the fromtop value oCMenu.fromTop = pos[1] } placeElements() //Setting it to re place the elements after resize - the resize is not perfect though.. oCMenu.onafterresize="placeElements()" /***************************************************************************************** Place here the good sections you want to keep while experimenting. // oCMenu.makeMenu('sub3311','sub331','Christ Pantokrator','http://www.iconsexplained.com/iec/iec_idb5s.htm#icons_christ') *****************************************************************************************/ /******************************************   KEEP! THESE FOLLOWING LINES!! oCMenu.fillImg="http://www.utoronto.ca/stmikes/images/_blank.gif" oCMenu.fillImg="http://www.iconsexplained.com/iec/pics/_blank.gif" *************************************/