var ajax_loading = "<div class='loader'><img src='/images/loader.gif'></div>";

function loadArticlesList( sendData, container )
{
    var $urlPath = $basePath+"Articulo/Listar";
    
    if( $("#"+container) )
    {
        $.ajax(
        {
            type: "post",
            url: $urlPath,
            data: sendData,
            success: function(data)
            {
                $('#'+container).html(data);
            }
        });
    }
}

function loadCategoriesList( sendData, container )
{
    var $urlPath = $basePath+"Catalogo/Listar";
    
    if( $("#"+container) )
    {
        $.ajax(
        {
            type: "post",
            url: $urlPath,
            data: sendData,
            success: function(data)
            {
                $('#'+container).html(data);
            }
        });
    }
}

function masVistos( sendData, container )
{
    var $urlPath;

    $urlPath = $basePath+"articulo/mas-vistos";
    
    if( $("#"+container).length > 0 )
    {
        $("#"+container).html(ajax_loading);
        $.ajax(
        {
            type: "post",
            url: $urlPath,
            data: sendData,
            success: function(data)
            {
                $('#'+container).html(data);
            }
        });
    }
}


function oportunities( sendData, container )
{
    var $urlPath;

    $urlPath = $basePath+"articulo/oportunidades";
    
    if( $("#"+container).length > 0 )
    {
        $("#"+container).html(ajax_loading);
        $.ajax(
        {
            type: "post",
            url: $urlPath,
            data: sendData,
            success: function(data)
            {
                $('#'+container).html(data);
            }
        });
    }
}

function otrasofertas( sendData, container )
{
    var $urlPath;

    $urlPath = $basePath+"articulo/otrasofertas";
    
    if( $("#"+container).length > 0 )
    {
        $("#"+container).html(ajax_loading);
        $.ajax(
        {
            type: "post",
            url: $urlPath,
            data: sendData,
            success: function(data)
            {
                $('#'+container).html(data);
            }
        });
    }
}

function getSize(artId, colorId, sel)
{
    $('.productcolor a').removeClass("activated");
    $(sel).addClass("activated");
     
    $("#colorId_"+artId).val(colorId);
  
    $.ajax(
	{
		type: "post",
		url: $basePath+'size/GetSize',
		data: "colorId="+colorId+"&artId="+artId,
		success: function(data)
		{
			$('#sizes').html(data);
		}
	});
}


function getSizeList(artId, colorId, sel)
{
    $(sel).parents( '.item' ).find('.activated').removeClass("activated");
    $(sel).addClass("activated");
     
    $("#colorId_"+artId).val(colorId);
  
    $.ajax(
	{
		type: "post",
		url: $basePath+'size/GetSize',
		data: "colorId="+colorId+"&artId="+artId,
		success: function(data)
		{
           
			$('#sizes_'+$(sel).attr("sizeid")).html(data);
		}
	});
}