var arrContent = '',
    gCounter = 0,
    rColor = ['#FFFFCC',''],
    gTime = 3; //seconds
    //g = global
    //r = row
////////////////////////////////////////////////////////////////////////////////////
function showRecentAuctions( div_id ){
    //prepare values
    var content = '';
    var val = $('ctl00_content_RecentAuctions').value;
    //alert(val);
    var count = val.split("@");
    
    //loop on hidden field items
    for( i=0 ; i<count.length ; i++ ){
        //format the data using a predefined template
        content = formatData(count[i]);
    }
    //display data
    $(div_id).innerHTML = content;
    
    //scroll the ticker
    setInterval(
        function(){
            scroll(div_id);
        },
        (gTime * 1000)
    );
}
////////////////////////////////////////////////////////////////////////////////////
function scroll(div){
    var mainDiv = '#' + div + ' div.c';
    var main = $$(mainDiv); //length
    var first = $(main.first());
    var last = $(main.last());

    last.insert({after: first});
}
////////////////////////////////////////////////////////////////////////////////////
function isEven_(value){
	if (value%2 == 0)
		return true;
	else
		return false;
}
////////////////////////////////////////////////////////////////////////////////////
function formatData(data){
    //alert(data);
    items = data.split("|");
    
    from_ = items[0].split(" ");
    to_ = items[1].split(" ");
    datetime_ = items[2].split(" ");

    isEven = isEven_(gCounter);
    if(isEven){ gCounter++; color_ = rColor[0]; }
    else{ gCounter--; color_ = rColor[1]; }

    //template
    arrContent += '<div class="c"><div style="overflow:auto; background-color: '+color_+'"><span style="width:75px; float:left;">'+from_[0]+'</span><span style="width:75px; float:left;">'+to_[0]+'</span><div style="float:left;">'+datetime_[0]+'</div></div>';

    arrContent += '<div style="overflow:auto; background-color: '+color_+'"><span style="width:75px; float:left;">'+from_[1]+'</span><span style="width:75px; float:left;">'+to_[1]+'</span><span style="float:left;">'+datetime_[1]+'</span></div></div>';
           
    return arrContent;
}
////////////////////////////////////////////////////////////////////////////////////