function get_element_padding(element) {
	var padding = new Array();
	padding['left'] = parseInt(element.css('padding-left').replace('px', ''));
	padding['right'] = parseInt(element.css('padding-right').replace('px', ''));
	padding['top'] = parseInt(element.css('padding-top').replace('px', ''));
	padding['bottom'] = parseInt(element.css('padding-bottom').replace('px', ''));
	return padding;
}

var corners = new Array('c_tl', 'c_tr', 'c_bl', 'c_br');
var edges = new Array('c_t', 'c_b', 'c_l', 'c_r');

function remove_element_corners(element) {
	for(x in corners) {
		$('.' + corners[x], element).remove();
	}
	for(x in edges) {
		$('.' + edges[x], element).remove();
	}
}

function apply_corner(element, corner_html, edge_html) {
	remove_element_corners(element);
	var padding = get_element_padding(element);
	var width = element.width() + padding['left'] + padding['right'] - 16;
	var height = element.height() + padding['top'] + padding['bottom'] - 16;
	for(x in corners) {
		element.append(corner_html.replace('c_xx', corners[x]));
	}
	for(x in edges) {
		if(edges[x]=='c_t' || edges[x]=='c_b') {
			element.append(edge_html.replace('c_x', edges[x]).replace('WWW', width).replace('DIM', 'width'));
		} else {
			element.append(edge_html.replace('c_x', edges[x]).replace('WWW', height).replace('DIM', 'height'));
		}
	}
}

function apply_corner1(element) {
	var corner_html = '<span class="round_corner c_xx"></span>';
	var edge_html = '<span class="round_edge c_x" style="DIM:WWWpx;"></span>';
	apply_corner(element, corner_html, edge_html);
}

function apply_corner2(element) {
	var corner_html = '<span class="round_corner2 c_xx"></span>';
	var edge_html = '<span class="round_edge2 c_x" style="DIM:WWWpx;"></span>';
	apply_corner(element, corner_html, edge_html);
}

function hide_show_article(element) {
	$('.title', element).toggleClass('less');
	$('.content', element).slideToggle(100, function() {
		apply_corner2(element);
	});
}

function preload_menu_bg() {
	$('<img />').attr('src', '/images/head/menu-sub-bg.png');
}

function load_colorbox() { 
	if(jQuery().colorbox) {
		colorbox_start();
	} else {
		if($('.video_popup') || $('.image_popup')) {
			$.ajax({ url:'/css/colorbox.css', success:function(data) {
				$('body').append('<style>' + data + '</style>');
				$.getScript('/js/jquery.colorbox.js', function() {
					colorbox_start();
				});
			} });
		}
	}
}

function colorbox_start() {
	$('.video_popup').colorbox({ innerWidth:'480px', innerHeight:'320px', iframe:true, opacity:0.7 });
	$('.image_popup').colorbox({ opacity:0.7 });
}

$(document).ready(function() {
	//Drop Down Menu
	preload_menu_bg();
	$('#head .menu li:has(ul)').hover(function() {
		$('a:first', this).addClass('active');
		$('.sub', this).show();
	}, function() {
		$('a:first', this).removeClass('active');
		$('.sub', this).hide();
	});

	
	$('.apply_corner1').each(function() {
		apply_corner1($(this));
	});
	
	$('.apply_corner2').each(function() {
		apply_corner2($(this));
	});
	
	$('.page_articles > .article > .content').each(function() {
		var article = $(this).parent();
		$(this).hide(0, function() {
			apply_corner2(article);
		});
	});
	
	$('.page_articles > .article > .title').click(function() {
		var article = $(this).parent();
		hide_show_article(article);
	});
	
	load_colorbox();
});