var linkHead  = document.createElement('link');
linkHead.href = 'https://www.agahichi.com/plugins/js_blocks/static/remote_adverts.css';
linkHead.type = 'text/css';
linkHead.rel  = 'stylesheet';

var include_style = true;
var scripts = document.getElementsByTagName('link');


for (var i = 0; i < scripts.length; i++) {
    if (scripts[i].href && scripts[i].href == linkHead.href) {
        include_style = false;
        break;
    }
}

if (include_style) {
    document.getElementsByTagName('head').item(0).appendChild(linkHead);
}


if (typeof raData == 'undefined') {
    var raData = {};
}

var boxID           = '';
raData.     = {out: '', maxPage: 0, clickedPages: []};
raData..grid_mode = false;
raData..out += '<div id="jListingPaging_" class="jListingPaging"></div>';


/* Add CSS styles for box
   @todo - Remove old scheme of applying styles (without object) in future major update */
if (typeof raDataStyles !== 'undefined' && typeof raDataStyles[boxID] !== 'undefined') {
    raData[boxID].styles = raDataStyles[boxID];
}


    

document.getElementById('').innerHTML = "هیچ آگهی پیدا نشد.";


function build(boxID) {
    document.getElementById(boxID).innerHTML = raData[boxID].out;

    var paging = '';
    for (var i = 1; i <= raData[boxID].maxPage; i++) {
        var page = document.getElementById(boxID + '_page_' + i);
        var add_class = i == 1 ? ' jListingPageItem-active' : '';
        paging += '<span class="jListingPageItem' + add_class + '" onmouseover="changeCss(this, \'' + boxID + '\')" onmouseout="restoreCss(this, \'' + boxID + '\')" id="' + boxID + '_pg_' + i + '" onclick="pageClick('+ i +', \'' + boxID + '\')">' + i + '</span>';
    }
    document.getElementById('jListingPaging_' + boxID).innerHTML = paging;

    var imgWidth, imgHeight, borderRadius, advertBg, advertBorderColor, advertBorder, imageBg, fieldFirstColor, fieldColor, pagingBg, pagingBorder;

    imgWidth = raData[boxID].styles && typeof raData[boxID].styles.conf_img_width !== 'undefined'
    ? raData[boxID].styles.conf_img_width
    : (typeof conf_img_width !== 'undefined' ? conf_img_width : false);

    imgHeight = raData[boxID].styles && typeof raData[boxID].styles.conf_img_height !== 'undefined'
    ? raData[boxID].styles.conf_img_height
    : (typeof conf_img_height !== 'undefined' ? conf_img_height : false);

    borderRadius = raData[boxID].styles && typeof raData[boxID].styles.conf_border_radius !== 'undefined'
    ? raData[boxID].styles.conf_border_radius
    : (typeof conf_border_radius !== 'undefined' ? conf_border_radius : false);

    advertBg = raData[boxID].styles && typeof raData[boxID].styles.conf_advert_bg !== 'undefined'
    ? raData[boxID].styles.conf_advert_bg
    : (typeof conf_advert_bg !== 'undefined' ? conf_advert_bg : false);

    advertBorderColor = raData[boxID].styles && typeof raData[boxID].styles.conf_advert_border_color !== 'undefined'
    ? raData[boxID].styles.conf_advert_border_color
    : (typeof conf_advert_border_color !== 'undefined' ? conf_advert_border_color : false);

    imageBg = raData[boxID].styles && typeof raData[boxID].styles.conf_image_bg !== 'undefined'
    ? raData[boxID].styles.conf_image_bg
    : (typeof conf_image_bg !== 'undefined' ? conf_image_bg : false);

    advertBorder = raData[boxID].styles && typeof raData[boxID].styles.conf_advert_border !== 'undefined'
    ? raData[boxID].styles.conf_advert_border
    : (typeof conf_advert_border !== 'undefined' ? conf_advert_border : false);

    fieldFirstColor = raData[boxID].styles && typeof raData[boxID].styles.conf_field_first_color !== 'undefined'
    ? raData[boxID].styles.conf_field_first_color
    : (typeof conf_field_first_color !== 'undefined' ? conf_field_first_color : false);

    fieldColor = raData[boxID].styles && typeof raData[boxID].styles.conf_field_color !== 'undefined'
    ? raData[boxID].styles.conf_field_color
    : (typeof conf_field_color !== 'undefined' ? conf_field_color : false);

    priceFieldColor = raData[boxID].styles && typeof raData[boxID].styles.conf_price_field_color !== 'undefined'
    ? raData[boxID].styles.conf_price_field_color
    : (typeof conf_price_field_color !== 'undefined' ? conf_price_field_color : false);

    pagingBg = raData[boxID].styles && typeof raData[boxID].styles.conf_paging_bg !== 'undefined'
    ? raData[boxID].styles.conf_paging_bg
    : (typeof conf_paging_bg !== 'undefined' ? conf_paging_bg : false);

    pagingBorder = raData[boxID].styles && typeof raData[boxID].styles.conf_paging_border !== 'undefined'
    ? raData[boxID].styles.conf_paging_border
    : (typeof conf_paging_border !== 'undefined' ? conf_paging_border : false);

    if (imgWidth) {
        setStyleByClass('img', 'jListingImg', 'width', imgWidth, boxID);
    }
    if (imgHeight) {
        setStyleByClass('img', 'jListingImg', 'height', imgHeight, boxID);
    }
    if (borderRadius) {
        setStyleByClass('div', 'jListingItem', 'borderRadius', borderRadius, boxID);
        setStyleByClass('span', 'jListingPageItem', 'borderRadius', borderRadius, boxID);
        setStyleByClass('span', 'jListingPageItem-active', 'borderRadius', borderRadius, boxID);

        if (borderRadius === '0px') {
            setStyleByClass('span', 'jListingPageItem', 'borderRadius', borderRadius, boxID);
        }
    }
    if (advertBg) {
        setStyleByClass('div', 'jListingItem', 'background', advertBg, boxID);
        setStyleByClass('span', 'jListingPageItem', 'background', advertBg, boxID);
        setStyleByClass('span', 'jListingPageItem-active', 'background', advertBg, boxID);
    }
    if (advertBorderColor) {
        setStyleByClass('div', 'jListingItem', 'borderColor', advertBorderColor, boxID);
        setStyleByClass('span', 'jListingPageItem', 'borderColor', advertBorderColor, boxID);
        setStyleByClass('span', 'jListingPageItem-active', 'borderColor', advertBorderColor, boxID);
    }
    if (imageBg) {
        setStyleByClass('img', 'jListingImg', 'backgroundColor', imageBg, boxID);
    }
    if (advertBorder) {
        setStyleByClass('div', 'jListingItem', 'border', advertBorder, boxID);
    }
    if (fieldFirstColor) {
        setStyleByClass('a', 'jListingTitleLink', 'color', fieldFirstColor, boxID);
    }
    if (fieldColor) {
        setStyleByClass('span', 'jListingField_name', 'color', fieldColor, boxID);
        setStyleByClass('span', 'jListingField_value', 'color', fieldColor, boxID);
    }
    if (priceFieldColor) {
        setStyleByClass('div', 'jListingPrice', 'color', priceFieldColor, boxID);
    }
    if (pagingBg) {
        setStyleByClass('span', 'jListingPageItem', 'background', pagingBg, boxID);
    }
    if (pagingBorder) {
        setStyleByClass('span', 'jListingPageItem', 'border', pagingBorder, boxID);
    }
}

