// JavaScript Document
var banner=0;
var task;

function newWindow (mypage,myname,w,h,features) {
  mypage = 'https://transactions.c5groupinc.com/event_reg.php?conf=2788&site=4&lang=en&gap=4';
  myname = 'reg_now';
  w=720;
  h=600;
  features="";
  
  if(screen.width){
  var winl = (screen.width-w)/2;
  var wint = (screen.height-h)/2;
  }else{winl = 0;wint =0;}
  if (winl < 0) winl = 0;
  if (wint < 0) wint = 0;
  
  var settings = 'toolbar=0,location=0,directories=0,menuBar=0,scrollbars=1,width='+w+',height='+h+',top='+wint+',left='+winl+',resizable=0';
  
  win = window.open(mypage,myname,settings);
  win.window.focus();
  
}

function newFormWindow(mypage,myname,w,h,features) {

  w=520;
  h=600;
  features="";
  
  if(screen.width){
  var winl = (screen.width-w)/2;
  var wint = (screen.height-h)/2;
  }else{winl = 0;wint =0;}
  if (winl < 0) winl = 0;
  if (wint < 0) wint = 0;
  
  var settings = 'toolbar=0,location=0,directories=0,menuBar=0,scrollbars=1,width='+w+',height='+h+',top='+wint+',left='+winl+',resizable=0';
  
  win = window.open(mypage,myname,settings);
  win.window.focus();
  
}

function showMenu(event,target,o)
{
	var el = new Ext.Element(target);
	var menu = el.child('div');

	if(menu)
	{
		//menu.setLeft(li_a.getLeft());
		menu.setVisible(true);
	}
}

function hideMenu(event,target,o)
{
	var el = new Ext.Element(target);
	var menu = el.child('div');
	
	if(menu)
	{
		task = new Ext.util.DelayedTask(function(){ menu.setVisible(false);});
		task.delay(0);
	}
}

function showSubMenu(event,target,o)
{
	if(task)
	{
		task.cancel();
	}
}

function hideSubMenu(event,target,o)
{
	var el = new Ext.Element(target);
	
	task = new Ext.util.DelayedTask(function(){ 
		
		el.findParentNode('div',5,true).setVisible(false);
	});
	task.delay(0);
}

function runDropDownInit()
{
	Ext.get('menuList').on('mouseover',showMenu,null,{delegate:'li'});
	Ext.get('menuList').on('mouseout',hideMenu,null,{delegate:'li'});
	
	Ext.get('about').on('mouseover',showSubMenu);
	Ext.get('about').on('mouseout',hideSubMenu);
	
	Ext.get('conference').on('mouseover',showSubMenu);
	Ext.get('conference').on('mouseout',hideSubMenu);
	
	Ext.get('expo').on('mouseover',showSubMenu);
	Ext.get('expo').on('mouseout',hideSubMenu);
	
}

Ext.onReady(
	function()
	{
		Ext.QuickTips.init();
		
		var jsBanner = new Ext.Container({
			width:848,
			height:234,
			applyTo:'cityimage',
			layout:'fit',
			html:
			'<div style="position:absolute;">'+
			'<ul>'+
					'<li id="im0" class="banner-visible" >'+
						'<img src="images/banner/banner_1.jpg" />'+
					'</li>'+
					'<li id="im1" class="banner-hidden">'+
						'<img src="images/banner/banner_2.jpg" />'+
					'</li>'+
					'<li id="im2" class="banner-hidden" >'+
						'<img src="images/banner/banner_1.jpg" />'+
					'</li>'+
					'<li id="im3" class="banner-hidden">'+
						'<img src="images/banner/banner_2.jpg" />'+
					'</li>'+
				'</ul>'+
			'</div>'
		});

var bannerTask = {
			    run: function(){
					//Ext.query('ul#bannerList > li');
					var im1 = Ext.get('im'+banner);
					banner=(banner+1)%4;
					var im2 = Ext.get('im'+banner);
					//im1.addClass("banner-visible");
					im1.fadeOut({
					    endOpacity: 0, //can be any value between 0 and 1 (e.g. .5)
					    easing: 'easeOut',
					    duration: 4,
					    remove: false,
					    useDisplay: true,
					    callback:function(img)
					    {
					    	img.addClass("banner-hidden");
					    }
					});	
						
					im2.fadeIn({
					    endOpacity: 1, //can be any value between 0 and 1 (e.g. .5)
					    easing: 'easeIn',
					    duration: 4,
					    remove: false,
					    useDisplay: true,
					    callback:function(img)
					    {
					    	img.addClass("banner-visible");
					    }
					});
					
					im1.sequenceFx();
					im2.sequenceFx();
					
					
			    },
			    interval: 9000 //1 second
		}
		var delayBanner = new Ext.util.DelayedTask(function(){
			Ext.TaskMgr.start(bannerTask);
		});
		delayBanner.delay(6000);
		
		var menu = new Ext.Container({
			applyTo:'user_menu',
			html:	
					'<ul id="menuList" style="margin-left:15px;">'+
						'<li><a href="index.html" id="home">Home</a></li>'+
						'<li>'+
						'<a href="#">About</a>'+
						'<div id="about">'+
						'<ul id="submenu">'+
								'<li><a href="AboutUs.html">About This Conference</a></li>'+
								//'<li><a href="ComingSoon.html">Reception & Networking </a></li>'+
								//'<li><a href="PlaNetAdvisory.html">PlaNet Finance International Advisory Board</a></li>'+
								'<li><a href="C5.html">C5 </a></li>'+
								'<li><a href="http://www.c5-online.com/financial_services.htm" target="_blank">Upcoming Conferences </a></li>'+
						'</ul>'+
						'</div>'+
						'</li>'+
						'<li>'+
						'<a href="#">Conference</a>'+
						'<div id="conference">'+
						'<ul id="submenu">'+
								'<li><a href="pdf_request.html" target="_blank">Full Brochure</a></li>'+
								'<li><a href="Agenda.html">Full Agenda</a></li>'+
								'<li><a href="Speakers.html">Speaker Faculty</a></li>'+
								'<li><a href="Testimonials.html">Testimonials</a></li>'+
								'<li><a href="Prices.html">Price, Hotel & Registration Informationn</a></li>'+
						'</ul>'+
						'</div>'+
						'</li>'+
						'<li>'+
						'<a href="#">Sponsors</a>'+
						'<div id="expo">'+
						'<ul id="submenu">'+
								'<li><a href="Sponsors.html">Sponsors</a></li>'+
								'<li><a href="Partners.html">Associations and Media Partners</a></li>'+
						'</ul>'+
						'</div>'+
						'</li>'+
						'<li><a href="Awards.html" id="Awards">Awards</a></li>'+
						'<li><a href="javascript: newWindow();">Register</a></li>'+
					'</ul>'
		});
		
		runDropDownInit();
	}
);