$(document).ready(function() {   
	$('.circle_img').cycle({ 
		fx:     'fade',
		speed:  1000,
		timeout: 0,
		next:   '#main_right',
		prev:   '#main_left'
	});
	
	$('.circle_img').children().css('left', '-' + (($(window).width() - 960) / 2) + 'px').css('width', $(window).width()+'px');
	$(window).resize(function(){
		$('.circle_img').children().css('left', '-' + (($(window).width() - 960) / 2) + 'px').css('width', $(window).width()+'px');
	});
	
	$("#main_left").mouseover(function(){
		$(this).attr('src','images/left_active.png');
	}).mouseout(function(){
		$(this).attr('src','images/left_inactive.png');
	});
	$("#main_right").mouseover(function(){
		$(this).attr('src','images/right_active.png');
	}).mouseout(function(){
		$(this).attr('src','images/right_inactive.png');
	});

	$(".circle_img div").click(function(){
		window.location = $(this).attr('id');
	});
	
	$(".content_list").mouseover(function(){
		$(this).children('.link1').children('.cont_lis_img').children(':first').stop();
		$(this).children('.link1').children('.cont_lis_img').children(':first').animate({marginTop: -170},100);
		$(this).css('border-left','#DADADA solid 1px');
		$(this).css('border-right','#DADADA solid 1px');
		$(this).children('.bootom_list').css('visibility','visible');
		$(this).children('.botom_black').css('visibility','visible');
		
		
	}).mouseout(function(){
		$(this).children('.link1').children('.cont_lis_img').children(':first').stop();
		$(this).children('.link1').children('.cont_lis_img').children(':first').animate({marginTop: 0},100);
		$(this).css('border-left','#FFFFFF solid 1px');
		$(this).css('border-right','#FFFFFF solid 1px');
		$(this).children('.bootom_list').css('visibility','hidden');
		$(this).children('.botom_black').css('visibility','hidden');
		
	});
	
     jQuery(".work_list").mouseover(function(){
		jQuery(this).children('.link1').children('.work_img').children(':first').stop();
		jQuery(this).children('.link1').children('.work_img').children(':first').animate({marginTop: -170},100);
	  
		jQuery(this).children('.work_text_box').stop();
		jQuery(this).children('.work_text_box').animate({"height": "185"}, 100);
		
		
    }).mouseout(function(){
		jQuery(this).children('.link1').children('.work_img').children(':first').stop();
		jQuery(this).children('.link1').children('.work_img').children(':first').animate({marginTop: 0},100);
		
		jQuery(this).children('.work_text_box').stop();
		jQuery(this).children('.work_text_box').animate({"height": "0"}, 100); 
    });
});