$(document).ready(function() {
	
	var photobox =$('p#fea_mainimg2');
    photobox.cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 0,
		before:  onBefore,
        pager:  '#fea_left',
       	pagerAnchorBuilder: function(idx, slide) { 
        	return '#fea_left ul li:eq(' + idx + ') a';
    	}
    });
	
	function onBefore() { 
    	var targetHeight = this.height;
		photobox.css({'height':targetHeight});
	}
	
	
	//sub item slide
	$('div.sub_img p').each(function(){
		
		var myparent = $(this);
		
    	$(this).after('<ul class="photoicon">').cycle({
			fx:     'fade',
			speed:  'slow',
			timeout: 0,
			before:  onBefore2,
			pager: $(this).next(),
			pagerAnchorBuilder: function(idx, slide) {
				return '<li class=""><a href="javascript:void(0)"><img src="' + slide.src + '" height="44" /></a></li>';
			}
    	});
		
		function onBefore2() {
			var targetHeight = this.height;
			myparent.css({'height':targetHeight});
		} 
		
 	});

	
});