J.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    J("<img>").attr("src", arguments[i]);
  }
}

//J.preloadImages("work_img/1.jpg", "work_img/2.jpg","work_img/3.jpg");


J(document).ready(function(){
	

	J("a.work").click(function (event) {
								
			a_elm = this;
				
			event.preventDefault();
			
					
			
					 if (J("div#test2").is(":hidden")) {
						
						 
										J(a_elm).addClass('active');									 
											
										J(a_elm).prepend('<img src="images/ajax-loader.gif" class="img_ld">');
										
										J(a_elm.getElementsByTagName('img')).addClass('mn-img');
										
										J((".mn-img")).animate({ 
															
												opacity: 0.5
															
										}, 500 );
													
										
											J("a.thb_work").removeClass('vsbl');
											
											J("#vsbl").addClass('vsbl');
											  
											 img_src = J(a_elm).attr('rel');
											  
								J.get("portfolio_loader.php",{id: J(a_elm).attr("id")}, function(data){
										
										
															J("div#test2").html(data);
												
															rel_thb_work();
													
															var img = new Image();
															J(img).load(function () {
																				  
																this_this = this;
																				  
																J.scrollTo('#tabbed_box_1', {duration:300, axis:'y', onAfter:function() {		  
												
																
																	J(".img_ld").remove();
																	
																	J('#img_frm').removeClass('loading').prepend(this_this);
																	
																	J('#img_frm').height(this_this.height);
																	
																	//'opacity','0'
																	 J("div#test2").show("slow");
																	 J(this_this).addClass('img_th');
																	 
																	J(this_this).fadeIn();
																	
																	
																}});
																
																
															}).error(function () {
																// notify the user that the image could not be loaded
															}).attr('src', img_src);	
														
												
												
												
												
											
						})
						
						
					  } else if(!J(this).hasClass("active") && !J(this).hasClass("close")) {	
					  
								ths_dv = a_elm;										
							  
								
																 
										
										
										
								
										J((".mn-img")).animate({ 
												
												opacity: 1
												
										}, 500, function() {
											
												J(".mn-img").removeClass('mn-img');
												
												J(ths_dv).prepend('<img src="images/ajax-loader.gif" class="img_ld">');
							
												J(ths_dv.getElementsByTagName('img')).addClass('mn-img');
												
												J((".mn-img")).animate({ 
																	
														opacity: 0.5
																	
												}, 500 );
															
							
												J("a.thb_work").removeClass('vsbl');
												
												J("#vsbl").addClass('vsbl');
							
														J.get("portfolio_loader.php",{id: J(ths_dv).attr("id")}, function(data){
																								 
																		
																				
																										 
																		  
																					img_src = J(ths_dv).attr('rel');
																				
																					var img = new Image();
																					J(img).load(function () {
																							//$(this).css('display', 'none'); // .hide() doesn't work in Safari when the element isn't on the DOM already
																							//J(this).hide();
																							//J(this).blur();
																							//J(this).show("slow");		
																							this_this = this;
																							
																						J.scrollTo('#tabbed_box_1', {duration:300, axis:'y', onAfter:function() {	
																																			  
																							J("div#test2").slideUp(function () {
																															 
																									J("a.thb_work").removeClass('vsbl');
								
																									J("#vsbl").addClass('vsbl');
																									
																									J('.active').removeClass('active');
																															 
																									J("div#test2").html(data);
																						
																									rel_thb_work();
																							
																									J(".img_ld").remove();
																									
																									J('#img_frm').removeClass('loading').prepend(this_this);
																									
																									J('#img_frm').height(this_this.height);
																									//'opacity','0'
																									 J("div#test2").show("normal");
																									 
																									 J(".img_th").remove();
																									 J(this_this).addClass('img_th');
																									 
																									J(this_this).fadeIn();	
																									
																							});	
																								
																						}});
																				
																					}).error(function () {
																						// notify the user that the image could not be loaded
																					}).attr('src', img_src);	
																					
																				
																
														});
										
									
										
								
						
							
								})
					
						
					  } else {
						
						  J("div#test2").slideUp(function () {
																 
										J(".img_th").remove();	
										
										J("a.thb_work").removeClass('vsbl');
								
										J("#vsbl").addClass('vsbl');
								
										J((".mn-img")).animate({ 
												
												opacity: 1
												
										}, 500 );
									
										J(".mn-img").removeClass('mn-img');
										
										J('.active').removeClass('active');
									
						});	
						 
					  }
					  

			  
			});
	
	
	
	});


function rel_thb_work(){
	
J("a.work_close_btn").click(function (event) {
								event.preventDefault();		
			 J("div#test2").slideUp(function () {
																 
										J(".img_th").remove();	
										
										J("a.thb_work").removeClass('vsbl');
								
										J("#vsbl").addClass('vsbl');
								
										J((".mn-img")).animate({ 
												
												opacity: 1
												
										}, 500 );
									
										J(".mn-img").removeClass('mn-img');
										
										J('.active').removeClass('active');
									
						});						
								
});
	
	
J("a.thb_work").click(function (event) {
									
					/*	
		var img = new Image();
		J(img).load(function () {
							  
		}).attr('src', img_src);
				*/
				
			sel_work = this;
			insrt= '<img src="images/ajax-loader.gif" class="img_ld_thb">';
						
			J(sel_work).prepend(insrt);
						
				event.preventDefault();		
		
		
				img_src = J(this).attr('href');
				
				
				//J('.img_th').fadeOut();
				J("a.thb_work").removeClass('vsbl');
				
				J(this).addClass('vsbl');
						
						//J('#img_frm').addClass('loading');
						/*
						J('.img_th').animate({ 
								
								opacity: 0.4								
							  }, 1500 );
						*/
						//var img = '.img_th';
						var img = new Image();
						J(img).load(function () {
							//$(this).css('display', 'none'); // .hide() doesn't work in Safari when the element isn't on the DOM already
							
							//J('.img_th').fadeOut();
							J('#img_frm').prepend(this);
							
							J(this).css('position', 'absolute').css('left', '0').css('top', '0').css('opacity', '30');
							        

							//J('.img_frm').height(this.height);
							
							J('.img_th').animate({ 
								
								opacity: 0	
								
							  }, 500,function(){J(this).remove();} );
							
							//J('.img_th').addClass('img_th_rem');
							
							
							
							J(this).animate({ 
								
								opacity: 1	
								
							  }, 500 );
							
							J('#img_frm').animate({ 
								
								height: this.height	
								
							  }, 400 );
							
							
							//J(".img_th").remove();	
							
							//J(".img_th_rem").remove();	
							
							J(this).addClass('img_th');
							
							
							//J(this).hide();
							
							//J('#img_frm').removeClass('loading');
							
							//J(this).fadeIn();
							//J(this).show("slow");
							//J(this).addClass('img_th').append(this);
							
							J(".img_ld_thb").remove();	
							
						}).error(function () {
							// notify the user that the image could not be loaded
						}).attr('src', img_src);
						
						
						

		});

}