var themeId;
var colorId;

function customizeHomePage() {
	$(".dragme")
		.attr("href", "http://" + window.location.hostname)
		.click(function(e) {
			e.preventDefault();
		});
	
	/*$("#step1 h2").click(function() {*/
	$("#step1 .select_theme").click(function() {
		if ($(this).attr("id") == "fullhp") {
			$("#step2themes").addClass("hide");
			
			var main_homepage_url = "http://" + window.location.hostname;
			
			if ($.browser.msie) {
				this.style.behavior = "url(#default#homepage)";
				this.setHomePage(main_homepage_url);
			} else {
				if ($.browser.mozilla) {
					$(".dragme").attr("href", main_homepage_url);
					$("#step2fullhp_ff").removeClass("hide");
				} else if ($.browser.safari) {
					// check if browser is Google Chrome
					if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
						$("#step2fullhp_chrome").removeClass("hide");
						$("#step2 .chrome_hp").val(main_homepage_url);
					} else {
						$("#step2fullhp_safari").removeClass("hide");
						$("#step2 .safari_hp").val(main_homepage_url);
					}
				} else if ($.browser.opera) {
					$("#step2fullhp_opera").removeClass("hide");
					$("#step2 .opera_hp").val(main_homepage_url);
				} else if ($.browser.chrome) {
					$("#step2fullhp_chrome").removeClass("hide");
					$("#step2 .chrome_hp").val(main_homepage_url);
				}
					
				$("#step1").addClass("hide");
				$("#step1close").removeClass("hide");
				$("#step2").removeClass("hide");
			}
		} else {
			if ($(this).attr("id") == "minhp") {
				themeId = "1";
				$("#step2themes .minipreview").css("background", "url(/images/customize/thumbnails-single/blue-ca.jpg) no-repeat");
			} else if ($(this).attr("id") == "minsearchhp") {
				themeId = "2";
				$("#step2themes .minipreview").css("background", "url(/images/customize/thumbnails-double/blue-ca.jpg) no-repeat");
			}
			
			$("#step2fullhp_ff").addClass("hide");
			$("#step2fullhp_safari").addClass("hide");
			$("#step2fullhp_opera").addClass("hide");
			$("#step2fullhp_chrome").addClass("hide");
			$("#step2themes").removeClass("hide");
		
			$("#step1").addClass("hide");
			$("#step1close").removeClass("hide");
			$("#step2").removeClass("hide");
		}
	});
	
	$("#step1close").click(function(e) {
		e.preventDefault();
		$("#step3").addClass("hide");
		$("#step2close").addClass("hide");
		$("#step2").addClass("hide");
		$("#step1close").addClass("hide");
		$("#step1").removeClass("hide");
	});
	
	$("#step2 a[id^=color]").mouseover(function(e) {
		if (themeId == "1") {
			$("#step2themes .minipreview").css("background", "url(/images/customize/thumbnails-single/" + $(this).attr("href") + ") no-repeat");
		} else if (themeId == "2") {
			$("#step2themes .minipreview").css("background", "url(/images/customize/thumbnails-double/" + $(this).attr("href") + ") no-repeat");
		}
	});
	
	$("#step2 a[id^=color]").click(function(e) {
		var ie6 = ($.browser.msie && $.browser.version == "6.0");
		
		colorId = $(this).attr("id");
		colorId = colorId.substring(5, 6);
		
		e.preventDefault();
		$("#step2").addClass("hide");
		$("#step2close").removeClass("hide");
		$("#step3").removeClass("hide");
		
		if (ie6) {
			if (themeId == "1") {
				$("#step3 .minipreview").attr("class", "minipreview " + $(this).attr("id") + "single");
			} else if (themeId == "2") {
				$("#step3 .minipreview").attr("class", "minipreview " + $(this).attr("id") + "double");
			}
		} else {
			$("#step3 .minipreview").css("background", $("#step2themes .minipreview").css("background"));
		}
		
		var homepage_url = window.location.hostname + "/home" + themeId + "0" + colorId + ".html";
		
		$(".minipreview a").attr("href", "http://" + homepage_url);
		
		/* show browser specific instructions */
		if ($.browser.msie) {
			$(".makeme").attr("href", "http://" + homepage_url);
			$("#step3_ie").removeClass("hide");
		} else if ($.browser.mozilla) {
			$(".dragme").attr("href", "http://" + homepage_url);
			$("#step3_ff").removeClass("hide");
		} else if ($.browser.safari) {
			// check if browser is Google Chrome
			if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
				$("#step3 .chrome_hp").val(homepage_url);
				$("#step3_chrome").removeClass("hide");
			} else {
				$("#step3 .safari_hp").val(homepage_url);
				$("#step3_safari").removeClass("hide");
			}
		} else if ($.browser.opera) {
			$("#step3 .opera_hp").val(homepage_url);
			$("#step3_opera").removeClass("hide");
		}
	});
	
	$("#step2close").click(function(e) {
		e.preventDefault();
		$("#step3").addClass("hide");
		$("#step2close").addClass("hide");
		$("#step2").removeClass("hide");
	});
	
	$(".makeme").click(function() {
		var homeURL = "http://" + window.location.hostname + "/home" + themeId + "0" + colorId + ".html";
		this.style.behavior = "url(#default#homepage)";
		this.setHomePage(homeURL);
	});
}

