$(document).ready(function(){
//
//
//
//$('#headline').hover(
//    function() {
//	$(this).css('left', '20px');
//    },
//    function() {
//	$(this).css('left', '0');
//    }
//);

//$('img').hover(
//    function()  {
//        $(this).css('z-index', 1000);
//    },
//    function() {
//        var z = $(this).attr('z');
//        $(this).css('z-index', z);
//    }
// );
//

$cats = $('#categories');
$main = $('#mainmenu');
$thumbs = $('#projects li')
$projectName = $('#projects .projectName');
$title = $('h1#title');
$status = $('#status');

function centerHeader() {
    windowWidth = $(window).width();

//    catsWidth = $cats.width();
//    $cats.css('left', windowWidth / 2 - catsWidth / 2);
//
//    mainWidth = $main.width();
//    $main.css('left', windowWidth / 2 - mainWidth / 2);

    if (windowWidth < 1000) {
	$projectName.css('font-size', '50px');
    } else {
	$projectName.css('font-size', '80px');
    }

    if (windowWidth < 600) {
	$projectName.css('font-size', '25px');
    }

    if (windowWidth > 1500) {
	$projectName.css('font-size', '100px');
	$title.css('font-size', '45px');
	$status.css('font-size', '45px');
    } else {
	$title.css('font-size', '35px');
	$status.css('font-size', '35px');
    }

//    thumbWidth = $('#projects li:eq(0)').width();
//    $thumbs.css('height', thumbWidth);
}


$(window).bind("resize", function(){
    centerHeader();
}).trigger('resize');

});