/**
* Site.Carousel
*
* @author Szijarto Tamas ( szicsu )
**/
Site.Carousel= new function(){
    var self = this;
    this.kiemeltInitedItem = 9;
    this.hirdetesInitedItem = 1;

    this.kiemeltInit = function(){

        $("#kiemelt_hirdetesek_scroller").jcarousel({
            buttonNextHTML:'<a class="scrollNext"></a>',
            buttonPrevHTML:'<a class="scrollPrev"></a>',
            scroll: 8,
            itemLoadCallback:self.kiemeltItem,
			size:18

        });

    }

    this.kiemeltItem = function( carousel, state ){


        if ( carousel.has(carousel.first, carousel.last) ) {
            //alert('itt');
			return;
        }

        $.ajax({
            url: '/ajaxkiemelt',
            data:{
                offset:self.kiemeltInitedItem
            },
            dataType: 'json',
            async: true,
            success: function( data ){
                carousel.size( data.total );

                for( var i in data.items ){

                    self.kiemeltInitedItem++;
                    carousel.add(  self.kiemeltInitedItem, self.getTemplate( data.items[i], 'kiemelt' ) );
                }
            }
        });
    }


    this.hirdetesInit = function( ){

        $("#hirdetesek_scroller").jcarousel({
            buttonNextHTML:'<a class="scrollNext"></a>',
            buttonPrevHTML:'<a class="scrollPrev"></a>',
            scroll: 1,
            itemLoadCallback:self.hirdetesItem

        });
    }

    this.hirdetesItem = function( carousel, state ){


        if ( carousel.has(carousel.first, carousel.last) ) {
			return
        }

        $.ajax({
            url: '/ajaxhirdeteslistazo/listaz',
            data:{
                offset:self.hirdetesInitedItem
            },
            dataType: 'json',
            async: true,
            success: function( data ){
                carousel.size( data.total );

                for( var i in data.items ){

                    carousel.add(  self.hirdetesInitedItem, self.getTemplate( data.items[i], 'hirdetes' ) );
                    self.hirdetesInitedItem++;
                }
				
				self.setBoxTitle( data.dataType );
            }
        });
    }
	
	this.setBoxTitle = function( titleType ){
		
		if( titleType == 'motorvadasz' ){
			$('h1#H_hirdeteseink')
				.removeClass('H_hirdeteseink')
				.addClass('H_motorvadasz')
				.find('a')
					.attr('href', '/motorvadasz')
					.html(__('motorvadasz')+'<span class="fir">&nbsp;</span>');
		}		
	}
	
	
	

    this.ajanloInit = function(){

        //var aItems = $('#ajanlo_scroller').html().match(/(?:<li>)(.*?)(?:<\/li>)/g);

        var aItems = $('#ajanlo_scroller>li>a');
        $('#ajanlo_scroller').html('');
		
        if ( aItems == null ) {
            return false;
        }

        $("#ajanlo_scroller").jcarousel({
            buttonNextHTML:'<a class="scrollNext"></a>',
            buttonPrevHTML:'<a class="scrollPrev"></a>',
            scroll: 1,
			auto: 10,
			itemVisibleInCallback:{ 
				onBeforeAnimation: function(carousel, item, i, state, evt){
					var idx = carousel.index(i, aItems.length);
					carousel.add(i, aItems[idx - 1]);
				}
			},
			itemVisibleOutCallback: {
				onAfterAnimation: function(carousel, item, i, state, evt){
					carousel.remove(i);
				}
			}	
        }).animate({width :'+=1'}, 100);
    }

    this.csamInit = function() {
	if ( $('div.csajokamotoron').css('display') == 'block' ) {
		$("#csam_scroller").jcarousel({
		    buttonNextHTML:'<a class="scrollNext"></a>',
		    buttonPrevHTML:'<a class="scrollPrev"></a>',
		    scroll: 1
		});
	}    
    }
	
    this.newsInit = function(){
	$("#news_scroller").jcarousel({
            buttonNextHTML:'<a class="scrollNext"></a>',
            buttonPrevHTML:'<a class="scrollPrev"></a>',
            scroll: 1
        });
    }


    this.getTemplate = function( data, template ){

        switch( template ){

            case 'kiemelt':
                html = new Array(
                    '<a href="{s_url}" title="{s_cim_motor}">',
                        '<img src="{s_kep}" alt="{s_cim_motor}" />',
                        '<span class="itemOuter">',
                            '<span class="itemMiddle">',
                                '<span class="itemInner">{s_cim_motor}</span>',
                            '</span>',
                        '</span>',
                    '</a>'
                );
            break;
            case 'hirdetes':
                html = new Array(
                    '<div class="fromBlue_toWhite">',
                        '<div class="corners"><span class="topLeft">&nbsp;</span><span class="topRight">&nbsp;</span></div>',
                        '<div class="boxcontent">'+__('elado')+' <strong>{s_cim_motor}</strong>',
                        '</div>',
                        '<div class="corners"><span class="bottomLeft">&nbsp;</span><span class="bottomRight">&nbsp;</span></div>',
                        '<div class="clr">&nbsp;</div>',
                    '</div>',
                    '<table cellpadding="0" cellspacing="0" class="basicTable">',
                        '<tr class="line_lightGray">',
                            '<td class="firstCell">'+__('allapot')+':</td>',
                            '<td>{s_allapot}</td>',
                        '</tr>',
                        '<tr>',
                            '<td class="firstCell">'+__('hengerurtartalom')+':</td>',
                            '<td>{hengerurtartalom} '+__('cm3')+'</td>',
                        '</tr>',
                        '<tr class="line_lightGray">',
                            '<td class="firstCell">'+__('evjarat')+':</td>',
                            '<td>{s_evjarat}</td>',
                        '</tr>',
                        '<tr>',
                            '<td class="firstCell">'+__('kivitel')+':</td>',
                            '<td>{s_kivitel}</td>',
                        '</tr>',
                        '<tr class="line_lightGray">',
                            '<td class="firstCell">'+__('futott_km')+':</td>',
                            '<td>{s_futottkm}</td>',
                        '</tr>',
                        '<tr>',
                            '<td class="firstCell">'+__('szin')+':</td>',
                            '<td>{szin}</td>',
                        '</tr>',
                    '</table>',
                    '<a href="{s_url}" class="linkpic" title="'+__('reszletek')+'">',
                        '<img src="{s_kep}" alt="'+__('reszletek')+'" />',
                        '<span class="keret png">&nbsp;</span>',
                    '</a>',
                    '<span class="motorvadaszDate">'+__('hirdetes_feladva')+':{feladas_datuma} </span>',
                    '<span class="motorvadaszDetails"><a href="{s_url}" title="'+__('reszletek')+'">'+__('reszletek')+'</a> &raquo;</span>'
                );
            break;


        }

        return $.template( html.join('') ).apply( data );
    }
}