$(document).ready(function(){
	//image rollver on main nav
		$("#nav li:not(.active) a img").hover(function(){
				if($(this).attr("src").indexOf("-over") == -1) {
					var newSrc = $(this).attr("src").replace("default.gif","over.gif");
					$(this).attr("src",newSrc);
				}
			},
			function(){
				if($(this).attr("src").indexOf("over.gif") != -1) {
					var oldSrc = $(this).attr("src").replace("over.gif","default.gif");
					$(this).attr("src",oldSrc);
				}
			}
		);
		
		//more info button
		$(".moreInfo img").hover(function(){
				if($(this).attr("src").indexOf("-over") == -1) {
					var newSrc = $(this).attr("src").replace("default.gif","over.gif");
					$(this).attr("src",newSrc);
				}
			},
			function(){
				if($(this).attr("src").indexOf("over.gif") != -1) {
					var oldSrc = $(this).attr("src").replace("over.gif","default.gif");
					$(this).attr("src",oldSrc);
				}
			}
		);
		
		
});
var lastWorkHeight;
function loadWebWork(workId) {
	lastWorkHeight = $('#workList').height();
	$('#workList').css('height',lastWorkHeight);
	$('#workList').animate({opacity:0}, 400,function() {
		$('#workList').empty().animate({height:"440px"}, 600,function() {
			$.get('functions/getworkdetail.php', {'id':workId,'callback':'closeWork()'}, function(data){
				$('#workList').html(data).animate({opacity:1}, 400, function() {
					//more info button
					$(".backToGrid img").hover(function(){
							if($(this).attr("src").indexOf("-over") == -1) {
								var newSrc = $(this).attr("src").replace("default.gif","over.gif");
								$(this).attr("src",newSrc);
							}
						},
						function(){
							if($(this).attr("src").indexOf("over.gif") != -1) {
								var oldSrc = $(this).attr("src").replace("over.gif","default.gif");
								$(this).attr("src",oldSrc);
							}
						}
					);
					
				});
			});
		});
	});
}

var lastPhyWorkHeight;
function loadPhysicalWork(workId) {
	lastPhyWorkHeight = $('#physicalList').height();
	$('#physicalList').css('height',$('#physicalList').height());
		$('#physicalList').animate({opacity:0}, 400,function() {
		$('#physicalList').empty().animate({height:"440px"}, 600,function() {
			$.get('functions/getworkdetail.php', {'id':workId,'callback':'closePhyWork()'}, function(data){
				$('#physicalList').html(data).animate({opacity:1}, 400,function() {
					//more info button
					$(".backToGrid img").hover(function(){
							if($(this).attr("src").indexOf("-over") == -1) {
								var newSrc = $(this).attr("src").replace("default.gif","over.gif");
								$(this).attr("src",newSrc);
							}
						},
						function(){
							if($(this).attr("src").indexOf("over.gif") != -1) {
								var oldSrc = $(this).attr("src").replace("over.gif","default.gif");
								$(this).attr("src",oldSrc);
							}
						}
					);
					var currPageOffset = $('html,body').scrollTop();
					$('html,body').scrollTop(currPageOffset+200);
				});

			});
		});
	});
}


function closeWork() {
	$('#workList').css('height',$('#workList').height());
	$('#workList').animate({opacity:0}, 400,function() {
		$('#workList').empty().animate({height:lastWorkHeight+"px"}, 700,function() {
			$.get('functions/getdefaultwork.php', {'typeId':1}, function(data){
				$('#workList').html(data).animate({opacity:1}, 400,function() {
					//more info button
					$(".moreInfo img").hover(function(){
							if($(this).attr("src").indexOf("-over") == -1) {
								var newSrc = $(this).attr("src").replace("default.gif","over.gif");
								$(this).attr("src",newSrc);
							}
						},
						function(){
							if($(this).attr("src").indexOf("over.gif") != -1) {
								var oldSrc = $(this).attr("src").replace("over.gif","default.gif");
								$(this).attr("src",oldSrc);
							}
						}
					);
				});
			});
		});
	});
}

function closePhyWork() {
	$('#physicalList').css('height',$('#physicalList').height());
	$('#physicalList').animate({opacity:0}, 400,function() {
		$('#physicalList').empty().animate({height:lastPhyWorkHeight+"px"}, 700,function() {
			$.get('functions/getdefaultwork.php',{'typeId':3}, function(data){
				$('#physicalList').html(data).animate({opacity:1}, 400);
			});
		});
	});
}