// GC CLASS FOR WEB SITE CLASS
// MADE BY SHARJEEL BIN SALEEM Date:18th Feb, 2010 


var GC =Class.create();



// FOR DIV SECTIONS 
GC.prototype.menu = {
	
	/*
		LIST OF MENUES
		new Array ('ID MENU', 'TITLE', 'IMAGE', 'RollOVER IMAGE', 'LINK')
		Return Menu Array 
	*/
	parentMenu:function(){

		// new Array(id, 'name', 'image', 'image-over', 'URL', 'Width')
		var menuList = new Array(new Array('0','home','nav_home.png','nav_home-da.png','/index.html','42.6em'),
						   	 new Array('7','schedule','nav_schedule.png','nav_schedul-da.png','/schedule/schedule.pdf','50.6em'),
							 
							 new Array('1','callforpaper','nav_call.png','nav_call-da.png','/call_papers.html','25.6em'),
							/* new Array('2','submitpapers','submit_nav.png','','https://www.easychair.org/login.cgi?conf=igcc10','17.6em'),*/
							 new Array('3','location','nav_loc.png','nav_loc-da.png','/location.html','16.6em'),
							 new Array('4','registration','nav_reg.png','nav_reg-da.png','/registration.html','15.6em'),
							 new Array('5','sponsors','nav_sponsors.png','nav_sponsors.png','/sponsors.html','17.6em'),
							 new Array('6','contact','nav_contact.png','nav_contact-da.png','/contact_us.html','19.6em'));
			return 	menuList;				
	},
	
	/*
		subMenuList : LIST OF SUB MENUES
		new Array ('ID SUB MENU', 'TITLE', 'IMAGE', 'RollOVER IMAGE', 'LINK','PARENT MENU') 			
		Return Sub Menu Array 
	*/
	
	subMenu:function(){
		// new Array(id, 'name', 'image', 'target', 'URL', 'Parent', 'Width','margin')
		var subMenuList = new Array( 
								 new Array('101','Main Conference Home','mainconferencehome.png','_self','/index.html','0','18.6em','0'),
								 new Array('102','WorkShop','workshop.png','_self','/workshopsoc.html','0','32.6em','20px'),
 								 new Array('103','WorkShop','2ndworkshop.png','_self','http://www.cs.pitt.edu/~kirk/SciPM2/','0','32.6em','20px'),
								 new Array('107','WorkShop','wipgc.png','_self','/workshopwipgc.html','0','32.6em','20px'),
								 new Array('104','WorkShop','topicinterest.png','_self','/index.html#topic','0','32.6em','0'),
								 new Array('105','Main Conference Home','committee.png','_self','/index.html#committee','0','18.6em','0'),
								 new Array('106','Main Conference Home','TechnicalCommittee.png','_self','/index.html#technical','0','18.6em','0'),
								
									//Call for papers menu
								 new Array('111','Computing Conference','cameraready.png','_self','/call_papers.html#crc','1','18.6em','0'),
								 new Array('112','Computing Conference','importantdates.png','_self','/call_papers.html#dates','1','18.6em','0'),			   
								 new Array('113','Computing Conference','awards.png','_self','/call_papers.html#award','1','18.6em','0'),

								 
								 //new Array('103','Main Conference Home','mainconferencehome.png','','index.html','0','18.6em'),
													
								// new Array('112','Committee','soc.png','','https://www.easychair.org/login.cgi?conf=igcc10','1','17.6em'),
								 //contactUs Menu
								 new Array('121','subscribe','subscribe.png','_self','/contact_us.html#green','6','17.6em','0'),
								 new Array('122','green forum','greenforum.png','_self','/contact_us.html#greenforum','6','17.6em','0'),
								 new Array('123','more information','moreinformations.png','_self','/contact_us.html#information','6','17.6em','0'),
								 
								 // Registration
								 new Array('131','Information','informationandrates.png','_self','/registration.html','4','16.6em','0'),
								 new Array('132','singup','singup.png','_blank','http://www.regonline.com/greencomp','4','16.6em','0'),
								  // Schedule
								  
							 	 new Array('150','Schdule1','ScheduleonGoogle.png','_self','/schedule/googlecalendar.html','7','16.6em','0'),
								 new Array('151','Schdule2','ScheduleGlance.png','_self','/schedule/schedule.pdf','7','16.6em','0'),
							   	 new Array('152','Schdule3','AcceptedIGCC.png','_self','/schedule/igcc_accepted.html','7','16.6em','0'),
							     new Array('153','Schdule4','acceptedpapers.png','_self','/schedule/soc_accepted.html','7','16.6em','0'),
								 new Array('154','Schdule5','acceptedpapersworkshop.png','_self','/schedule/wipg_accepted.html','7','16.6em','0'),
								 
								 //Location Menu
 								 new Array('141','topic interest','Location-Lodging.png','_self','/location.html','3','16.6em','0'),
								 new Array('142','Make Reservation','MakeReservation.png','_self','http://www.ichotelsgroup.com/h/d/cp/1/en/advancedsearch?whichtype=room&roomResult=none&hotelCode=chiav&quickRes=city&_GPC=WSU&_requestid=103672','3','16.6em','0'),
								 new Array('143','Directions','DirectionsfromAirport.png','_self','http://maps.google.com/maps?f=d&source=embed&saddr=Chicago+O%27Hare+International+Airport,+Chicago,+Cook,+Illinois+60666&daddr=160+E+Huron+St,+Chicago,+IL+60611&hl=en&geocode=FTSOgAIdRK_C-ilviXU7J7QPiDFfzGvsaNdB2Q%3BFSREfwIde_rG-im11JOsVNMPiDFQGhaH9EQwtw&mra=ls&dirflg=r&ttype=dep&date=05%2F27%2F10&time=1:25pm&noexp=0&noal=0&sort=&sll=41.938041,-87.763596&sspn=0.176728,0.617294&ie=UTF8&start=3&ll=41.93136,-87.763965&spn=0.17 6746,0.617294&z=11','3','16.6em','0'),
								 new Array('144','Social Events','SocialEvents.png','_self','/events.html','3','16.6em','0')
								 
								 );
		return subMenuList;
	},
	
	subMenuSecondry:function (){
	},
		
	/*
		generateMenu : GENERATE MENUS 
		FUCNTION Get thelist of all parent menu and then for each parent 
		menu it finds the sub menus of each parent. 
		Set the inner html of DIV 
	*/	
	generateMenu:function(){
		
		menuList = GC.menu.parentMenu();
		menuHTML = "";
		$counter = 0;
		background ="#7B84BA";
		
		for(i =0; i < menuList.length; i++ ) {
			menu = menuList[i];

			parentName = menu[1];
			parentId = menu[1];
			parentImage = menu[2];
			parentImageOver = menu[3];
			parentLink = menu[4];
			
			subMenuList = GC.menu.getSubMenuById(menu[0]);
			
			if( subMenuList != null &&  subMenuList.length > 0 ) {
				
				
				// Creating Parent Menus 
				menuHTML += '<li><a class="MenuBarItemSubmenu" href="'+parentLink+'">'
							+ '<img name="'+parentId+'" src="/images/'+parentImage+'" border=0  onMouseover="this.src=\'/images/'+parentImageOver+'\'" '
							+ 'onMouseOut="this.src=\'/images/'+parentImage+'\'"  /></a>';
							
				menuHTML += '<ul style="padding-left:0px; display:table; width:'+menu[5]+'" onMouseover="document[\''+parentId+'\'].src=\'/images/'+parentImageOver+'\'"'
									+ 'onMouseOut="document[\''+parentId+'\'].src=\'/images/'+parentImage+'\'">';
				
				totalMainLoop = subMenuList.length;
				for( k=0; k < totalMainLoop; k++ ){
					
					//Creating Child menus
					subMenu = subMenuList[k];
					marginImage = subMenu[7];	
					
					if( subMenu[2] != ""  ) {
						menuHTML += '<li style="padding:1px;  text-align:left; width:'+menu[5]+'" >'
									+ '<a href="'+subMenu[4]+'" style="margin-left:-10px;" target="'+subMenu[3]+'">'
									+ '<img src="/images/menus/'+subMenu[2]+'" border="3" style="margin-left:'+marginImage+';" /></a>';
						
						var subMenuLiSize =  subMenu[6];
						menuHTML += '</li>';
						
					} else {
						menuHTML += '<li><a href="'+subMenu[4]+'"  target="'+subMenu[3]+'">'+subMenu[1]+'</a></li>';
					}

				}
				menuHTML += '</ul></li>';
				$counter++;
			
			} else {
				menuHTML += '<li><a class="MenuBarItemSubmenu"  href="'+parentLink+'"><img src="/images/'+parentImage+'" border=0 style="margin-left:'+marginImage+'" /></a></li>';
			}
			
		}
		
		$('MenuBar1').innerHTML = menuHTML;
	},
	
	getSubMenuById:function(parentId){
		var subMenuList = GC.menu.subMenu();
		var subList = new Array();
		var count = 0;
		for(k = 0; k < subMenuList.length; k++){
			var smenu = subMenuList[k];
			if( smenu[5] == parentId){
				subList[count] = smenu;
				count++;
			}
		}
		return subList;
	},
	
	getSubMenuByIdsecondary:function(parentId){
		
		var subMenuList = GC.menu.subMenuSecondry();
		/*
		var subList = new Array();
		var count = 0;
		
		for(l = 0; l < subMenuList.length; l++){
			var smenu = subMenuList[l];
			if( smenu[5] == parentId){
				subList[count] = smenu;
				count++;
			}
			
		}
		*/
		return subList;
		
	}
	
};

		
var Spry;
if(!Spry)
{
	Spry = {};
}
if(!Spry.Widget)
{
	Spry.Widget = {};
}

// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
Spry.Widget.MenuBar = function(element, opts)
{
	this.init(element, opts);
};

Spry.Widget.MenuBar.prototype.init = function(element, opts)
{
	this.element = this.getElement(element);

	// represents the current (sub)menu we are operating on
	this.currMenu = null;

	var isie = (typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE');
	if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (isie && typeof document.uniqueID == 'undefined'))
	{
		// bail on older unsupported browsers
		return;
	}

	// load hover images now
	if(opts)
	{
		for(var k in opts)
		{
			var rollover = new Image;
			rollover.src = opts[k];
		}
	}

	if(this.element)
	{
		this.currMenu = this.element;
		var items = this.element.getElementsByTagName('li');
		for(var i=0; i<items.length; i++)
		{
			this.initialize(items[i], element, isie);
			if(isie)
			{
				this.addClassName(items[i], "MenuBarItemIE");
				items[i].style.position = "static";
			}
		}
		if(isie)
		{
			if(this.hasClassName(this.element, "MenuBarVertical"))
			{
				this.element.style.position = "relative";
			}
			var linkitems = this.element.getElementsByTagName('a');
			for(var i=0; i<linkitems.length; i++)
			{
				linkitems[i].style.position = "relative";
			}
		}
	}
};

Spry.Widget.MenuBar.prototype.getElement = function(ele)
{
	if (ele && typeof ele == "string")
		return document.getElementById(ele);
	return ele;
};

Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
{
	if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
	{
		return false;
	}
	return true;
};

Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
{
	if (!ele || !className || this.hasClassName(ele, className))
		return;
	ele.className += (ele.className ? " " : "") + className;
};

Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
{
	if (!ele || !className || !this.hasClassName(ele, className))
		return;
	ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
};

// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
{
	try
	{
		if (element.addEventListener)
		{
			element.addEventListener(eventType, handler, capture);
		}
		else if (element.attachEvent)
		{
			element.attachEvent('on' + eventType, handler);
		}
	}
	catch (e) {}
};

// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
{
	var layer = document.createElement('iframe');
	layer.tabIndex = '-1';
	layer.src = 'javascript:false;';
	menu.parentNode.appendChild(layer);
	
	layer.style.left = menu.offsetLeft + 'px';
	layer.style.top = menu.offsetTop + 'px';
	layer.style.width = menu.offsetWidth + 'px';
	layer.style.height = menu.offsetHeight + 'px';
};

// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer =  function(menu)
{
	var layers = menu.parentNode.getElementsByTagName('iframe');
	while(layers.length > 0)
	{
		layers[0].parentNode.removeChild(layers[0]);
	}
};

// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
{
	var menus = root.getElementsByTagName('ul');
	for(var i=0; i<menus.length; i++)
	{
		this.hideSubmenu(menus[i]);
	}
	this.removeClassName(this.element, "MenuBarActive");
};

// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
{
	return (navigator.vendor == 'Apple Computer, Inc.' && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget)));
};

// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
{
	if(this.currMenu)
	{
		this.clearMenus(this.currMenu);
		this.currMenu = null;
	}
	
	if(menu)
	{
		this.addClassName(menu, "MenuBarSubmenuVisible");
		if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
		{
			if(!this.hasClassName(this.element, "MenuBarHorizontal") || menu.parentNode.parentNode != this.element)
			{
				menu.style.top = menu.parentNode.offsetTop + 'px';
			}
		}
		if(typeof document.uniqueID != "undefined")
		{
			this.createIframeLayer(menu);
		}
	}
	this.addClassName(this.element, "MenuBarActive");
};

// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
{
	if(menu)
	{
		this.removeClassName(menu, "MenuBarSubmenuVisible");
		if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
		{
			menu.style.top = '';
			menu.style.left = '';
		}
		this.removeIframeLayer(menu);
	}
};

// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element, isie)
{
	var opentime, closetime;
	var link = listitem.getElementsByTagName('a')[0];
	var submenus = listitem.getElementsByTagName('ul');
	var menu = (submenus.length > 0 ? submenus[0] : null);

	var hasSubMenu = false;
	if(menu)
	{
		this.addClassName(link, "MenuBarItemSubmenu");
		hasSubMenu = true;
	}

	if(!isie)
	{
		// define a simple function that comes standard in IE to determine
		// if a node is within another node
		listitem.contains = function(testNode)
		{
			// this refers to the list item
			if(testNode == null)
			{
				return false;
			}
			if(testNode == this)
			{
				return true;
			}
			else
			{
				return this.contains(testNode.parentNode);
			}
		};
	}
	
	// need to save this for scope further down
	var self = this;

	this.addEventListener(listitem, 'mouseover', function(e)
	{
		if(self.bubbledTextEvent())
		{
			// ignore bubbled text events
			return;
		}
		clearTimeout(closetime);
		if(self.currMenu == listitem)
		{
			self.currMenu = null;
		}
		// show menu highlighting
		self.addClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
		if(menu && !self.hasClassName(menu, "MenuBarSubmenuVisible"))
		{
			opentime = window.setTimeout(function(){self.showSubmenu(menu);}, 100);
		}
	}, false);

	this.addEventListener(listitem, 'mouseout', function(e)
	{
		if(self.bubbledTextEvent())
		{
			// ignore bubbled text events
			return;
		}

		var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
		if(!listitem.contains(related))
		{
			clearTimeout(opentime);
			self.currMenu = listitem;

			// remove menu highlighting
			self.removeClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
			if(menu)
			{
				closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, 600);
			}
		}
	}, false);
};