var ddVisible = 0;
var ddInterval;
jQuery(document).ready(function(){
							
	var ddl = jQuery('#DropDownL');	
	var ddbg = jQuery('#DropDownBG');
	ddbg.css("opacity",.9);
	ddbg.css("z-index",1);
	ddl.css("z-index",2);
	
	// setup
	var IsHome = jQuery('.Campus-Link').length > 0;
	
	var hPanel = function(title){
		var str = '';
		str += '<div class="Panel" id="'+title+'-Panel">';
		str += '<div class="Panel-BG"></div>';
		str += '<div class="Panel-Content">';
		str += '<div class="Panel-Title">'+title+'</div>';
		str += '<div class="Panel-Text">';
		str += '</div>';
		str += '</div>';
		str += '</div>';
		return str;
	}
	
	var hDropDown = function(title){
		var str = '';
		str += '<div class="DropDownPanel" id="'+title+'-DropDownPanel">';
		str += '</div>';
		return str;
	}
	
	var ddShow = function(){
		var dd = jQuery('#DropDown');
		var lay = jQuery('#Layout');
		ddVisible = 1;
		clearInterval(ddInterval);
		layOff = lay.offset();
		layW = lay.width();
		ie  = (navigator.userAgent.toLowerCase().indexOf("msie") != -1);
		dd.css("position","absolute");
		if(ie)
		dd.css("margin-left",-610);
		else
		dd.css("margin-left",414);
		dd.fadeIn("slow");
	}
	
	var ddHide = function(i){
		var dd = jQuery('#DropDown');
		ddVisible = 0;
		ddInterval = setInterval(ddCheck,i);
	}
	
	var ddCheck = function(){
		var dd = jQuery('#DropDown');
		clearInterval(ddInterval);
		if( ! ddVisible ){
			dd.fadeOut("slow");
			var links = jQuery('#Header a');
			links.removeClass('Active');	
		}
	}

	
	
	// pannelli home
	
	var panels = jQuery('#Panels');
	var dropdown = jQuery('#DropDown');
	var allPanels = null;
	var links = jQuery('#Header a');
	
	
	if( ! IsHome ){
	
		dropdown.mouseover(function(e){
			ddShow();
		});
		dropdown.mouseout(function(e){
			ddHide(100);
		});
	
	}
	
	links.each(function(){
		var t = jQuery(this);
		var title = Trim(t.attr('title'));
		
		if( IsHome ){
		
			panels.append( hPanel(title) );
			var thisPanel = jQuery('#'+title+'-Panel');
			var panelText = jQuery('#'+title+'-Panel .Panel-Text');
				
			var treePage = jQuery("#Tree ul li a[title='"+title+"'], #Tree ul li a[title='"+title+" '], #Tree ul li a[title=' "+title+"']");
			var treeParent = treePage.parent();
			var a = treeParent.find('ul li a');
		
			a.each(function(){
				panelText.append(this);
			});
			
			t.click(function(e){
				if( Trim(jQuery(this).html()) == 'Home' ) return;
				if( Trim(jQuery(this).html()) == 'Gallery' ) return;
				var allPanels = jQuery('.Panel');
				e.preventDefault();
				allPanels.hide();
				thisPanel.show();	
			});
			
					   
						   
			jPanelsBG = jQuery('.Panel-BG');
			jPanelsBG.css('opacity',.5);
			
			allPanels = jQuery('.Panel');
			
			// quadrati
			
			var jCampusLink = jQuery('.Campus-Link');
			var jCorsiLink = jQuery('.Corsi-Link');
			var jAziendeLink = jQuery('.Aziende-Link');
			var jGalleryLink = jQuery('.Gallery-Link');
			var jContattiLink = jQuery('.Contatti-Link');
			
			// pannelli (statici)
			
			jCampusPanel = jQuery('#Campus-Panel');
			jCorsiPanel = jQuery('#Corsi-Panel, #Courses-Panel');
			jAziendePanel = jQuery('#Aziende-Panel, #Companies-Panel');
			jGalleryPanel = jQuery('#Gallery-Panel');
			jContattiPanel = jQuery('#Contatti-Panel, #Contacts-Panel');
			
			var jCurPanel;
			
			jCampusLink.click(function(e){	
				allPanels.hide();
				jCampusPanel.show();	
			});
			
			jCorsiLink.click(function(e){		
				allPanels.hide();
				jCorsiPanel.show();		
			});
			
			jAziendeLink.click(function(e){			
				allPanels.hide();
				jAziendePanel.show();		
			});
			
			jGalleryLink.click(function(e){			
				e.preventDefault();
				window.location = jQuery(".page-item-14 a").attr('href');
			});
			
			jContattiLink.click(function(e){			
				allPanels.hide();
				jContattiPanel.show();			
			});
			
			
			
		} else {
		
			dropdownL = jQuery('#DropDownL');
			dropdownL.append( hDropDown(title) );
			var thisPanel = jQuery('#'+title+'-DropDownPanel');
			
			var treePage = jQuery("#Tree ul li a[title='"+title+"'], #Tree ul li a[title='"+title+" '], #Tree ul li a[title=' "+title+"']");
			var treeParent = treePage.parent();
			var a = treeParent.find('ul li a');
		
			a.each(function(){
				thisPanel.append(this);
				thisPanel.append( '<div class="Separator">&nbsp;</div>' );
				jQuery(this).mouseover(function(e){ddShow();})
			});
			
			t.mouseover(function(e){
				if( Trim(jQuery(this).html()) == 'Home' ) return;
				if( Trim(jQuery(this).html()) == 'Gallery' ) return;
				var allPanels = jQuery('.DropDownPanel');
				e.preventDefault();
				allPanels.hide();
				thisPanel.show();	
				//dropdown.show();
				ddShow();
				var ls = jQuery('#Header a');
				ls.removeClass('Active');
				jQuery(this).addClass('Active');
			});
			
			t.mouseout(function(e){	
				if( Trim(jQuery(this).html()) == 'Home' ) return;
				if( Trim(jQuery(this).html()) == 'Gallery' ) return;
				//dropdown.hide();
				ddHide(1500);
			});
			
			t.click(function(e){
				if( Trim(jQuery(this).html()) == 'Home' ) return;
				if( Trim(jQuery(this).html()) == 'Gallery' ) return;
				e.preventDefault();
			});
			
		}
		
	});		
});