// JavaScript Document
$(document).ready(function(){
	
	var light_box_style="position:fixed; top:0px left:0px";
	var shadow_style="position:absolute; top:0px; left:0px; background:#ccf2b3;";
	var img_style="position:absolute; top:0px; left:0px; border:solid #FFFFFF 5px; width:330px;";
	
	img_style = img_style+"-moz-box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; box-shadow: 0px 0px 10px #00000;"
	
	$('#thumb-img a').bind('mouseover',function(e){
														
													e.preventDefault();
													
													$('div').filter('#big').eq(0).find('img').eq(0).attr('src',$(this).attr('href'))
													$('div').filter('#big').eq(0).find('.img-detail').eq(0).text($(this).find('img').eq(0).attr('alt'));
												
												   });	
	
	
	$('#thumb-img a').bind('click',function(e){	
													e.preventDefault();
													if($(document).find('#merit_light_box').length)
													{
														var vx = $(document).find('#merit_light_box').eq(0);
														vx.remove();
													}
													
	var src = $(this).attr('href');
	var HTML_CONTENT="<div id='merit_light_box' style='position:fixed; top:0px; left:0px; display:none;'><div id='merit_sh_bg' style='"+shadow_style+"'></div><img id='merit_big_img' style='"+img_style+"' src='"+src+"'></div>";
												
								$('body').append(HTML_CONTENT);
										
								W = $(window).width();
								H = $(window).height();
								
								$('#merit_sh_bg').css('width',W);
								$('#merit_sh_bg').css('height',H);
								$('#merit_sh_bg').css('opacity',0.6);
								
								
								var position = $(this).position();
								
								var tgtLeft = (W - parseInt($('#merit_big_img').css('width')))/2;
								var wx = parseInt($('#merit_big_img').css('width'));
								var tgtTop = 20;
								
								$('#merit_big_img').css('width',$(this).find('img').eq(0).width());
								$('#merit_big_img').css('top',position.top);
								$('#merit_big_img').css('left',position.left);
															
								$('#merit_light_box').fadeIn();
								
								$('#merit_big_img').animate({top:tgtTop,left:tgtLeft,width:wx},1000);
								
								$('#merit_light_box').bind('click',function(){
																			
																			$(this).hide();
																			
																			});
								
												
												   });	
						   
						   
						   
						   
});