var imgs = ['http://www.italian.ucla.edu/templates/italian_HomTemp/images/DSCN0614.jpg', 'http://www.italian.ucla.edu/templates/italian_HomTemp/images/DSCN0642.jpg',
'http://www.italian.ucla.edu/templates/italian_HomTemp/images/DSCN0523.jpg'];

$(function(){
	function changeBg(i) {
		$("img.bgimg").attr('src', imgs[i]);
	}

	$(".contentpaneopen:even").each(function(i){
		$(this).css({'cursor': 'pointer','-moz-opacity':'.80', 'filter':'alpha(opacity=80)', 'opacity':'.80'});
		$(this).click(function(){
			$(".contentpaneopen:odd").slideUp(1000);
			$(this).next('.contentpaneopen').slideDown(1000);
			$(".contentpaneopen:even").slideDown(1000);
			changeBg(i);
			$(this).hide();
		});
		$(this).bind('mouseover',function(){
			$(this).css('background','#999');
		});
		$(this).bind('mouseout',function(){
			$(this).css('background','#595959');
		});
	});
	$(".contentpaneopen:odd").hide();
	$(".contentpaneopen:odd:first").show();
	$(".contentpaneopen:even:first").hide();
	$(".blog").wrap("<div></div>").parent("div").height(400);

	window.onresize = function() {
		$("img.bgimg").width($(window).width());
	}
	$("img.bgimg").width($(window).width());

});

window.onscroll = function () {
	var x = window.scrollY || document.documentElement.scrollTop;
	var px = (-1 * x) + 'px';
	var f = document.getElementById('footer');
	f.style.bottom = px;
}