/* generate popup */
$(document).ready(function(){
	$('#main').append('<div class="popup">\
		<div class="popup-corner">\
		<div class="popup-c_t"></div><div class="popup-c_lt"></div><div class="popup-c_rt"></div><div class="popup-c_b"></div><div class="popup-c_lb"></div><div class="popup-c_rb"></div>\
		<div class="popup-c_l">\
		<div class="popup-c_r">\
		<div class="popup_t"><span class="pop_name"></span><img src="/images/bg/popup/close.jpg" alt="" class="close" id="close-pop" /></div>\
		<div class="popup_inner"></div>\
		</div></div></div>\
		</div>');
	/* replace  link */
	$('.popup_lnk').each(function(index){
		$(this).attr('name',$(this).attr('href')).attr('href','javascript:;');
	});
	/* click event */
	$('.popup_lnk').click(function(e){
		lft = $(this).position().left;
		tp  = $(this).position().top - 200;
		popID = '#'+$(this).attr('name');
		wid = $(popID).width()+20;
		wid<351 ? wid = 350 : wid > 897 ? wid = 897 : {};
		hei = $(popID).height();
		$('.popup').css({
			left: lft,
			top: tp});
		$('.popup-corner').width(wid);
		$('.popup_inner').height(hei);
		$('.pop_name').text($(popID).attr('title'));
		$('.popup_inner').html($(popID).html());
		$('.popup').show();
	});
	$('#close-pop').click(function(){
		$('.pop_name').text(' ');
		$('.popup').hide();
	
	});
});