$(document).ready(function() {
	
		jQuery.resize.delay = 500;
	
		 var viewportHeight = window.innerHeight ? window.innerHeight : $(window).height();
		
					$('<div id="foot-toggle"></div>').css({'opacity' : .1}).prependTo("#foot-wrap");
					
					$("#foot-toggle").bind('foot-open', function(event, vpHeight) {
						$("#foot-wrap").animate({
		 					'top' : (vpHeight-300) +'px'
		 				}, 600, function() {
		 					$("#foot-toggle").attr('class', 'close');
		 				});
		 				try {
		 					_gaq.push(['_trackEvent', 'Footer_Drawer', 'Open']);
		 				}catch(err) {
		 					console.log('trackEvent ' + err.toString()); 
		 				}
					});
					
					$("#foot-toggle").bind('foot-close', function(event, heightTop) {
						$("#foot-wrap").animate({
		 					'top' : heightTop +'px'
		 				}, 600, function() {
		 					$("#foot-toggle").attr('class', 'open');
		 				});
		 				try {
		 					_gaq.push(['_trackEvent', 'Footer_Drawer', 'Close']);
		 				}catch(err) {
		 					console.log('trackEvent ' + err.toString()); 
		 				}
					});
					
		dynSize(viewportHeight);
		 	
		var imgWidth = 1600;
		var imgHeight = 925;
		var ratio = Math.round((imgWidth/imgHeight)*100)/100;
		//alert(ratio);
		var $winwidth = $(window).width();
		if($winwidth > imgWidth) {
			$("img#backgroundImage").attr({
				width: $winwidth
			});
		}
		$("#background").attr({
			width: $winwidth
		});

		
		$(window).bind("resize", function(){
			var $winwidth = $(window).width();
			if($winwidth > imgWidth) {
				$("img#backgroundImage").attr({
					width: $winwidth
				});
				
			}
			$("#background").attr({
				width: $winwidth
			});
			dynSize($(window).height());
			
		 });
		 
		 function dynSize(vpHt) {
			var enableToggle = true;
			if(vpHt > 1200) {
				enableToggle = false;
			}
			var htFromTop = vpHt;
			if(vpHt > 900) {
				htFromTop = 900;
			}
			$("#foot-wrap").css({
		 		'top' : htFromTop +'px'
		 	});
		 	
		 	
		 	if(vpHt > 530 && enableToggle) {
		 			$('#foot-toggle').css({'opacity' : .1, 'cursor' : 'pointer'});
		 			//$("#foot-toggle").unbind();
		 			$("#foot-toggle").mouseenter(function() {	
		 				$(this).animate({
		 					'opacity' : .8
		 				}, 200);
		 			}).mouseleave(function() {
		 				$(this).animate({
		 					'opacity' : .1
		 				}, 200);
		 			});
		 			$("#foot-toggle").unbind('click');
		 			$("#foot-toggle").toggle(function() {
		 				$(this).trigger('foot-open', [vpHt]);
		 			}, function() {
		 				
		 				$(this).trigger('foot-close', [htFromTop]);
		 			});
		 			
		 			
		 			//$("#foot-toggle").trigger('click', [vpHt, htFromTop]);
		 			
		 	}else{
		 		$('#foot-toggle').css({'opacity' : 0, 'cursor' : 'default'});
		 		$("#foot-toggle").unbind('click').unbind('mouseenter').unbind('mouseleave');
		 	}	 
		 	
		}
});