function formatHomePage() {
	// disable new to alpha menu item in more menu
	$("#new-to").unbind('click');
	
	// replace INPUT image controls with DIVs for MSIE 7.0
	if ($.browser.msie && ($.browser.version == "6.0" || $.browser.version == "7.0")) {
		$("#searchweb").replaceWith("<div id=\"searchweb\">" + $("#searchweb").val() + "</div>");
		$("#searchimages").replaceWith("<div id=\"searchimages\">" + $("#searchimages").val() + "</div>");
		$("#searchvideos").replaceWith("<div id=\"searchvideos\">" + $("#searchvideos").val() + "</div>");
		$("#searchnews").replaceWith("<div id=\"searchnews\">" + $("#searchnews").val() + "</div>");
		
		if ($.browser.version == "6.0") {
			$("#searchweb, #searchimages, #searchvideos, #searchnews").hover(function() {
				$(this).addClass($(this).attr("id") + "_hover");
			}, function() {
				$(this).removeClass($(this).attr("id") + "_hover");
			});
		}
	}
	
	//reformatHomePage();
	
	//$(window).resize(function() {
		//reformatHomePage();
	//});
}

function reformatHomePage() {
	// background-image size : 1600x1200
	var docHeight = $(window).height();
	var headerHeight = $("#header").height();
	var headerAdjust = getNumber($("#header").css("margin-top")) + getNumber($("#header").css("margin-bottom")) + getNumber($("#header").css("padding-top")) + getNumber($("#header").css("padding-bottom"));
	var footerHeight = $("#footer").height();
	var footerAdjust = getNumber($("#footer").css("margin-top")) + getNumber($("#footer").css("margin-bottom")) + getNumber($("#footer").css("padding-top")) + getNumber($("#footer").css("padding-bottom"));
	
	var bgHeight = docHeight - headerHeight - headerAdjust - footerHeight - footerAdjust;
	
	if ($.browser.msie && $.browser.version == '8.0') {
		bgHeight = bgHeight - 4;
	}
	
	var inputHeight = $("#background .query-pod").height();
	
	/*alert('docHeight = ' + docHeight + '; headerHeight = ' + headerHeight + '; headerAdjust = ' + headerAdjust + '; footerHeight = ' + footerHeight + '; footerAdjust = ' + footerAdjust);*/
	var backgroundLeftPos = ((1600 - $(window).width()) / 2) + 39;
	var backgroundTopPos;
	
	if (inputHeight < bgHeight) {
		$("#background").css("height", bgHeight + "px");
		backgroundTopPos = ((1200 - bgHeight) / 2);
	} else {
		$("#background").css("height", inputHeight + "px");
		backgroundTopPos = ((1200 - inputHeight) / 2);
	}
	
	$("#background").css("width", ($(window).width() - 20) + "px");
	$("#background").css("background-position", "-" + backgroundLeftPos + "px -" + backgroundTopPos + "px");
	
	$("#background .query-pod-container").css("padding-top", ((bgHeight - inputHeight) / 2) + "px");
}

