var cslider;

function popupInit(){
	cslider = jQuery('.collect-slider');
	var	csliderItem = cslider.find('li');
			
	csliderItem.live('click', function(){ showPopup(this); });
}

function showPopup(el){
	var $_this = jQuery(el),
		innerBlk = $_this.find('.inner-img');
	
	if(innerBlk.length){
		var innerHtml = innerBlk.html();
		var popup = cslider.find('.popup');
		if(popup.length){ closePopup(); }
		cslider.append('<div class="popup" style="display: none;">'+innerHtml+'<span class="close" /></div>');
		var closeBtn = cslider.find('.close');
		popup = cslider.find('.popup').last();
		popup.css({ marginLeft: -(innerBlk.width()/2) }).fadeIn(400);
		popup.find('a').click(function(){ return false; })
		closeBtn.live('click', closePopup );
	}
}

function closePopup(){
	var popup = cslider.find('.popup');
	if(popup.length){ popup.fadeOut(200, function(){ jQuery(this).remove(); }); }
}

jQuery(document).ready(function(){
	jikSlider($_gallery = {
		slider		: 'collect-slider',
		pagination 	: true,
		showed		: 4,
		easing		: 'easeOutQuart'
	});
	
	jQuery('.menu li:first-child').addClass('first');
	jQuery('.menu li:last-child').addClass('last');
	
	Cufon.replace('#navi a');
	
	/* get image url for popup */
	popupInit();
});