function changeCss(obj, boxID) {
    var advertBgHover, advertBorderHover, pagingBgHover, pagingBorderHover;

    advertBgHover = raData[boxID].styles && typeof raData[boxID].styles.conf_advert_bg_hover !== 'undefined'
    ? raData[boxID].styles.conf_advert_bg_hover
    : (typeof conf_advert_bg_hover !== 'undefined' ? conf_advert_bg_hover : false);

    advertBorderHover = raData[boxID].styles && typeof raData[boxID].styles.conf_advert_border_hover !== 'undefined'
    ? raData[boxID].styles.conf_advert_border_hover
    : (typeof conf_advert_border_hover !== 'undefined' ? conf_advert_border_hover : false);

    pagingBgHover = raData[boxID].styles && typeof raData[boxID].styles.conf_paging_bg_hover !== 'undefined'
    ? raData[boxID].styles.conf_paging_bg_hover
    : (typeof conf_paging_bg_hover !== 'undefined' ? conf_paging_bg_hover : false);

    pagingBorderHover = raData[boxID].styles && typeof raData[boxID].styles.conf_paging_border_hover !== 'undefined'
    ? raData[boxID].styles.conf_paging_border_hover
    : (typeof conf_paging_border_hover !== 'undefined' ? conf_paging_border_hover : false);

    if (obj.className == 'jListingItem') {
        if (advertBgHover) {
            obj.style.background = advertBgHover;
        }
        if (advertBorderHover) {
            obj.style.border = advertBorderHover;
        }
    } else if (obj.className == 'jListingPageItem') {
        if (pagingBgHover) {
            obj.style.background = pagingBgHover;
        }
        if (pagingBorderHover) {
            obj.style.border = pagingBorderHover;
        }
    }
}

