/*
 * Copyright 2016-2017, CMCC Technologies Co., Ltd.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
var initMainPage = function() {
	var modules;
	var propertiesFilePath = "i18n/";
	var propertiesFileName = "web-framework-mainPage-i18n";
	var i18nName = "openo_main_page_i18n";

	$.ajax({
		async : false,
		"type" : "GET",
		url : "json/main_page.json",
		dataType : "json",
		"success" : function (res, textStatus, jqXHR) {
			modules = res.modules;
		},
		error : function () {
		}
	});

	var template = "<div class='brick {image}'>" +
		"<a id='{linkId}' href='{url}' class='entranceLink'>" +
		"<div class='row'>" +
		"<div class='cover contentToggle'>{cover}</div>" +
		"<div class='{toolsImage}'></div>" +
		"<div class='contentTip  contentToggle'>{contentTip}</div>" +
		"</div>" +
		"</a>" +
		"</div>";

	var templatePic = "<div class='brick {image}'>" +
		"<div class='row'>" +
		"<div class='cover contentToggle'>{cover}</div>" +
		"<div class='{toolsImage}'></div>" +
		"<div class='contentTip  contentToggle'>{contentTip}</div>" +
		"</div>" +
		"</div>";

	for (var i = 0; i < modules.length; ++i) {
		var temp = "";
		if (modules[i].linkId) {
			temp = template.replace("{linkId}", modules[i].linkId)
				.replace("{image}", modules[i].background)
				.replace("{toolsImage}", modules[i].toolsImage)
				.replace("{url}", modules[i].url)
				.replace("{contentTip}", modules[i].contentTip);
		} else {
			temp = templatePic.replace("{image}", modules[i].background)
				.replace("{url}", modules[i].url)
				.replace("{contentTip}", "");
		}

		if (modules[i].cover) {
			temp = temp.replace("{cover}", "<span id='" + modules[i].cover + "' name_i18n='openo_main_page_i18n'></span>");
		} else {
			temp = temp.replace("{cover}","");
		}

		$($(".column")[i % 4]).append(temp);
	}

	$(function() {
		$(".brick").mouseover(function() {
			$(".contentTip", this).fadeTo(1000, 1);
			$(".cover", this).fadeOut(1000);
		});

		$(".brick").mouseout(function() {
			$(".contentTip", this).fadeTo(1000, 0);
			$(".cover", this).fadeIn(1000);
		});

		$("a.entranceLink").click(function(e) {
			e.preventDefault();
			if ($(this).attr("id") && $(this).attr("id") != "undefined") {
				location.href = "default.html" + "#_" + $(this).attr("id");
			}
		});

		loadi18n_WebFramework(propertiesFileName, propertiesFilePath, i18nName);
	});
}