$(document).ready(function(){
	
	hs.graphicsDir = '/highslide/graphics/';
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.fadeInOut = true;
	hs.dimmingOpacity = 0.8;
	hs.outlineType = 'rounded-white';
	hs.captionEval = 'this.thumb.alt';
	hs.marginBottom = 105 // make room for the thumbstrip and the controls
	hs.numberPosition = 'caption';

	// Add the slideshow providing the controlbar and the thumbstrip
	hs.addSlideshow({
		//slideshowGroup: 'group1',
		interval: 5000,
		repeat: false,
		useControls: true,
		overlayOptions: {
			className: 'text-controls',
			position: 'bottom center',
			relativeTo: 'viewport',
			offsetY: -60
		},
		thumbstrip: {
			position: 'bottom center',
			mode: 'horizontal',
			relativeTo: 'viewport'
		}
	});
	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("searchForm1", "searchForm2")
	});
	
	$("#tab2").bind("click", function(){
		changeDisplayVal("searchForm2", "searchForm1")
	});	
		
	$("#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");					
				}
			}
		});
	});
	
	
	$("#country_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) {
	var fillId = fillID;

	$.ajax({
		type: "POST",
		url: 'getItems.php',
		data: 'field=' + $(obj).attr("name") + '&value=' + $(obj).val(),
		success: function(data){
			$("#"+fillID).html(data);
		}
	});	
}
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+'<br /> [x] close');
	$("#msgBox").slideDown("slow");
	$("#msgBox").bind("click", function(){
		$(this).fadeOut("slow", function(){
			$(this).css("display", "none");
			//$(this).css("margin-top", "200px;");
		})
	});
}
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();
			}
		}); 
}
function subMenus(menu_id){
	if ($("#subMenu"+menu_id).css("display") == "none"){
		$("#subMenu"+menu_id).show("normal");
	}else{
		$("#subMenu"+menu_id).hide("normal");
	}	
}