$( document ).ready( function() {
	/*
	alert(  'html: ' + $('html').height() + "\n" +
	 		'document: ' + $(document).height() + "\n" +
			'body: ' +  $('body').height() + "\n" +
			'window: ' +  $(window).height() + "\n"
	);
	//alert( $(window).height()-$('html').height()+1 );
	//$('body').height( $(window).height()-$('html').height()+1 );
	$('body').height( $(window).height()+1 );
	*/
	/*	
	$( '.vgil_logo' ).click( function(){
		$( '.over_grid' ).toggle();
	});
	*/
	$( '.search' ).click( function(){
		$( this ).find( 'p' ).hide();
		$( this ).find( 'input[type="text"]' ).show().focus();
	});
	$( '#m_portugues' ).hover( function(){
			var src = $( this ).attr( 'src' );
			var hover = $( this ).attr( 'hover_src' );
			$( this ).attr( 'src' , hover );
			$( this ).attr( 'hover_src' , src );
		},
		function(){
			var hover = $( this ).attr( 'hover_src' );
			var src = $( this ).attr( 'src' );
			$( this ).attr( 'src' , hover );
			$( this ).attr( 'hover_src' , src );
	});
	$( '#m_english' ).hover( function(){
			var hover = $( this ).attr( 'hover_src' );
			var src = $( this ).attr( 'src' );
			$( this ).attr( 'src' , hover );
			$( this ).attr( 'hover_src' , src );
		},
		function(){
			var hover = $( this ).attr( 'hover_src' );
			var src = $( this ).attr( 'src' );
			$( this ).attr( 'src' , hover );
			$( this ).attr( 'hover_src' , src );
	});
	$( '#m_news' ).hover( function(){
			var hover = $( this ).attr( 'hover_src' );
			var src = $( this ).attr( 'src' );
			$( this ).attr( 'src' , hover );
			$( this ).attr( 'hover_src' , src );
		},
		function(){
			var hover = $( this ).attr( 'hover_src' );
			var src = $( this ).attr( 'src' );
			$( this ).attr( 'src' , hover );
			$( this ).attr( 'hover_src' , src );
	});
	$( '#m_projects' ).hover( function(){
			var hover = $( this ).attr( 'hover_src' );
			var src = $( this ).attr( 'src' );
			$( this ).attr( 'src' , hover );
			$( this ).attr( 'hover_src' , src );
		},
		function(){
			var hover = $( this ).attr( 'hover_src' );
			var src = $( this ).attr( 'src' );
			$( this ).attr( 'src' , hover );
			$( this ).attr( 'hover_src' , src );
	});
	$( '#m_aboutus' ).hover( function(){
			var hover = $( this ).attr( 'hover_src' );
			var src = $( this ).attr( 'src' );
			$( this ).attr( 'src' , hover );
			$( this ).attr( 'hover_src' , src );
		},
		function(){
			var hover = $( this ).attr( 'hover_src' );
			var src = $( this ).attr( 'src' );
			$( this ).attr( 'src' , hover );
			$( this ).attr( 'hover_src' , src );
	});
});

function resizeHomeImg( el )
{
	var win_w = $(window).width();
	var win_h = $(window).height();
	var field_w = win_w;
	var field_h = win_h;
	if( el ) {
		// resize container (parent li)
		//el.parent().css( 'height' , field_h ).css( 'width' , field_w );
		// get image size
		var image_w = $( el ).attr('width');
		var image_h = $( el ).attr('height');
		var ratio;
		if (image_w/image_h >= field_w/field_h)
			ratio = field_h/image_h;
		else
			ratio = field_w/image_w;
		var final_w = image_w*ratio;
		var final_h = image_h*ratio;
		$( el ).css('width', final_w);
		$( el ).css('height', final_h);

/*
		if ( final_w > field_w)
			$( el ).css('margin-left', '-'+((final_w-field_w)/2)+'px');
		else
			$( el ).css('margin-left', '0px');
*/

/*
		if ( final_h > field_h)
			$( el ).css('margin-top', '-'+((final_h-field_h)/2)+'px');
		else
*/
			$( el ).css('margin-top', '0px');
	}
}
/** HOME **/
function home_start( image_src , fore_white , alt ){
	// background image pre-loader
	// get parent
	var image = new Image();
	// image onload
	$(image).load(function () {
		//$( '.home_image' ).css( 'display' , 'none' ); // since .hide() failed in safari
		$('.home_image').prepend( this );
		resizeHomeImg( $( this ) );
		$(image).fadeIn('slow',function(){
			$('.home_image').removeClass( 'loading' );
		});
	}).error(function () {
		// on error remove current
		if ( fore_white ) $( 'body' ).animate( { backgroundColor: "#000" } , 500 );
		$( parent ).remove();
	}).attr( 'src', image_src ).attr('alt' , alt );
	
	// fade out img on link clicks
	$("a").live("click", function(){
	  var href = $(this).attr("href");
	  var target = $(this).attr("target");
	  var animDuration = 500;
	  // Do animation here; duration = animDuration.
		if(target != "new")
		{
			$(".home_image").fadeOut(animDuration);
			setTimeout(function () {
				window.location = href;
			}, animDuration);
		}
		else
			{
				window.open(href);
			}

	  return false; // prevent user navigation away until animation's finished
	});
	/*
	$( '#view_more' ).parent().hover( function(){
			var hover = $( '#view_more' ).attr( 'hover_src' );
			var src = $( '#view_more' ).attr( 'src' );
			$( '#view_more' ).attr( 'src' , hover );
			$( '#view_more' ).attr( 'hover_src' , src );
		},
		function(){
			var hover = $( '#view_more' ).attr( 'hover_src' );
			var src = $( '#view_more' ).attr( 'src' );
			$( '#view_more' ).attr( 'src' , hover );
			$( '#view_more' ).attr( 'hover_src' , src );
	});*/

	$( '#arrow_next' ).hover( function(){
			var hover = $( this ).find( 'img' ).attr( 'hover_src' );
			var src = $( this ).find( 'img' ).attr( 'src' );
			$( this ).find( 'img' ).attr( 'src' , hover );
			$( this ).find( 'img' ).attr( 'hover_src' , src );
		},
		function(){
			var hover = $( this ).find( 'img' ).attr( 'hover_src' );
			var src = $( this ).find( 'img' ).attr( 'src' );
			$( this ).find( 'img' ).attr( 'src' , hover );
			$( this ).find( 'img' ).attr( 'hover_src' , src );
	});
	$( '#arrow_prev' ).hover( function(){
			var hover = $( this ).find( 'img' ).attr( 'hover_src' );
			var src = $( this ).find( 'img' ).attr( 'src' );
			$( this ).find( 'img' ).attr( 'src' , hover );
			$( this ).find( 'img' ).attr( 'hover_src' , src );
		},
		function(){
			var hover = $( this ).find( 'img' ).attr( 'hover_src' );
			var src = $( this ).find( 'img' ).attr( 'src' );
			$( this ).find( 'img' ).attr( 'src' , hover );
			$( this ).find( 'img' ).attr( 'hover_src' , src );
	});
}