var InTech = {};
InTech.UI = {};

InTech.UI.setLoginFields = function () {
	jQuery("#password").focus(function() {
		var value = jQuery(this).val();
		//console.log("Password: " + value);
		if(value == 'Password') {
			jQuery(this).val("");
		}
	}).blur(function() {
		var value = jQuery(this).val();
			if(value == '') {
				jQuery(this).val("Password");
			}
	});
	
	jQuery("#username").focus(function() {
		var value = jQuery(this).val();
		//console.log("Username: " + value);
		if(value == 'User name') {
			jQuery(this).val("");
		}
	}).blur(function() {
		var value = jQuery(this).val();
		if(value == '') {
			jQuery(this).val("User name");
		}
	});;
};

InTech.UI.setSearchField = function () {
	jQuery("#search-query").focus(function() {
		var value = jQuery(this).val();
		if(value == 'Search by ISBN, ISSN, Author, Title') {
			jQuery(this).val("");
		}
	}).blur(function() {
		var value = jQuery(this).val();
		if(value == '') {
			jQuery(this).val("Search by ISBN, ISSN, Author, Title");
		}
	});
};

InTech.UI.showHideAdvancedSearch = function() {
	jQuery("#search-form a").click(function(e) {
		e.preventDefault();
		var shouldIHide = jQuery("#advanced-search").is(":visible");
		
		if (shouldIHide) {
			jQuery("#advanced-search").hide();
			jQuery("#teaser").show();
		} else {
			jQuery("#advanced-search").show();
			jQuery("#teaser").hide();
		}
	});
};

InTech.UI.initMedia = function() {
	$('#video-tutorial a.media').media({width:193, height:150});
}

InTech.UI.setProgressList = function() {
	var lists =jQuery("#progress-list li");
	var active = jQuery("#progress-list li.active");
	var activeIndex = active.index()+1;
	var activeDescription = jQuery("#step-"+activeIndex);
	activeDescription.show();
	
	jQuery("#progress-list li:not(.active)").mouseover(function() {
		var index = jQuery(this).index() +1;
		
		//jQuery("div.step-description").hide();
		//activeDescription.hide();
		jQuery("#step-"+index).show();
		jQuery(this).addClass("current");
		
		if(!active.hasClass("clicked")) {
			active.addClass("hide");
		}
	}).mouseout(function() {
		
		if(!jQuery(this).hasClass("clicked")) {
			//jQuery("div.step-description").hide();
			var index = jQuery(this).index() +1;
			jQuery("#step-"+index).hide();
			jQuery(this).removeClass("current");
			
			if(!lists.hasClass("clicked")) {
				active.removeClass("hide");
				activeDescription.show();
			} else {
				var index = jQuery("#progress-list li.current.clicked").index() +1;
				jQuery("#step-"+index).show();
			}
		}
	});
	
	jQuery("#progress-list li").click(function() {
		lists.removeClass("clicked").removeClass("current");
		var clickedList = jQuery(this);
		var index = clickedList.index() +1;
		jQuery("div.step-description").hide();
		
		if(!clickedList.hasClass("clicked")) {
			clickedList.addClass("clicked");
			clickedList.addClass("current");
			
			if(!jQuery(this).hasClass("active")) {
				active.addClass("hide");
				jQuery("#step-"+index).show();
				activeDescription.hide();
			} else {
				active.removeClass("hide");
				activeDescription.show();
			}
		} else {
			clickedList.removeClass("clicked");
			clickedList.removeClass("current");
			active.removeClass("hide");
			jQuery("#step-"+index).hide();
			activeDescription.show();
		}
	});
	
	InTech.UI.setUpdateChapterTitleForm = function() {
		var form = jQuery("#update-chapter-title-form");
		var title = jQuery("#chapter-title");
		
		jQuery("#edit-chapter-title-link").click(function() {
			var link = jQuery(this);
			
			if(form.is(":visible")) {
				title.show();
				form.hide();
				link.text("Edit");
			} else {
				title.hide();
				form.show();
				link.text("Cancle");
			}
		});
	}
	
	InTech.UI.addEditCoAuthors = function() {
		jQuery("#close-me").bind( "click", function() {
			link.text("Edit chapter title and Add/Edit Authors and Co-authors");
			jQuery(this).parents(".co-author-edit").remove();

		});

		jQuery("#edit-co-author-link").click(function() {
			jQuery("#slot-edit-co-authors .co-author-edit:first").clone().appendTo("#slot-edit-co-authors");
		});
		
		jQuery("#add-edit-co-authors-link").click(function() {
			var link = jQuery(this);
			var form = jQuery("#add-edit-co-authors-box");
				if(form.is(":visible")) {
					form.hide();
					link.text("Edit chapter title and Add/Edit Authors and Co-authors");
					$("#main_chapter_with_timeline").show();
				} else {
					form.show();
					link.text("Close");
				}
		});
	}
}