// JavaScript Document
$(document).ready(function() { 
    //define image preload function
	jQuery.preloadImages = function(image_loc)
	{
		jQuery("<img>").attr("src",image_loc);
	}

	//move load image
	var top_margin = $('#port_item_holder').height();
	$("#item_load img").animate({ marginTop: "-" + top_margin + "px" }, 0 );
	
	//change display image
	$("a.load").livequery('click', function() {
	  var image_orig = '<img src="' + $("#item_load img").attr("src") + '" />';
	  $("div.main_image").html(image_orig);
	  $("#port_buttons").children("a").html('<img src="images/blue_circle.gif" />').addClass("load");
	  var image_loc = '<img src="' + $(this).attr("href") + '" />';
	  $("#item_load").html(image_loc);
	  $("#item_load img").animate({marginTop: "-" + top_margin + "px"}, 0 );
	  $(this).html('<img src="images/yellow_circle.gif" />').removeClass().addClass("loaded");
      $("#item_load img").animate({marginTop:'0px'},{queue:false, duration:1200, easing: 'easeOutBounce'});
	  return false;
	});
	$("a.loaded").livequery('click', function() {
	  return false;
	});
	
	//get 'dem buttons working
	//super simple image replacement
	$("#port_selector img").mouseout(function(){
	  	var imageName = $(this).attr("src");
		var imgClass = $(this).attr("class");
		if (imgClass == "hover") {
			imageName = imageName.replace("_hov.gif", ".gif");
	  		$(this).attr("src", imageName).removeClass();
		}
	}).mouseover(function(){
	  	var imageName = $(this).attr("src");
	  	var pageTest = imageName.replace("_hov.gif", ".gif");
	  	var pageTest = pageTest.replace("seperator", "");
		if (pageTest == imageName) {
			imageName = imageName.replace(".gif", "_hov.gif");
	  		$(this).attr("src", imageName).addClass("hover");
		}
	});
	
	//add button hovers to the right and left of portfolio -- yes!
	$(".port_projects_button img").mouseout(function(){
	  	var imageName = $(this).attr("src");
		imageName = imageName.replace("_hov.gif", ".gif");
	  	$(this).attr("src", imageName);
	}).mouseover(function(){
	  	var imageName = $(this).attr("src");
	  	imageName = imageName.replace(".gif", "_hov.gif");
	  	$(this).attr("src", imageName);
	});
	
	//add button hovers to the right and left of portfolio -- yes!
	var wiggleDur = 250;
	$(".port_project_image").mouseout(function(){
	  	$(this).animate({ marginTop: '0px' }, wiggleDur);
	}).mouseover(function(){
	  	$(this).animate({ marginTop: '5px' }, wiggleDur);
	});
	//initialize buttons depending on size of content
	$('.port_projects_button img.left').hide();
	var proj_width = $('#port_projects_main').width();
	var proj_width_test = $('#port_projects_print').width();
	if (proj_width_test > proj_width) { proj_width = proj_width_test; }
	var proj_width_test = $('#port_projects_logo').width();
	if (proj_width_test > proj_width) { proj_width = proj_width_test; }
	if (proj_width < 950) {
		$('.port_projects_button img.right').hide();
	}
	$('.port_projects_button img.right').click(function(){
		$('.port_projects_button img.left').fadeIn();
		$('#port_projects_scroll').scrollTo('+=266px', 200, { axis:'x' } );
		var marker = $('#right').offset();
		var marker_left = marker.left;
		var off_cont = $('#port_projects_scroll').offset();
		var cont_left = off_cont.left;
		var distance = marker_left - cont_left;
		if (distance < 850) {
			$('.port_projects_button img.right').fadeOut();
		}
		return false;
	});
	$('.port_projects_button img.left').click(function(){
		$('.port_projects_button img.right').fadeIn();
		$('#port_projects_scroll').scrollTo('-=266px', 200, { axis:'x' } );
		var offset = $('#left').offset();
		var marker_left = offset.left;
		var off_cont = $('#port_projects_scroll').offset();
		var cont_left = off_cont.left;
		var distance = cont_left - marker_left;
		if (distance < 250) { $('.port_projects_button img.left').fadeOut(); }
		return false;
	});
	$('.port_project_image a').click(function(){
		var project = $(this).attr("href");
		project = project.replace('portfolio_focus.php?proj=', '');
		$.post("get_width.php", { proj: project },
		  function(data){
			$('#port_item_holder').width(data);
			$("div.main_image").width(data);
		  });
		$.post("get_height.php", { proj: project },
		  function(data){
			var img_height = data;
		  });
		$.post("project.php", { proj: project },
		  function(data){
			$('#port_close').show();
			$('#holder').html(data).css('marginLeft', '-500px').slideDown();
		  });
		//preload portfolio images
	$('#port_buttons').livequery(function(){
		$(this).find('a').each(function(){
			var img_loc = $(this).attr('href');												
			jQuery("<img>").attr("src",img_loc);
		});
		
	});
		return false;
	});
	
	$('#port_close img').livequery('click',function(){
		$('#holder').slideUp(200);
		return false;
	});
});