// JavaScript Document

$(window).load(function() {
	
	var w = $(window).width();
	
	if (w < 1280) {
		$("#container").css({width: w-20});
		$("#container > *").css({width: w-20});
		
		$("#myvideo").attr({height: (w*545)/1280});
		
		$("#myvideo").css({width: $("#container").width()});
		$("#myvideo").attr({width: $("#container").width()});

	
	}
	
	
	$(window).resize(function() {
	if ($(window).width() < 1280) {
		$("#container").css({width: ($(window).width())-20});
		$("#container > *").css({width: ($(window).width())-20});
		
		$("#myvideo").attr({height: (($("#myvideo").width())*545)/1280});
		
		$("#myvideo").css({width: $("#container").width()});
		$("#myvideo").attr({width: $("#container").width()});
		//$("#footer").css({width: $(window).width()});
		//$("#header").css({width: $(window).width()});
	} else {
		$("#container").css({width: 1280})
		$("#myvideo").attr({width: 1280});
	}
})
	
//var w = $(window).width();
//var h = $(window).height();
//$("#myvideo").attr({width: 0, height: 0});
//var v = $("#myvideo").height();
//$(document).width();
//$(document).height();



//if (w < 1290) {
	//$("#myvideo").animate({width: w-20}, {duration: 500,});
	//$("#container").css({width: w-20});
	//$("#myvideo").attr({width: w-20})};
	//$("#video").css({width: w-20});
	//$("#footer").css({width: w-20})};
	
	//}

	$("#hello").hover(function() {
		$(".panel").css({display: "block"}).animate({opacity: "0.9"}, {queue: false, duration: 100 });
		
	},function(){
		$(".panel").animate({opacity: "0"}, {queue: false, duration: 100, complete: function(){
			$(this).css({display: "none"});
		}
		});
	});
	
	

	
})