/* effect of Power Point pictures animation */
$(document).ready(function(){

$("#huge").css({ position: "absolute", opacity: "0.0"});
/*$("#huge").hide();*/


var hugeimage, kartinka;

	$("#content_div img").live("click", function(){


$("#rsnake").css({display:"block"});


$("#huge").css({opacity: "0.0"});
kartinka=this;


/*$("p:odd").text( kartinka.name );  */
xx=$(kartinka).height();
yy=$(kartinka).width();
aa=$(kartinka).offset();



currentsrc=kartinka.src;

/*var hugeimag=new Image();*/
hugeimag=new Image();
hugeimag.src=currentsrc+".jpg"; 



/*ii=$(kartinka).attr('src');*/

/*$("#huge").attr('src',ii);*/

$("#huge").attr('src',hugeimag.src);
/*$("p:odd").text( hugeimag.src); */



 return false;
});  /* click */

$("#huge").bind("load", animaBig);

function animaBig()
{ 



$("#rsnake").css({display:"none"});






/*$("#huge").css({visibility:"visible"});*/

$("#huge").css({display:"block"});


$('#huge').css({top: aa.top, left: aa.left});
$('#huge').height(xx)
	  .width(yy);

/*$("#content_div img").css('width'); */


cc=hugeimag.width;
dd=hugeimag.height;

$('#huge').animate({top: $(window).height()/2-$("#huge").height()/2, left: $(window).width()/2-$("#huge").width()/2, opacity: "0.1"}, "normal");

/*$('#huge').animate({ width: $("#huge").attr( function() { return kartinka.width } ), height:$("#huge").attr( "height" ), opacity: "1.0"}, "slow");*/

$('#huge').animate({top: $(window).height()/2-dd/2, left: $(window).width()/2-cc/2, width: cc, height: dd, opacity: "1.0"}, "slow");

/*$("#huge").css({width: cc, height: dd, opacity: "1.0"});*/


/*$("#huge").fadeIn("slow");*/
}	
 




$("#huge, #menu-outer").click(function(){
/*$(this).animate({opacity: "0.0"}, "fast");*/
 $("#huge").hide();
$("#huge").css({opacity: "0.0"});
});


}); /* ready */