$(document).ready(function() {
	$("#commentForm").validate();
	$('.csc-textpic-image div a').lightBox();
	$('.news-single-img a').lightBox();
});

$(document).ready(function() { 
	$(".yt_show").click(function(){
		$(this).parents('.yt_main').find('.yt_code').slideToggle();
	});
});	

 $(document).ready(function(){

	//When mouse rolls over
	$("#box1").mouseover(function(){
		$(this).stop().animate({height:'300px',width:'280px'})
	});
	
	//When mouse is removed
	$("#box1").mouseout(function(){
		$(this).stop().animate({height:'210px',width:'140px'})
	});
	
	//When mouse rolls over
	$("#box1").mouseover(function(){
		$("#box2").stop().animate({height:'210px',width:'100px'})
	});
	
	//When mouse is removed
	$("#box1").mouseout(function(){
		$("#box2").stop().animate({height:'210px',width:'140px'})
	});
	
	//When mouse rolls over
	$("#box1").mouseover(function(){
		$("#box3").stop().animate({height:'210px',width:'100px'})
	});
	
	//When mouse is removed
	$("#box1").mouseout(function(){
		$("#box3").stop().animate({height:'210px',width:'140px'})
	});
	
	//When mouse rolls over
	$("#box1").mouseover(function(){
		$("#box4").stop().animate({height:'210px',width:'100px'})
	});
	
	//When mouse is removed
	$("#box1").mouseout(function(){
		$("#box4").stop().animate({height:'210px',width:'140px'})
	});
	
	

	//When mouse rolls over
	$("#box2").mouseover(function(){
		$(this).stop().animate({height:'300px',width:'280px'})
	});
	
	//When mouse is removed
	$("#box2").mouseout(function(){
		$(this).stop().animate({height:'210px',width:'140px'})
	});
	
	//When mouse rolls over
	$("#box2").mouseover(function(){
		$("#box1").stop().animate({height:'210px',width:'100px'})
	});
	
	//When mouse is removed
	$("#box2").mouseout(function(){
		$("#box1").stop().animate({height:'210px',width:'140px'})
	});
	
	//When mouse rolls over
	$("#box2").mouseover(function(){
		$("#box3").stop().animate({height:'210px',width:'100px'})
	});
	
	//When mouse is removed
	$("#box2").mouseout(function(){
		$("#box3").stop().animate({height:'210px',width:'140px'})
	});
	
	//When mouse rolls over
	$("#box2").mouseover(function(){
		$("#box4").stop().animate({height:'210px',width:'100px'})
	});
	
	//When mouse is removed
	$("#box2").mouseout(function(){
		$("#box4").stop().animate({height:'210px',width:'140px'})
	});
	
	

	//When mouse rolls over
	$("#box3").mouseover(function(){
		$(this).stop().animate({height:'300px',width:'280px'})
	});
	
	//When mouse is removed
	$("#box3").mouseout(function(){
		$(this).stop().animate({height:'210px',width:'140px'})
	});
	
	//When mouse rolls over
	$("#box3").mouseover(function(){
		$("#box1").stop().animate({height:'210px',width:'100px'})
	});
	
	//When mouse is removed
	$("#box3").mouseout(function(){
		$("#box1").stop().animate({height:'210px',width:'140px'})
	});
	
	//When mouse rolls over
	$("#box3").mouseover(function(){
		$("#box2").stop().animate({height:'210px',width:'100px'})
	});
	
	//When mouse is removed
	$("#box3").mouseout(function(){
		$("#box2").stop().animate({height:'210px',width:'140px'})
	});
	
	//When mouse rolls over
	$("#box3").mouseover(function(){
		$("#box4").stop().animate({height:'210px',width:'100px'})
	});
	
	//When mouse is removed
	$("#box3").mouseout(function(){
		$("#box4").stop().animate({height:'210px',width:'140px'})
	});
	
	

	//When mouse rolls over
	$("#box4").mouseover(function(){
		$(this).stop().animate({height:'300px',width:'280px'})
	});
	
	//When mouse is removed
	$("#box4").mouseout(function(){
		$(this).stop().animate({height:'210px',width:'140px'})
	});
	
	//When mouse rolls over
	$("#box4").mouseover(function(){
		$("#box1").stop().animate({height:'210px',width:'100px'})
	});
	
	//When mouse is removed
	$("#box4").mouseout(function(){
		$("#box1").stop().animate({height:'210px',width:'140px'})
	});
	
	//When mouse rolls over
	$("#box4").mouseover(function(){
		$("#box2").stop().animate({height:'210px',width:'100px'})
	});
	
	//When mouse is removed
	$("#box4").mouseout(function(){
		$("#box2").stop().animate({height:'210px',width:'140px'})
	});
	
	//When mouse rolls over
	$("#box4").mouseover(function(){
		$("#box3").stop().animate({height:'210px',width:'100px'})
	});
	
	//When mouse is removed
	$("#box4").mouseout(function(){
		$("#box3").stop().animate({height:'210px',width:'140px'})
	});
	
	
});