$(function(){
	$('.close_ajax').live('click',function(){
		$('.full_modal').remove();
		return false;
	});
	
	
	$('#top_menu ul li a').mouseover(function(){
		var image = $(this).css("background-image");
		var new_image = image.replace(".png","_hover.png");
		$(this).css({"background-image":new_image});
	});
	$('#top_menu ul li a').mouseout(function(){
		
		var image = $(this).css("background-image");
		var new_image = image.replace("_hover.png",".png");
		$(this).css({"background-image":new_image});
	});
	change_menu();
	vertical_menu();
	contactForm();
	show_image();
	gallery_index();
});
function gallery_index(){
	var size  = $('#showimages').size();
	if(size==0) return false;
	var margin = 5*2; // marginleft - margin-right;
	var width = $('#showimages li').width() + margin;
	var num = $('#showimages li').size();
	var ulwidth = width*num;
	$('#showimages').css({"width":ulwidth});
	var numac = $('#showimages li').index($('#showimages li.center'));
	var left = width*(numac-1);
	
	$('#showimages').css({"left":"-"+left+"px"});
	$('.nav_control img').click(function(){
		var numac = $('#showimages li').index($('#showimages li.center'));
		var action  = $(this).attr("rel");
		if(action=="left"){
			if(numac==0){
				 return false;
			}
			$('#showimages li').removeClass("center");
			$('#showimages li').eq(numac-1).addClass("center");
			var left = width*(numac-2)+"px";
			if(numac==1){
				 return false;
			}
			$('#showimages').animate({"left":"-"+left});
			
		}else{
			
			if(numac==(num-1)){
				 return false;
			}
			
			$('#showimages li').removeClass("center");
			$('#showimages li').eq(numac+1).addClass("center");
			
			var left = width*(numac);
			if(numac==(num-2)){
				 return false;
			}
			$('#showimages').animate({"left":"-"+left+"px"});
		}
	}).css({"cursor":"pointer"});;
}
function show_image(){
	
	$('#imgcontrol').click(function(){
		if($('.content_update').is(":visible")){
			$(this).attr("src","images/update_close.png");
			$('.content_update').slideUp();
		}else{
			$(this).attr("src","images/update_open.png");
			$('.content_update').slideDown();
		}
		
		
	}).hover(function(){
		
		$(this).css("cursor","pointer");
	});
}
function smithAlert(string){
	var width = $(document).width();
	var height = $(document).height();
	var str;
	str = 	'<div class="full_modal">'+
			'<div class="modal_contain">'+
			'<div class="right">'+
			'<a class="close_ajax" href="#">'+
			'<img src="images/close_ajax.png"></a></div>'+
			'<div class="cleardiv"></div>'+
			'<img src="'+string+'">'+
			'</div></div>';
	$('body').append(str);
	$('.full_modal').css({"width":width+"px","height":height+"px"});
	$('.modal_contain img').load(function(){
		var cont  = $('.modal_contain');
		var my_height = cont.height();
		var my_width = cont.width();
		var w_width = $(window).width();
		var w_height = $(window).height();
		var top = (w_height-my_height)/2;
		var left = (w_width-my_width)/2;
		cont.css({"top":top+130+"px","left":left+"px"});
	});
	
	
	
}
function contactForm(){
	$('#contactForm').submit(function(){
		$t = $(this);
		ajax_setup_full($(this));
		$.ajax({
			success:function(data){
				
				myAlertTime(data.MSG);
				if(data.SUCCESS=="true"){
					myReset($t);
				}
			}
		});
		return false;
	});
	
}
function change_menu(){
	$('.lang').click(function(){
		jQuery.data(document.body, 'lang', $(this).attr("id"));
		check_data();
		return false;
	});
	
}

function vertical_menu(){
	//$("#top_menu ul li ul").css({display: "none"}); // Opera Fix
	$("#top_menu ul li").hover(function(){
		var ele = $(this).find('ul:first');
		ele.css({visibility: "visible",display: "inline"}).show(400);
		
		
	},function(){
		$(this).find('ul:first').css({visibility: "hidden"});
	});
	
	$("#top_menu ul li ul li").hover(function(){
		
		var ele = $(this).find('ul:first');
		ele.css({'position':'absolute',top:'0px','right':"180px",visibility: "visible",display: "inline"}).show(400);
		
		
		
	},function(){
		$(this).find('ul:first').css({visibility: "hidden"});
	});
}


function check_data(){
	var lang = jQuery.data(document.body, 'lang');
	if(lang =="th"){
		$("#th").css("background-image",'url("images/th_hover.png")');
		$("#en").css("background-image",'url("images/en.png")');
		$('.p_th').show(); $('.p_en').hide();
	}else{
		$("#en").css("background-image",'url("images/en_hover.png")');
		$("#th").css("background-image",'url("images/th.png")');
		$('.p_th').hide(); $('.p_en').show();
	
	}
}