﻿$(
    function() {
        $('.x-title').css('cursor', 'pointer').mouseover(function() { $(this).css('color', '#fff'); })
        .mouseout(function() { $(this).css('color', '#000'); })
        .click(function() { $(this).next().slideToggle('fast'); });
        $('#x-head').css('cursor', 'pointer')
        .click(function() { $('#x-banner').toggle('fast'); });
        $('div.x-menu-sub-item').css('display', 'none');
        $('div.x-menu-item > a.x-parent').css('cursor', 'pointer').parent().hover(
        function() { $(this).find('>div.x-menu-sub-item').css('right', $('div.x-menu-item').outerWidth() + 'px').fadeIn(80); },
        function() { $(this).find('>div.x-menu-sub-item').fadeOut(80); }
        );
        $('div.menu-gc > a.x-parent').css('cursor', 'pointer').parent().hover(
        function() { $(this).find('>div.x-menu-sub-item').fadeIn(80); },
        function() { $(this).find('>div.x-menu-sub-item').fadeOut(80); }
        );
    }
)

function loadBoxes() {
    setTimeout(loadBox1, 10);
    //setTimeout(loadBox2, 10);
}

function loadBox1() {
    ret1 = ContentService.WebBox1(onSucess1, onTimeout, onError);
}

function loadBox2() {
    ret2 = ContentService.WebBox2(onSucess2, onTimeout, onError);
}

function onSucess1(result) {
    $get('box1').innerHTML = result;
}

function onSucess2(result) {
    $get('box2').innerHTML = result;
}

function onTimeout(result) {
}

function onError() {
}
