﻿$(function(){var l=$("#box");var q=$("#box_bg");var r=$("#box_visit_website");var p=$("#portfolio_wrap");var o=$("#portfolio_wrap .cell");var i=$("#portfolio_title");var f=$("#ttl_txt");$(window).bind("load",function(){$("#portfolio_loading").remove();m()});var d=o.width()-o.children(".myimage").width();var h=o.height()-o.children(".myimage").height();var n=2000;var j=1500;var a=d/4;var c=d*2/4;var e=d*3/4;var b=h/4;var k=h*2/4;var g=h*3/4;function m(){p.mousemove(function(E){i.fadeTo(0,0.5);i.fadeIn(100);i.stop(true,true).animate({left:(E.pageX-60)+"px",top:(E.pageY-50)+"px"})});p.mouseleave(function(){i.fadeOut(100)});o.each(function(E){$(this).hover(function(G){f.text($(this).attr("client"));$(this).children(".highlight").fadeTo(100,0.75).delay(100).fadeOut(500);var F=$(this).children(".myimage");y(F)},function(){$(this).children(".myimage").stop(true,false)});$(this).click(function(){var F='<a id="box_visit_website" href="'+$(this).attr("visit")+'" target="_blank">visit website</a>';q.css("display","block");$(l).stop(true,true).fadeIn().delay(1000).animate({width:o.children(".myimage").width()+"px",height:o.children(".myimage").height()+"px"},j,function(){l.addClass("box_opened")}).html($(this).children(".myimage").html()).prepend(F)})});l.click(function(){if($(this).hasClass("box_opened")){$(this).stop(true,true).animate({width:"0px",height:"0px"},function(){l.removeClass("box_opened");q.css("display","none")}).fadeOut()}});l.mousemove(function(){i.fadeOut(5)});function y(E){$(E).animate({left:a+"px",top:"0px"},n,function(){x(E)})}function x(E){$(E).animate({left:d+"px",top:k+"px"},n,function(){w(E)})}function w(E){$(E).animate({left:e+"px",top:h+"px"},n,function(){v(E)})}function v(E){$(E).animate({left:"0px",top:g+"px"},n,function(){u(E)})}function u(E){$(E).animate({left:c+"px",top:"0px"},n,function(){t(E)})}function t(E){$(E).animate({left:d+"px",top:b+"px"},n,function(){D(E)})}function D(E){$(E).animate({left:c+"px",top:h+"px"},n,function(){B(E)})}function B(E){$(E).animate({left:"0px",top:b+"px"},n,function(){z(E)})}function z(E){$(E).animate({left:e+"px",top:"0px"},n,function(){s(E)})}function s(E){$(E).animate({left:d+"px",top:g+"px"},n,function(){C(E)})}function C(E){$(E).animate({left:a+"px",top:h+"px"},n,function(){A(E)})}function A(E){$(E).animate({left:"0px",top:k+"px"},n,function(){y(E)})}}});
