// ***********************************************************************************
// ***********************************************************************************
// Home 
// ***********************************************************************************
// ***********************************************************************************

$(document).ready( 
	function() {
		
		var overlayer_h = Math.max( ( $('#mainboard' ).height() + 300 ), $('body' ).height() );
		$( 'div#overlayer' ).css( "height", overlayer_h ).animate( { opacity: "0.6" }, 1 );		
		
		$( 'div.subbarButs' ).animate( { opacity: "0.95" }, 1 );
		
		
		
		/*
		// --------------------------------------------------------
		// --------------------------------------------------------
		// Toolbar RollOver 
		// --------------------------------------------------------
		// --------------------------------------------------------
		$( "div.toolbarButs-inner" ).hover( 
			function() {
				var subName = $( this ).children().children().attr("name");
				$( "div#" + subName ).fadeIn( 100, 
					function() {
						// Toolbar 2nd RollOver 
						$( "div.subbarButs" ).hover( 
							function() {
								//$( this ).animate( {backgroundColor:"#daddde"}, 2 );
								$( this ).css('background-color', '#daddde');
								$( this ).css("cursor", "pointer");
							},
							function() {
								//$( this ).animate( {backgroundColor:"#ebeeef"}, 2 );
								$( this ).css('background-color', '#ebeeef');
							});
						// End {"hover toolbar"}
					});
				
			},
			function() {
				var subName = $( this ).children().children().attr("name");
				$( "div#" + subName ).fadeOut( 100 );
			});
		// End {"hover toolbar"}
		// --------------------------------------------------------
		// --------------------------------------------------------
		
		*/
		
		// --------------------------------------------------------
		// --------------------------------------------------------
		// Privacy Functions
		// --------------------------------------------------------
		// --------------------------------------------------------
		$( "a.privacyPopup" ).click( 
			function() {
				var pageUrl = this.href;
				
				$( 'div#overlayer' ).fadeIn( 200, 
					function() {	
						$( 'div#pagePopUp' ).fadeIn( 100, 
							function() {
								$( 'div#pagePopUp' ).append( '<div id="loadingImage">...loading...</div>' );
								
								$( 'div#pagePopUp-inner' ).load( pageUrl, 
									function() {
										$( 'div#loadingImage' ).remove();
										//$('div#pagePopUp-inner').jScrollPane({scrollbarWidth:10, scrollbarMargin:5, dragMaxHeight:10, showArrows:true, arrowSize:8});
									
										$( "a.closePopup" ).click( 
											function() {
												$( 'div#pagePopUp' ).fadeOut( 100, 
													function() {
														$( 'div#overlayer' ).fadeOut( 200 );
													});
												// End {"fadeOut popup"} 
											});
										// End {"click close"} 	
										
										return (false);
										
									});
								// End {"load page"}
							});
						// End {"fadeIn popup"}
					});
				// End {"fadeIn overlayer"}
				
				return (false);
								
			});
		// End {"click privacyPopup"} 	
		// --------------------------------------------------------
		// --------------------------------------------------------
		
		
		// --------------------------------------------------------
		// --------------------------------------------------------
		// Roll-over immagini   
		// --------------------------------------------------------
		// --------------------------------------------------------
			$('img.imgHover' ).hover( 
				function() {
					$( this ).animate( {opacity: "0.8"}, 10 );
				},
				function() {
					$( this ).animate( {opacity: "1"}, 10 );
				});
			// End {"hover immagini"}
		// --------------------------------------------------------
		// --------------------------------------------------------
		
		
		// !!!!!!!!!!!!!TEMP!!!!!!!!!!------------------
		// !!!!!!!!!!!!!TEMP!!!!!!!!!!------------------
		// !!!!!!!!!!!!!TEMP!!!!!!!!!!------------------
		// !!!!!!!!!!!!!TEMP!!!!!!!!!!------------------
		// !!!!!!!!!!!!!TEMP!!!!!!!!!!------------------
		// --------------------------------------------------------
		// Roll-over immagini   
		// --------------------------------------------------------
		// --------------------------------------------------------
			$('img.imgHpHover' ).hover( 
				function() {
					$( this ).animate( {opacity: "0.4"}, 10 );
				},
				function() {
					$( this ).animate( {opacity: "1"}, 10 );
				});
			// End {"hover immagini"}
		// --------------------------------------------------------
		// --------------------------------------------------------
		
		
						
	});
	// End {"ready"}
	
// ***********************************************************************************
// ***********************************************************************************