jQuery(function() {
	
	//$("#main-frame").fadeIn(500);
	//$("#header-frame").fadeIn(500);

/*************************************************************************/
//								PORTFOLIO
/*************************************************************************/

	$(".tab").mouseover(function (e) {

		$("#"+e.currentTarget.id).fadeTo(140,1.0);
		
		return false;
	});
	$(".tab").mouseout(function (e) {
	
		$("#"+e.currentTarget.id).fadeTo(140,0.8);
		
		return false;
	});
	
	$(".tab").click(function (e) {
	
		$(".tab-active").fadeOut(180);
		var clickedId = e.currentTarget.id;
		$("#" + clickedId + "-active").fadeIn(180);
		
		var oldContent = $(".tab-content-visible").attr("id");
		$("#" + oldContent).removeClass("tab-content-visible");
		
		$("#" + oldContent).fadeOut(200, function () {
			$("#" + clickedId + "-content").fadeIn(200);
			$("#" + clickedId + "-content").addClass("tab-content-visible");
			
			return false;
		});
		
		
		return false;
	});
	
/*************************************************************************/
//								SITE GROUP HEADER
/*************************************************************************/

	$("#sgControlBtn").toggle(
		function() {
			var sgHeight = $(".sgContent").outerHeight();
			$("body").animate({marginTop: sgHeight}, 600);
			$("#sgContentFrame").animate({height: sgHeight}, 600, function(){
				$("#sgControlBtn").addClass('opened');
			});
			
		},
		function() {
			$("body").animate({marginTop: 0}, 600);
			$("#sgContentFrame").animate({height: 0}, 600, function(){
				$("#sgControlBtn").removeClass('opened');
			});
			
		}
	);
});

$(document).ready(function() {
	$("#contact-write").css({display:'none'}).fadeIn(1200);	
});