jQuery.noConflict();

jQuery(document).ready(function() {

    getAds = function() {
        jQuery.getJSON('json.php?type=ads', null, function(json) {
            if (json.status == 'ok') {
                jQuery('div.c_offers_row').remove();

                if (json.items) {
                    html = '';
                    if (json.items.length > 0) {
                        html += drawRow(json.items.slice(0, 3), true);
                    }
                    if (json.items.length > 3) {
                        html += drawRow(json.items.slice(3, 6), true);
                    }
                    if (json.items.length > 6) {
                        html += drawRow(json.items.slice(6, 9), true);
                    }

                    jQuery('div#senasteads').prepend(html);
                }
            }
        })
    }

    drawRow = function(items, border) {
        html = '<div class="c_offers_row">';
        if (items[0]) {
            html += drawItem(items[0], border, 'bike_offer_l');
        }
        if (items[1]) {
            html += drawItem(items[1], border, 'bike_offer_c');
        }
        if (items[2]) {
            html += drawItem(items[2], border, 'bike_offer_r');
        }
        html += '</div>';

        return html;
    }

    drawItem = function(item, border, classname) {
        html = (border) ? '<div class="' + classname + ' o_brdr">' : '<div class="' + classname + '">';
        html += '<img src="' + item.image + '" class="bike" alt="' + item.name + '" />';
        html += '<div class="offer_label">';
        html += '<a href="' + item.href + '"><img src="images/bikes/label.png" width="160" height="120" alt="' + item.name + '" /></a>';
        html += '</div>';
        html += '<p><a href="' + item.href + '">' + item.name + '</a></p>';
        html += '<p class="price">' + item.price + ' kr</p>';
        html += '</div>';

        return html;
    }


    if (jQuery('div#senasteads').length > 0) {
//        getAds();

        jQuery('div.c_offers_navi a').live('click', function() {
            page = jQuery(this).text();
						link = jQuery(this);
						
						jQuery.getJSON('json.php?type=navigate', {page: page}, function(json) {
                if (json.status == 'ok') {
                    getAds();

										var active = 1;
										jQuery.each(jQuery('div.c_offers_navi a'), function(key, val){
											
											if(jQuery(val).html().indexOf('<b>') >= 0) {
												active = jQuery(val).attr('id');
												jQuery(val).html(jQuery(val).attr('id'));
											}
										});

										if(link.attr('id') != 'prev' && link.attr('id') != 'next')
											link.html('<b>' + link.html() + '</b>');
										else {
											if(link.attr('id') == 'prev' && active > 1)
												active--;
											else if(link.attr('id') == 'next' && active < 5)
												active++;
											jQuery('div.c_offers_navi a#' + active).html('<b>' + jQuery('div.c_offers_navi a#' + active).html() + '</b>');
										}
                }
            })

            return false;
        })
    }

});