function getNumber(str) {
	var num = new Number(str.substring(0, str.length - 2));
	return num;
}

function prepareWebSearch() {
	// change search engine
	$("#enginelist li").click(function() {
		$("#enginelist li.on").removeClass("on");
		$(this).addClass("on");
		
		var searchEngine = $(this).text();
		if (searchEngine == null)
			searchEngine = "Google";

		switch (jQuery.trim(searchEngine)) {
			case "Bing":
				$("#webSearch").attr("action", "http://www.bing.com/search");
				break;
			case "Yahoo":
				$("#webSearch").attr("action", "http://search.yahoo.com/search");
				break;
			case "Google":
				$("#webSearch").attr("action", "http://www.google.com/search");
				break;
			default:
				$("#webSearch").attr("action", "http://www.google.com/search");
				break;
		}
	});
	
	if ($.browser.msie && ($.browser.version == "6.0" || $.browser.version == "7.0")) {
		$("#searchweb, #searchimages, #searchvideos, #searchnews").click(function() {
			var searchtype = $(this).html();
			if (searchtype == null)
				searchtype = "web";
			
			performSearch(searchtype);
			
			$("#webSearch").submit();
		});
	} else {
		$("input[type=submit]").click(function() {
			var searchtype = $(this).val();
			if (searchtype == null)
				searchtype = "web";
			
			performSearch(searchtype);
		});
	}
}

function performSearch(searchtype) {
	var searchEngine = $("#enginelist li.on").text();
	if (searchEngine == null)
		searchEngine = "Google";

	switch(jQuery.trim(searchEngine)) {
		case "Bing":
			switch(jQuery.trim(searchtype)) {
				case "web":
					$("#webSearch").attr("action", "http://www.bing.com/search");
					break;
				case "images":
					$("#webSearch").attr("action", "http://www.bing.com/images/search");
					break;
				case "video":
					$("#webSearch").attr("action", "http://www.bing.com/videos/search");
					break;
				case "news":
					$("#webSearch").attr("action", "http://www.bing.com/news/search");
					break;
				default:
					$("#webSearch").attr("action", "http://www.bing.com/search");
					break;
			}
			break;
		case "Yahoo":
			switch(jQuery.trim(searchtype)) {
				case "web":
					$("#webSearch").attr("action", "http://search.yahoo.com/search");
					break;
				case "images":
					$("#webSearch").attr("action", "http://images.search.yahoo.com/images");
					break;
				case "video":
					$("#webSearch").attr("action", "http://video.search.yahoo.com/video");
					break;
				case "news":
					$("#webSearch").attr("action", "http://news.search.yahoo.com/news/search");
					break;
				default:
					$("#webSearch").attr("action", "http://search.yahoo.com/search");
					break;
			}
			break;
		case "Google":
			switch(jQuery.trim(searchtype)) {
				case "web":
					$("#webSearch").attr("action", "http://www.google.com/search");
					break;
				case "images":
					$("#webSearch").attr("action", "http://images.google.com/images");
					break;
				case "video":
					$("#webSearch").attr("action", "http://video.google.com/videosearch");
					break;
				case "news":
					$("#webSearch").attr("action", "http://news.google.com/news");
					break;
				default:
					$("#webSearch").attr("action", "http://www.google.com/search");
					break;
			}
			break;
		default:
			switch(jQuery.trim(searchtype)) {
				case "web":
					$("#webSearch").attr("action", "http://search.live.com/results.aspx");
					break;
				case "images":
					$("#webSearch").attr("action", "http://search.live.com/results.aspx");
					break;
				case "video":
					$("#webSearch").attr("action", "http://search.live.com/results.aspx");
					break;
				case "news":
					$("#webSearch").attr("action", "http://search.live.com/results.aspx");
					break;
				default:
					$("#webSearch").attr("action", "http://search.live.com/results.aspx");
					break;
			}
			break;
	}
}