// JavaScript Document
 $(document).ready(function(){
							
							
 // project left image click---------------------------------------------------
 $(".project_img_left").click(function(){
 var project_name=$(this).parent().attr("id"); //find project name of clicked image
 $(".project_img_right").html("");	//clear right image from all projects
 var project_img_right="load_right_img.php?project="+project_name;
 $(this).parent().find(".project_img_right").load(project_img_right); 
 var project_descr="read_description.php?project="+project_name; //create php link for project description
 $(".project_descr").load(project_descr); //load project description
 var project_link="#"+project_name; // name of the project link for clicked project
 $(".project_link>a").removeClass("project_link_sel"); // clear selected all project links
 $("a[href="+project_link+"]").addClass("project_link_sel"); //make this project link selected
 $("a[href="+project_link+"]").removeClass("project_link_hov"); 
 });
 
 
// project left image hover---------------------------------------------------
 $(".project_img_left").hover(function(){
 var project_name=$(this).parent().attr("id");
 var project_link="#"+project_name;
 $(this).find("img").addClass("img_rollover");
 $("a[href="+project_link+"]").not(".project_link_sel").addClass("project_link_hov");
 }, function(){
 $(".project_link>a").removeClass("project_link_hov");
 $(this).find("img").removeClass("img_rollover");
 });

// project text hover---------------------------------------------------
 $(".project_descr").hover(function(){
	$(this).css({"backgroundColor":"#F9F9F9"});
	}, function(){
	$(this).css({"backgroundColor":"transparent"});
	});
 // project link hover---------------------------------------------------
 $(".project_link>a").hover(function(){
	$(this).not(".project_link_sel").removeClass("project_link").css({"border-bottom":"2px solid #000000","backgroundColor":"#F9F9F9"});
	var project_id=$(this).attr("href");
	$(project_id).find(".project_img_left").find("img").addClass("img_rollover");
 }, function(){
 	$(this).attr("style","");
	var project_id=$(this).attr("href");
	$(project_id).find(".project_img_left").find("img").removeClass("img_rollover");
	$(".project_descr").css({"backgroundColor":"transparent"});
 });
 
 
 // project link click---------------------------------------------------
 $(".project_link>a").click(function(){
 $(".project_link>a").removeClass("project_link_sel");
 $(this).attr("style","");
 $(this).addClass("project_link_sel");
  var project_href=$(this).attr("href");
  var project_name=project_href.replace(/#/,"");
 $(".project_img_right").html("");
 var project_img_right="load_right_img.php?project="+project_name;
 $("#"+project_name).find(".project_img_right").load(project_img_right); 
 var project_descr="read_description.php?project="+project_name;
 $(".project_descr").load(project_descr);
 });
 //contact link click---------------------------------------------------
 $("#contact").click(function(){
 $(".project_descr").load("contact.html");
 });
 
 });