// JavaScript Document
$(function() {
	// search function
	tipShowHide('search_input', 'search_span');
	
	// login forms tip function
	tipShowHide('user_id', 'user_id_span');
	tipShowHide('password', 'password_span');
	
	// click login button on top of the page
	$('.login_a').click(function() {
		$(this).hide();
		
		$('.login_form').show();
	})
	$('.login_as').click(function() {
		$('.login_form').hide();
		
		$('.login_a').show();
	})
	
	
	// 2nd menu mouse over and out effect
	$('.sli_last').hover(function() {
		$('.sli_l').addClass('sli_l_m');
	}, function() {
		$('.sli_l').removeClass('sli_l_m');
	})
	$('#small_font').click(function() {
		$('.sub_title').css('font-size', '20px');
		$('.detail_mid table td').css('font-size', '10px');
		$('.detail_mid table td.first_title').css('font-size', '12px');
		$('.vertical_menu ul li a').css('font-size', '12px');
		
		return false;
	})
	$('#normal_font').click(function() {
		$('.sub_title').css('font-size', '24px');
		$('.detail_mid table td').css('font-size', '12px');
		$('.detail_mid table td.first_title').css('font-size', '14px');
		$('.vertical_menu ul li a').css('font-size', '14px');
		
		return false;
	})
	$('#big_font').click(function() {
		$('.sub_title').css('font-size', '28px');
		$('.detail_mid table td').css('font-size', '14px');
		$('.detail_mid table td.first_title').css('font-size', '16px');
		$('.vertical_menu ul li a').css('font-size', '16px');
		
		return false;
	})
	
	
	$('.cell_title').hover(function(e) {
		var id = $(this).attr('id');
		var num = 0;
		var left = $(this).offset().left;
		var top = $(this).offset().top;
		
		if(id)
		{
			var num = id.substring(11, id.length);
		}
		if($('#cell_pop_'+num))
		{
			$('#cell_pop_'+num).css({ 'left': left + 50, 'top': top - 120, 'display': 'block' });
		}
		
	}, function(e) {
		var id = $(this).attr('id');
		var num = 0;
		if(id)
		{
			var num = id.substring(11, id.length);
		}
		$('#cell_pop_'+num).css({ 'display': 'none' });
	})
	
	$('.cell_pop').hover(function() {
		$(this).css('display', 'block');
	}, function() {
		$(this).css('display', 'none');
	})
	
	
	// function to show gallery on side of home page
	$('.side_thumbnail div a').click(function() {
		var class_name = $(this).attr('class');
		//alert(class_name);
		
		$('.side_img_box').hide();
		$('#media_a_box .'+class_name).show();
	})
	// function to show gallery on side of home page
	/*$('#photo_a_box .side_thumbnail div img').click(function() {
		var class_name = $(this).attr('class');
		
		
		$('.flickr_img_box').hide();
		$('.'+class_name).show();
	})*/
	
	
	// side tab function
	/*$('#side_service a.use_links_a').click(function() {
		if($(this).hasClass('use_links_close'))
		{
			$(this).removeClass('use_links_close');
			$('#side_service div.links_content').show();
			$('#side_service div.service_bottom').show();
			
			$('#side_links a.use_links_a').addClass('use_links_close');
			$('#side_links div.links_content').hide();
		}
	})
	$('#side_links a.use_links_a').click(function() {
		if($(this).hasClass('use_links_close'))
		{
			$(this).removeClass('use_links_close');
			$('#side_links div.links_content').show();
			
			$('#side_service a.use_links_a').addClass('use_links_close');
			$('#side_service div.links_content').hide();
			$('#side_service div.service_bottom').hide();
		}
	})*/
	
	
	// site map close and open function
	$('.map_btn_open').click(function() {
		$(this).hide();
		$('.map_btn_close').show();
		
		$('.bg_img').css('height', 15).removeClass('bg_add_img');
		$('.site_content').css('display', 'none');
	})
	$('.map_btn_close').click(function() {
		$(this).hide();
		$('.map_btn_open').show();
		
		$('.bg_img').css('height', 256).addClass('bg_add_img');
		$('.site_content').css('display', 'block');
	})
	
	
	// main contents tab
	$('#list_tab a').click(function() {
		var class_name = $(this).attr('class');
		$('#list_tab').attr('class', '');
		
		if(class_name == 'lcd_a')
		{
			$('#list_tab').addClass('list_top').addClass('lcd_cur');
		}
		else if(class_name == 'ebl_a')
		{
			$('#list_tab').addClass('list_top').addClass('ebl_cur');
		}
		else if(class_name == 'other_a')
		{
			$('#list_tab').addClass('list_top').addClass('other_cur');
		}
		
		$('.list_mid').css('display', 'none');
		$('#'+class_name+'_box').css('display', 'block');
	})
	
	
	// side tab function
	$('.side_top a').click(function() {
		var id_cur = $(this).attr('id');
		
		$('.side_top a').removeClass('cur_tab');
		$('.side_mid').css('display', 'none');
		
		$(this).addClass('cur_tab');
		$('#'+id_cur+'_box').css('display', 'block');
		return false;
	})
	
	
	
	// banner thumb nail hover function 
	$('.banner_navi li a').hover(function() {
		var top = $(this).offset().top;
		var left = $(this).offset().left;
		
		var id_name = $(this).attr('id');
		
		$('.thumb_banner').hide();
		$('#'+id_name+'_box').css({ 'top': top - 100, 'left': left - 53 }).show();
		
	}, function() {
		$('.thumb_banner').hide();
	})
	
	
	// function to click program list or by data list
	$('a.icon_program').click(function() {
		$('a.icon_data').removeClass('icon_curr');
		$('a.icon_data img').attr('src','website/im/icon_data.png');
		$('#list_by_data').css('display', 'none');
		$('.tab_by_data').hide();
		
		$(this).addClass('icon_curr');
		$('img',this).attr('src','website/im/icon_program.png');
		$('#list_tab a').show();
		$('#lcd_a_box').css('display', 'block');
		$('#list_tab').attr('class', '');
		$('#list_tab').addClass('list_top').addClass('lcd_cur');
	})
	$('a.icon_data').click(function() {
		$('#list_tab a').hide();
		$('.list_mid').hide();
		$('a.icon_program').removeClass('icon_curr');
		$('a.icon_program img').attr('src','website/im/icon_list.png');
		
		$(this).addClass('icon_curr');
		$('img',this).attr('src','website/im/btn_bydate.jpg');
		$('#list_by_data').css('display', 'block');
		$('.tab_by_data').show();
		
	})
	
	
	
})

