$(document).ready(function(){
	$("#dis_id1").bind("change", function(){
		//alert(123);
		obj = this;
		getOptionsAjax(obj, "ct_id");
	});

	$("#tab1").bind("click", function(){
		changeDisplayVal("search", "search1")
	});
	
	$("#tab2").bind("click", function(){
		changeDisplayVal("search1", "search")
	});	
	$("#tab1a").bind("click", function(){
		changeDisplayVal("search", "search1")
	});
	
	$("#tab2a").bind("click", function(){
		changeDisplayVal("search1", "search")
	});	

$("a[name='typeMenu']").bind("click", function(e) {
	$("#menuOver").remove();
	$("li[name='menu']").css("background-color", "");
		var idMenu = this.id;
		var jsonData = null;
		$.ajax({
			type: "GET",
			url: "getSub.php",
			data: "id=" + idMenu,
			dataType: "json",
			success: function(data) {
				//alert(data);
				jsonData = data;
				document.getElementById("g"+idMenu).style.backgroundColor='#b93d3a';
				$(document.createElement("div")).attr({"id": "menuOver"}).css({"left": 95 + ($("#" + idMenu).offset().left - 95) + "px"}).insertBefore("#wrap");
				$("#menuOver").animate({
					width : 400 + "px",
					height: (jsonData.length == 1 ? 130 : jsonData.length * 28) + "px"
				}, 500);	
		
				/*********** Close **************/
				$(document.createElement("a")).attr({"id": "close", "href": "#"}).text("x close").append('<br />').appendTo("#menuOver")
				$("#close").bind("click", function(){
					$("#menuOver").remove();
					$("#subImage").remove();
					document.getElementById("g"+idMenu).style.backgroundColor='';
					});			
				
				/************ Sub Menu ***********/
				$(document.createElement("ul")).attr("id", "subMenuUL").insertAfter("#close");			
				$.each(jsonData, function(i) {
					if(i == 0)$(document.createElement("li")).attr({"class": "subMenuLI", "id": "l" + jsonData[i].id}).appendTo("#subMenuUL");
					if(i > 0)$(document.createElement("li")).attr({"class": "subMenuLI", "id": "l" + jsonData[i].id}).insertAfter("#l" + jsonData[i-1].id);
					$(document.createElement("a")).attr({"href": 'useful-information-'+jsonData[i].name_en+'-'+jsonData[i].id+'-'+jsonData[i].lang+'.html', "class": "subMenuLink", "id": "a" + jsonData[i].id}).text(jsonData[i].name + "").append('<br />').appendTo("#l" + jsonData[i].id);
		
				});					
			}
		});
	});
});

function getOptionsAjax(obj, fillID) {
	$.ajax({
		type: "GET",
		url: "getItems.php?value=" + $(obj).val(),
		dataType: "json",
		success: function(data){
			jsonData = data;
			options = "<option value=\"\">---------------</opiton>";
			$.each(jsonData, function(i){
				options += "<option value=\"" + jsonData[i].id + "\">" + jsonData[i].name + "</option>";
			});
			
			$("#" + fillID).html(options);
		}
	});	
}

function changeDisplayVal(id1, id2) { 
	if($("#" + id1).css("display") == "none") {
		$("#" + id1).css("display","block");
		$("#" + id2).css("display","none");
	}
}