﻿jQuery(document).ready(function () {
    jQuery("#menuOpt3").css("background-image", "url('/templates/me3/images/btnmenu2.jpg')");
    jQuery("#menuOpt3").css("background-repeat", "no-repeat");
    jQuery("#menuOpt3").css("background-position", "left top");
    cargarCategoriasHome();
});

function cargarCategoriasHome() {
    var actionData = { method:'getCategoriesList' };
    jQuery.getJSON('/handlers/me2/categoriesList.ashx', actionData, function (data) {
        var html = data.respuesta.replace('&quot;','"');
        jQuery("#mex_homeCategories").html(html);
    });
}

//pictures slider
var vgpsCounter = 0;
var vgpsInterval;
function vgps_init(containerid,n) {
    jQuery("#" + containerid).fadeIn('fast');
    jQuery("#" + containerid).after('<div id="vgps_pager"></div>');
    for (i = 0; i <= n; i++) {
        jQuery("#vgps_pager").append('<div class="vgps_pageInd" id="vgps_page' + i + '" onclick="vgps_click(' + i + ', ' + n + ')"><img src="/templates/me3/images/indicador0.png" alt="" /></div>');
    }
    clearInterval(vgpsInterval);
    vgps_show(0, n);
    vgpsInterval = setInterval('vgps_choose(' + n + ')', 5000);
}

function vgps_choose(n) {
    if (vgpsCounter < n) {
        vgpsCounter++;
    } else if (vgpsCounter==n) {
        vgpsCounter = 0
    }
    vgps_show(vgpsCounter, n);
}

function vgps_click(item, n) {
    jQuery("#vgps" + vgpsCounter).fadeOut('slow');
    jQuery("#vgps_page" + vgpsCounter).html('<img src="/templates/me3/images/indicador0.png" alt="" />');
    clearInterval(vgpsInterval);
    vgpsInterval = setInterval('vgps_choose(' + n + ')', 5000);
    vgpsCounter = item;
    vgps_show(item, n);
}

function vgps_show(item, n) {
    if (item == 0) {
        jQuery("#vgps" + item).fadeIn('slow');
        jQuery("#vgps" + n).fadeOut('slow');
        jQuery("#vgps_page" + item).html('<img src="/templates/me3/images/indicador1.png" alt="" />');
        jQuery("#vgps_page" + n).html('<img src="/templates/me3/images/indicador0.png" alt="" />');
    } else if(item > 0){
        jQuery("#vgps" + item).fadeIn('slow');
        jQuery("#vgps" + (item - 1)).fadeOut('slow');
        jQuery("#vgps_page" + item).html('<img src="/templates/me3/images/indicador1.png" alt="" />');
        jQuery("#vgps_page" + (item - 1)).html('<img src="/templates/me3/images/indicador0.png" alt="" />');
    }

} 



//\pictures slider
