function buttons()
{	
	var overFlag = false;
	//--------------------------------------
	// INIT
	//--------------------------------------
	
	this.init = function()
	{
		
	}
	
	//--------------------------------------
	// CURRENT BUTTON
	//--------------------------------------
	
	this.motionButton = function()
	{
		
	}
	
	//--------------------------------------
	// OVER BUTTON
	//--------------------------------------
	
	this.buttonOver = function(id)
	{
		
		if(overFlag == false)
		{
			overFlag = true;
			var posX = $( '#' + id ).width();
			
			$( '#' + id ).children('.btn_line_up').animate({ 'marginLeft': posX }, 400, 'easeOutCubic' );
			$( '#' + id ).children('.btn_line_up').animate({ 'marginLeft': -360 }, 0 );
			$( '#' + id ).children('.btn_line_up').animate({ 'marginLeft': -350 }, 150, 'easeOutCubic' );
			
			$( '#' + id ).children('.btn_line_down').animate({ 'marginLeft': posX }, 400, 'easeOutCubic' );
			$( '#' + id ).children('.btn_line_down').animate({ 'marginLeft': -360 }, 0 );
			$( '#' + id ).children('.btn_line_down').animate({ 'marginLeft': -350 }, 150, 'easeOutCubic', function()
			{
				overFlag = false;
			}
			);
		}
		
	}
	
	
	//--------------------------------------
	// OUT BUTTON
	//--------------------------------------
	
	this.buttonOut = function(id)
	{
		
	}
	


	
	//--------------------------------------
	// NEWS BUTTONS
	//--------------------------------------
	
	this.buttonteacosyOver = function()
	{
		$( '#teacosy' ).stop().animate({ 'marginTop': -276 }, 800, 'easeOutCubic' );
	}
	
	this.buttonteacosyOut = function()
	{
		$( '#teacosy' ).stop().animate({ 'marginTop': 0 }, 800, 'easeOutCubic' );

	}
	
	this.buttoncreateOver = function()
	{
		$( '#create' ).stop().animate({ 'marginTop': -72 }, 800, 'easeOutCubic' );
	}
	
	this.buttoncreateOut = function()
	{
		$( '#create' ).stop().animate({ 'marginTop': 0 }, 800, 'easeOutCubic' );

	}
	
	this.buttonwilliamOver = function()
	{
		$( '#william' ).stop().animate({ 'marginTop': -552 }, 800, 'easeOutCubic' );
	}
	
	this.buttonwilliamOut = function()
	{
		$( '#william' ).stop().animate({ 'marginTop': 0 }, 800, 'easeOutCubic' );

	}
	
	this.buttonrobbieOver = function()
	{
		$( '#robbie' ).stop().animate({ 'marginTop': -552 }, 800, 'easeOutCubic' );
	}
	
	this.buttonrobbieOut = function()
	{
		$( '#robbie' ).stop().animate({ 'marginTop': 0 }, 800, 'easeOutCubic' );

	}
	
	this.buttontwitterOver = function()
	{
		$( '#twitter' ).stop().animate({ 'marginTop': -390 }, 800, 'easeOutCubic' );
	}
	
	this.buttontwitterOut = function()
	{
		$( '#twitter' ).stop().animate({ 'marginTop': 0 }, 800, 'easeOutCubic' );

	}
	
	this.buttonfacebookOver = function()
	{
		$( '#facebook' ).stop().animate({ 'marginTop': -390 }, 800, 'easeOutCubic' );
	}
	
	this.buttonfacebookOut = function()
	{
		$( '#facebook' ).stop().animate({ 'marginTop': 0 }, 800, 'easeOutCubic' );

	}
	
	this.buttonvimeoOver = function()
	{
		$( '#vimeo' ).stop().animate({ 'marginTop': -390 }, 800, 'easeOutCubic' );
	}
	
	this.buttonvimeoOut = function()
	{
		$( '#vimeo' ).stop().animate({ 'marginTop': 0 }, 800, 'easeOutCubic' );

	}
	
	this.buttonemailOver = function()
	{
		$( '#email' ).stop().animate({ 'marginTop': -390 }, 800, 'easeOutCubic' );
	}
	
	this.buttonemailOut = function()
	{
		$( '#email' ).stop().animate({ 'marginTop': 0 }, 800, 'easeOutCubic' );

	}
	
	this.buttonmartinrnelsonOver = function()
	{
		$( '#martinrnelson' ).stop().animate({ 'marginTop': -552 }, 800, 'easeOutCubic' );
	}
	
	this.buttonmartinrnelsonOut = function()
	{
		$( '#martinrnelson' ).stop().animate({ 'marginTop': 0 }, 800, 'easeOutCubic' );

	}
	
	
	
	
}