function restoreCss(obj, boxID) {
    var advertBg, advertBorder, pagingBg, pagingBorder;

    advertBg = raData[boxID].styles && typeof raData[boxID].styles.conf_advert_bg !== 'undefined'
    ? raData[boxID].styles.conf_advert_bg
    : (typeof conf_advert_bg !== 'undefined' ? conf_advert_bg : false);

    advertBorder = raData[boxID].styles && typeof raData[boxID].styles.conf_advert_border !== 'undefined'
    ? raData[boxID].styles.conf_advert_border
    : (typeof conf_advert_border !== 'undefined' ? conf_advert_border : false);

    pagingBg = raData[boxID].styles && typeof raData[boxID].styles.conf_paging_bg !== 'undefined'
    ? raData[boxID].styles.conf_paging_bg
    : (typeof conf_paging_bg !== 'undefined' ? conf_paging_bg : false);

    pagingBorder = raData[boxID].styles && typeof raData[boxID].styles.conf_paging_border !== 'undefined'
    ? raData[boxID].styles.conf_paging_border
    : (typeof conf_paging_border !== 'undefined' ? conf_paging_border : false);

    if (obj.className == 'jListingItem') {
        if (advertBg) {
            obj.style.background = advertBg;
        }
        if (advertBorder) {
            obj.style.border = advertBorder;
        }
    } else if (obj.className == 'jListingPageItem') {
        if (pagingBg) {
            obj.style.background = pagingBg;
        }
        if (pagingBorder) {
            obj.style.border = pagingBorder;
        }
    }
}

function pageClick(n, boxID) {
    

    for (var k = 1; k <= raData[boxID].maxPage; k++) {
        if (k == n) {
            var className = 'jListingPage';
            className += raData[boxID].grid_mode ? ' jListingPage_grid-view' : '';

            document.getElementById(boxID + '_page_' + k).className = className;
            document.getElementById(boxID + '_pg_' + k).className   = 'jListingPageItem-active';

            if (typeof(conf_paging_bg_hover) != 'undefined' && typeof(conf_paging_border_hover) != 'undefined') {
                document.getElementById(boxID + '_pg_' + k).style.background = conf_paging_bg_hover;
                document.getElementById(boxID + '_pg_' + k).style.border = conf_paging_border_hover;
            }
        } else {
            document.getElementById(boxID + '_page_' + k).className = 'jListingHide';
            document.getElementById(boxID + '_pg_' + k).className = 'jListingPageItem';

            if (typeof(conf_paging_bg) != 'undefined' && typeof(conf_paging_border) != 'undefined') {
                document.getElementById(boxID + '_pg_' + k).style.background = conf_paging_bg;
                document.getElementById(boxID + '_pg_' + k).style.border = conf_paging_border;
            }
        }
    }
}

function setStyleByClass(t, c, p, v, parentID) {
    var elements = document.querySelectorAll(parentID ? ('#' + parentID + ' ' + t + '.' + c) : (t + '.' + c));

    for (var i = 0; i < elements.length; i++) {
        elements.item(i).style[p] = v;
    }
}