$(document).ready(function(){
	/*$("#tabHotels").bind("click", function(){
		manageSubClick();
	});
	$("#tabExcursions").bind("click", function(){
		manageSubClick();
	});
	$("#tabBooking").bind("click", function(){
		manageSubClick();
	});*/
	manageSubClick();
	$(".loginInput").bind("click", function(){
		if(this.id == $(this).val()) $(this).val("");
	});
	
	$(".loginInput").bind("blur", function(){
		if($(this).val() == "") $(this).val(this.id);
	});	
	

	$("#tab1").bind("click", function(){
		changeDisplayVal("searchBoxTab2", "searchBox")
	});
	
	$("#tab2").bind("click", function(){
		changeDisplayVal("searchBox", "searchBoxTab2")
	});	
		
	$("#loginLink").bind("click", function(){
		user = $("#user").val();
		password = $("#password").val();
		
		$.ajax({
			type: "POST",
			url: "login.php",
			data: "user=" + user + "&password=" + password,
			dataType: "json",
			success: function(data) {
				if(data.flag == 0) {
					showMsgBox(data.msg);
				} else if(data.flag == 1) {
					$("#msgBox").fadeOut("slow");
					$("#msgBox").remove();
					$("form[name='loginForm']").remove();
					$(document.createElement("div")).attr("id", "userData").insertBefore("#LinksLoginUL");
					$("#userData").html("<span id=\"hello\">" + data.msg + "</span>, " + data.user + "(" + data.firstName + " " + data.lastName + ")")
					$(".LinksLoginLI").remove();
		
					$("<li class=\"LinksLoginLI\"> [<span class=\"colorBullet\">+</span>] <a href=\"profile.php\" class=\"LinksLoginLink\">" + data.profile + "</a></li>").appendTo("#LinksLoginUL");
					$("<li class=\"LinksLoginLI\"> [<span class=\"colorBullet\">+</span>] <a href=\"add.php\" class=\"LinksLoginLink\">" + data.add + "</a> / <a href=\"added.php\" class=\"LinksLoginLink\">" + data.added + "</a></li>").appendTo("#LinksLoginUL");
					$("<li class=\"LinksLoginLI\"> [<span class=\"colorBullet\">+</span>] <a href=\"change_password.php\" class=\"LinksLoginLink\">" + data.change_pass + "</a></li>").appendTo("#LinksLoginUL");
					$("<li class=\"LinksLoginLI\"> [<span class=\"colorBullet\">+</span>] <a href=\"index.php?action=logout\" class=\"LinksLoginLink\">" + data.exit + "</a></li>").appendTo("#LinksLoginUL");					
					window.location = 'added.php';
				}
			}
		});
	});
	
	/************ Get Options For Select ************/ 
	$("#country_filter_id").bind("change", function(){
		obj = this;
		getOptionsAjax(obj, "city_filter_id");
	});	
	
	$("#country_filterH_id").bind("change", function(){
		obj = this;
		getOptionsAjax(obj, "region_id");
	});

	$("#region_id").bind("change", function(){
		obj = this;
		getOptionsAjax(obj, "city_id");
	});

});

function getOptionsAjax(obj, fillID) {
	$.ajax({
		type: "GET",
		url: "getItems-new.php?field=" + $(obj).attr("name") + "&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");
	}
}

$(document).ready(function(){
	$("img[rel='getImage']").bind("mouseover", function(){
		var overElement = this;
		params = $(overElement).attr("name");
		$.ajax({
			type: "GET",
			cache: false,
			url: "getImage.php",
			data: "params=" + params,
			complete: function(data, stat) {
				data = eval('(' + data.responseText + ')')
				offset = $(overElement).offset()
				$(document.createElement("div")).attr("id", "imagePos").css({"top": offset.top + "px", "left": (offset.left+28) + "px"}).insertBefore("#warp");				
				$("#imagePos").html("<img src=\"./files/" + data.image + "\" width=\"200\" />");
				$("#imagePos").fadeIn("slow");
			}
		});
	})
	
	$("img[rel='getImage']").bind("mouseout", function(){			
		$("#imagePos").fadeOut("slow", function(){
			$("#imagePos").remove();
		});
	})
});

function showMsgBox(msg) {
	$("#msgBox").text(msg);
	$("#msgBox").slideDown("slow");
	$("#msgBox").bind("click", function(){
		$(this).fadeOut("slow", function(){
			$(this).css("display", "none");
		})
	});
}
function manageSubClick(){
	$("#tabHotels1").bind("click", function(){
			if($("#searchHotels").css("display") == "none"){
				$("#searchBooking").css("display", "none");
				$("#searchExcursions").css("display", "none");
				$("#searchHotels").css("display", "block");
				manageSubClick();
			}
		});
		$("#tabExcursions1").bind("click", function(){
			if($("#searchExcursions").css("display") == "none"){
				$("#searchBooking").css("display", "none");
				$("#searchHotels").css("display", "none");
				$("#searchExcursions").css("display", "block");
				manageSubClick();
			}
		});
		$("#tabBooking1").bind("click", function(){
			if($("#searchBooking").css("display") == "none"){
				$("#searchExcursions").css("display", "none");
				$("#searchHotels").css("display", "none");
				$("#searchBooking").css("display", "block");
				manageSubClick();
			}
		});
		$("#tabHotels2").bind("click", function(){
			if($("#searchHotels").css("display") == "none"){
				$("#searchBooking").css("display", "none");
				$("#searchExcursions").css("display", "none");
				$("#searchHotels").css("display", "block");
				manageSubClick();
			}
		});
		$("#tabExcursions2").bind("click", function(){
			if($("#searchExcursions").css("display") == "none"){
				$("#searchBooking").css("display", "none");
				$("#searchHotels").css("display", "none");
				$("#searchExcursions").css("display", "block");
				manageSubClick();
			}
		});
		$("#tabBooking2").bind("click", function(){
			if($("#searchBooking").css("display") == "none"){
				$("#searchExcursions").css("display", "none");
				$("#searchHotels").css("display", "none");
				$("#searchBooking").css("display", "block");
				manageSubClick();
			}
		});
		$("#tabHotels3").bind("click", function(){
			if($("#searchHotels").css("display") == "none"){
				$("#searchBooking").css("display", "none");
				$("#searchExcursions").css("display", "none");
				$("#searchHotels").css("display", "block");
				manageSubClick();
			}
		});
		$("#tabExcursions3").bind("click", function(){
			if($("#searchExcursions").css("display") == "none"){
				$("#searchBooking").css("display", "none");
				$("#searchHotels").css("display", "none");
				$("#searchExcursions").css("display", "block");
				manageSubClick();
			}
		});
		$("#tabBooking3").bind("click", function(){
			if($("#searchBooking").css("display") == "none"){
				$("#searchExcursions").css("display", "none");
				$("#searchHotels").css("display", "none");
				$("#searchBooking").css("display", "block");
				manageSubClick();
			}
		});
}