// function to show or hide tip text on top of input tag
function tipShowHide(input, span)
{
	$('#'+input).focus(function() {
		$('#'+span).hide();
	})
	$('#'+span).click(function() {
		$('#'+input).focus();
		$(this).hide();
	})
	$('#'+input).blur(function() {
		if($(this).val() == '')
		{
			$('#'+span).show();
		}
	})
}
//add for tabbing
$(document).ready(function(){
	$('#tabbing_title li a').hover(function(){
		if(!($(this).hasClass('current'))){
			$(this).addClass('now');
		}
	},function(){
		$(this).removeClass('now');
	});
	$('#tabbing_title li a').click(function(){
		var order = $('#tabbing_title li a').index(this);
		$('.tabbing_content .tabbingcell').removeClass('current');
		$('#tabbing_title li a').removeClass('current');
		$('.tabbing_content .tabbingcell:eq('+order+')').addClass('current');
		$('#tabbing_title li a:eq('+order+')').addClass('current');
	});
	$('#tabbing_title_wide li a').hover(function(){
		if(!($(this).hasClass('current'))){
			$(this).addClass('now');
		}
	},function(){
		$(this).removeClass('now');
	});
	$('#tabbing_title_wide li a').click(function(){
		var order = $('#tabbing_title_wide li a').index(this);
		$('.tabbing_content_wide .tabbingcell').removeClass('current');
		$('#tabbing_title_wide li a').removeClass('current');
		$('.tabbing_content_wide .tabbingcell:eq('+order+')').addClass('current');
		$('#tabbing_title_wide li a:eq('+order+')').addClass('current');
	});
	//for flickr gallery
	var namesmall= new Array();
	var namesbig = new Array();
	var hrefs = new Array();
	$('.flickr a').each(function(i){
		namesmall[i] = $(this).children().attr('src').substring(0,$(this).children().attr('src').length-5)+'t.jpg';
		namesbig[i] = $(this).children().attr('src').substring(0,$(this).children().attr('src').length-5)+'z.jpg';
		hrefs[i] = $(this).attr('href');
	});//alert(namesmall);
	$('#photo_a_box').html('<div class="flickr_img_box thumbnail_1" style="display:block;">'+
                    	'<a target="_blank" href="'+hrefs[0]+'"><img src="'+namesbig[0]+'" width="320" height="213" /></a>'+
                    '</div>'+
                    '<div class="flickr_img_box thumbnail_2" style="display:none;">'+
                    	'<a target="_blank" href="'+hrefs[1]+'"><img src="'+namesbig[1]+'" width="320" height="213" /></a>'+
                    '</div>'+
                    '<div class="flickr_img_box thumbnail_3" style="display:none;">'+
                    	'<a target="_blank" href="'+hrefs[2]+'"><img src="'+namesbig[2]+'" width="320" height="213" /></a>'+
                    '</div>'+
                    '<div class="flickr_img_box thumbnail_4" style="display:none;">'+
                    	'<a target="_blank" href="'+hrefs[3]+'"><img src="'+namesbig[3]+'" width="320" height="213" /></a>'+
                    '</div>'+
					'<div class="clear_b"></div>'+
                    '<div class="side_thumbnail">'+
                    	'<div>'+
                        	'<img onclick="changeimg(this.id);" id="thumbnail_1" src="'+namesmall[0]+'" width="67" height="45" />'+
                        '</div>'+
                        '<div>'+
                        	'<img onclick="changeimg(this.id);" id="thumbnail_2" src="'+namesmall[1]+'" width="67" height="45" />'+
                        '</div>'+
                        '<div>'+
                        	'<img onclick="changeimg(this.id);" id="thumbnail_3" src="'+namesmall[2]+'" width="67" height="45" />'+
                        '</div>'+
                        '<div style="margin-right:0;">'+
                        	'<img onclick="changeimg(this.id);" id="thumbnail_4" src="'+namesmall[3]+'" width="67" height="45" />'+
                        '</div>'+
                    '</div>'+
                    '<div class="clear_b"></div>');
					
					
	
});
function changeimg(id){
		$('.flickr_img_box').hide();
		$('#photo_a_box .'+id).show();
}
