/**
 * @author Alan
 */
//*********************************** globals ************************************
var button_status = 'about';
var menu_status = 'about';
//******************************** Panel animation *****************************

  $(document).ready(function(){
 
 	$('document').pngFix();
 
    $("#menu_about").click(function(){
		if(menu_status == 'services'){
			hide_services_menu();
		}
		button_status = 'about';
		$("#block_wrapper").animate({"left": "0"},{queue:false, duration: 600, easing:"easeInOutQuad"});
    });

    $("#menu_services").click(function(){
		if(menu_status == 'services'){
			hide_services_menu();
		}
		menu_status = 'services';
		$("#block_wrapper").animate( {"left": "-600px"}, { queue:false, duration:600, easing:"easeInOutQuad"} );    
	});


    $("#menu_whyus").click(function(){
		if(menu_status == 'services'){
			hide_services_menu();
		}
		button_status = 'whyus';
	    $("#block_wrapper").animate( {"left":"-3600px"}, { queue:false, duration:600 , easing:"easeInOutQuad"} );    
    });

    $("#menu_contact").click(function(){
		if(menu_status == 'services'){
			hide_services_menu();
		}
		button_status = 'contact';
	    $("#block_wrapper").animate( {"left":"-4200px"}, { queue:false, duration:600 , easing:"easeInOutQuad"} );    
    });

    $("#menu_findus").click(function(){
		if(menu_status == 'services'){
			hide_services_menu();
		}
		button_status = 'findus';
	    $("#block_wrapper").animate( {"left":"-4800px"}, { queue:false, duration:600 , easing:"easeInOutQuad"} );    
    });

///*********************************** Side menu animation ***********************

$('#services_menu1').click(function(){
	injury_billboard();	
	$("#block_wrapper").animate( {"left":"-1200px"}, { queue:false, duration:600 , easing:"easeInOutQuad"} );    
});
$('#services_menu2').click(function(){
	$("#block_wrapper").animate( {"left":"-2400px"}, { queue:false, duration:600 , easing:"easeInOutQuad"} );    
});
$('#services_menu3').click(function(){
	$("#block_wrapper").animate( {"left":"-1800px"}, { queue:false, duration:600 , easing:"easeInOutQuad"} );    
})
$('#services_menu4').click(function(){
	$("#block_wrapper").animate( {"left":"-3000px"}, { queue:false, duration:600 , easing:"easeInOutQuad"} );    
});
//*********************************** Menu animation ****************************

	$('#menu_about').mouseover(function(){
		$('#menu_container div').each(function(i){
			if(this.id != "menu_about"){
				$(this).animate({width:'88px'},{queue:false, duration:600});
			}else{
				$(this).animate({width:'250px'},{queue:false,duration:600});
			}
		});
	});	

	$('#menu_about').mouseout(function(){
		$('#menu_container div').each(function(i){
		$(this).animate({width:'120px'},{queue:false, duration:600});
		});
	});

	$('#menu_services').mouseover(function(){
		$('#menu_container div').each(function(i){
			if(this.id != "menu_services"){
				$(this).animate({width:'88px'},{queue:false, duration:600});
			}else{
				$(this).animate({width:'250px'},{queue:false,duration:600});
			}
		});
	});	

	$('#menu_services').mouseout(function(){
		$('#menu_container div').each(function(i){
		$(this).animate({width:'120px'},{queue:false, duration:600});
		});
	});

	$('#menu_whyus').mouseover(function(){
		$('#menu_container div').each(function(i){
			if(this.id != "menu_whyus"){
				$(this).animate({width:'88px'},{queue:false, duration:600});
			}else{
				$(this).animate({width:'250px'},{queue:false,duration:600});
			}
		});
	});	

	$('#menu_whyus').mouseout(function(){
		$('#menu_container div').each(function(i){
		$(this).animate({width:'120px'},{queue:false, duration:600});
		});
	});

	$('#menu_contact').mouseover(function(){
		$('#menu_container div').each(function(i){
			if(this.id != "menu_contact"){
				$(this).animate({width:'88px'},{queue:false, duration:600});
			}else{
				$(this).animate({width:'250px'},{queue:false,duration:600});
			}
		});
	});	

	$('#menu_contact').mouseout(function(){
		$('#menu_container div').each(function(i){
		$(this).animate({width:'120px'},{queue:false, duration:600});
		});
	});

	$('#menu_findus').mouseover(function(){
		$('#menu_container div').each(function(i){
			if(this.id != "menu_findus"){
				$(this).animate({width:'88px'},{queue:false, duration:600});
			}else{
				$(this).animate({width:'250px'},{queue:false,duration:600});
			}
		});
	});	

	$('#menu_findus').mouseout(function(){
		$('#menu_container div').each(function(i){
		$(this).animate({width:'120px'},{queue:false, duration:600});
		});
	});
//************************************ services click Events *************************

	$('#services_btn1').click(function(){
		button_status = 'injury';
		injury_billboard();
		move_buttons();
		$("#block_wrapper").animate( {"left":"-1200px"}, { queue:false, duration:600 , easing:"easeInOutQuad"} );
	});	

	$('#services_btn2').click(function(){
		button_status = 'probate';
	$("#block_wrapper").animate( {"left":"-2400px"}, { queue:false, duration:600 , easing:"easeInOutQuad"} );
		move_buttons();
	});	

	$('#services_btn3').click(function(){
		button_status = 'convey';
		$("#block_wrapper").animate( {"left":"-1800px"}, { queue:false, duration:600 , easing:"easeInOutQuad"} );
		move_buttons();
	});	

	$('#services_btn4').click(function(){
		button_status = 'other';
		$("#block_wrapper").animate( {"left":"-3000px"}, { queue:false, duration:600 , easing:"easeInOutQuad"} );
		move_buttons();
	});	



function move_buttons(){
	
	var panel_pos = $('#site_container');
	var pp = panel_pos.offset();
	var pw = panel_pos.width();
	var pos;

	pos = $('#services_btn1').offset();
	$('#services_menu1').css({
		'left': pos.left,
		'top': pos.top,
		'visibility':'visible'});
	$('#services_btn1').css({'visibility':'hidden'});
		
	$('#services_menu1').animate({left:pp.left+10+ panel_pos.width(), top:pp.top},
	{queue:false, duration:600});
	
	pos = $('#services_btn3').offset();
	$('#services_menu3').css({
		'left': pos.left,
		'top': pos.top,
		'visibility':'visible'});
	$('#services_btn3').css({'visibility':'hidden'});
		
	$('#services_menu3').animate({left:pp.left+10+ panel_pos.width(), top:pp.top+153},
	{queue:false, duration:600});	

	pos = $('#services_btn2').offset();
	$('#services_menu2').css({
		'left': pos.left,
		'top': pos.top,
		'visibility':'visible'});
	$('#services_btn2').css({'visibility':'hidden'});
		
	$('#services_menu2').animate({left:pp.left+10+ panel_pos.width(), top:pp.top+306},
	{queue:false, duration:600});

	pos = $('#services_btn4').offset();
	$('#services_menu4').css({
		'left': pos.left,
		'top': pos.top,
		'visibility':'visible'});
	$('#services_btn4').css({'visibility':'hidden'});
		
	$('#services_menu4').animate({left:pp.left+10+ panel_pos.width(), top:pp.top+459},
	{queue:false, duration:600});
	
	
};

function hide_services_menu(){
	$('#services_menu1').css({'visibility':'hidden'});
	$('#services_menu2').css({'visibility':'hidden'});
	$('#services_menu3').css({'visibility':'hidden'});
	$('#services_menu4').css({'visibility':'hidden'});
	$('#services_btn1').css({'visibility':'visible'});
	$('#services_btn2').css({'visibility':'visible'});
	$('#services_btn3').css({'visibility':'visible'});
	$('#services_btn4').css({'visibility':'visible'});	
};

	//********************* close overlay ******************************
	$('#x').click(function(){
		$('#ov_content').css({display:'none'});
		$('#overlay').css({display:'none'});
	});


function injury_billboard(){
		var x = $(document).width();
		var y = $(document).height();
		$('#overlay').css({display:'block', width:x, height:y});
		var ov_x = $('#ov_content').width();
		var ov_c_x = Math.floor((x/2)-(ov_x/2));
		var ov_c_y = 129;
		$('#ov_content').css({display:'block', left: ov_c_x, top: ov_c_y});

}


})