window.onload= function()
{
    setBanner();
    setCategoryList();
    setHeadlines();
}

function setBanner()
{
    var xhrHotpunchGetBannerCaption = new Xhr();

    xhrHotpunchGetBannerCaption.request
    (
        "XhrHotpunchGetBannerCaption.php"
        ,null
        ,success = function(res)
        {
            if(res!="")
            {
                document.getElementById("banner").title = res;
                document.getElementById("banner").alt = res;
            }
        }
    );
}

function setCategoryList()
{
    var xhrHotpunchCategoryListSeeker = new Xhr();

    xhrHotpunchCategoryListSeeker.request
    (
        "XhrHotpunchCategoryListSeeker.php"
        ,null
        ,success = function(res)
        {
            var data = eval(res);
            var p = document.getElementById("category_list");
            p.innerHTML ="";
            for(i in data)
            {
                var rec = data[i];
                var c = document.createElement('li');
                var a = document.createElement('a');
                a.setAttribute("className","midium");
                a.setAttribute("class","midium");
//				a.style.display = "inline-block";
//				a.style.width = "87px";

                themecolor = data[i].themecolor;

                a.style.backgroundColor = "#ffffff";
                a.innerHTML = data[i].category;

                addEvent(
                    a,
                    "mouseout",
                    (function wrap(a_,c_) {
                        return function() { a_.style.backgroundColor = c_; }
                    })(a,"#ffffff")
                );
                addEvent(
                    a,
                    "mouseover",
                    (function wrap(a_,c_) {
                            return function() { a_.style.backgroundColor = c_; }
                    })(a,themecolor)
                );

                addEvent(
                    a,
                    "click",
                    (function wrap(a_,id_) {
                            return function() { 
                                location.href = "archive_"+id_+".html";
                            }
                    })(a,data[i].id)
                );

//                a.href = "archive_"+data[i].id+".html"
                c.appendChild(a);
                p.appendChild(c);
				if (i<7)
				{
                	var c = document.createElement('li');
                	c.innerHTML = "<img src=\"images/line_aida.gif\" >";
                    p.appendChild(c);
                }
            }
        }
    );
}

function setHeadlines()
{
    var xhrHotpunchHeadlinesSeeker = new Xhr();

    xhrHotpunchHeadlinesSeeker.request
    (
        "XhrHotpunchHeadlinesSeeker.php"
        ,{
            page:document.getElementById("headlines").getAttribute("page"),
            limit:document.getElementById("headlines").getAttribute("limit")
        }
        ,success = function(res)
        {
//alert(res);
            var data = eval(res);
            var p = document.getElementById("headlines");
            for(i in data)
            {
                var rec = data[i];
                var c = document.createElement('div');
                c.id = "catebox";
/*                addEvent(
                    c,
                    "mouseout",
                    (function wrap(elm,color) {
                        return function() {elm.style.backgroundColor = color; }
                    })(c,"#ffffff")
                );
                addEvent(
                    c,
                    "mouseover",
                    (function wrap(elm,color) {
                        return function() {elm.style.backgroundColor = color; }
                    })(c,"#eeeded")
                );
*/
                c.innerHTML = data[i].html;
                p.appendChild(c);
            }

        }
    );
}

function trim(argValue)
{
    return String(argValue).replace(/^[ 　\n]*/gim, "").replace(/[ 　\n]*$/gim, "");
}

function addEvent( element, eventname, callback )
{
    if(typeof element.addEventListener == 'function')
    {
        element.addEventListener(eventname, callback, false);
        return true;
    }
    else if(typeof element.attachEvent == 'object')
    {
        element.attachEvent('on'+eventname, callback);
        return true;
    }
}

if(navigator.userAgent.indexOf("Mac", 0) >= 0)
{
	document.write("<link href=\"../common/css/style_hotpunch_mac.css\" rel=\"stylesheet\" type=\"text/css\" />");
}
else
{
	document.write("<link href=\"../common/css/style_hotpunch.css\" rel=\"stylesheet\" type=\"text/css\" />");
}