function implode( glue, pieces ) { 
    return ( ( pieces instanceof Array ) ? pieces.join ( glue ) : pieces );
}

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {                                 
    jQuery("<img>").attr("src", arguments[i]);
  }
}
          
var i = 1;
var started = false;
var atavist = 'false';  
var links = new Array();
var title = new Array();
var images = new Array();
var URL_ROOT="/";
var total=0;   
var mi_1="first";
var mi_2="trans"; 
var first = true;        
var timer = "";  

jQuery(document).ready(function(){
    jQuery.getJSON(URL_ROOT+"index.php?type=ajaxGetFeatureBanners&region=ajax",
        function(data){
          jQuery.each(data, function(i,item){   
            jQuery.preloadImages(item.src);   
            images.push(item.src);
            links.push(item.link);
            title.push(item.title);
            total=i;          
          });                                
	    jQuery.each(jQuery.browser, function(i, val) {
  		    if(i=="msie" && jQuery.browser.version.substr(0,3)=="6.0")
		    {
     		    atavist = 'true';
		    }
		    else atavist == 'false';
	    });    
                                                                
	    jQuery("#main-image-first").html("<a class='main_link' href='"+links[0]+"'>"+title[0]+"</a>").css("background-image","url("+URL_ROOT+"images/banners/"+images[0]+")");
        if(total>0)
        {                                                  
            jQuery("#hb_back").addClass("0");
            jQuery("#hb_forward").addClass("0");   
	        timer = setInterval(function(){changeMain(total,links,title,images)},7000);
        }                  
    });
}); 

function changeMain(total,links,title,images)
{                                      
    if(total>0)
    {                                                   
        jQuery("#hb_back").removeClass();    
        jQuery("#hb_forward").removeClass();  
        jQuery("#hb_back").addClass(""+i+"");    
        jQuery("#hb_forward").addClass(""+i+"");
        if(atavist == "false")
        {
            jQuery("#main-image-"+mi_1).fadeOut(500);
            jQuery("#main-image-"+mi_2).html("<a class='main_link' href='"+links[i]+"'>"+title[i]+"</a>").css("background-image","url("+URL_ROOT+"images/banners/"+images[i]+")").fadeIn(500);
        }
        else
        {
            jQuery("#main-image-"+mi_1).hide();
            jQuery("#main-image-"+mi_2).html("<a class='main_link' href='"+links[i]+"'>"+title[i]+"</a>").css("background-image","url("+URL_ROOT+"images/banners/"+images[i]+")").show();
        }          
        
        if(mi_1=="first")
        {
            mi_1="trans";
            mi_2="first";      
        }
        else
        {
            mi_1="first";
            mi_2="trans";
        }    
        if(i==total)
        {
            i=0;               
            if(first==true)
            {
                first=false;
            }
            else first=true;
        }                    
        else i=i+1;           
    }       
}    

function nav_hb(id,action)
{
    frame=parseInt(jQuery(id).attr('class'));    
    if(action=='forward')
    {
        if(frame+1>total)
        {
            i=0;
        }      
        else i=frame+1;
    }              
    else if(action=='back')
    {
        if(frame-1<0)
        {
            i=total;
        }      
        else i=frame-1;
    }               
    changeMain(total,links,title,images);
    clearInterval(timer);
    timer = setInterval(function(){changeMain(total,links,title,images)},7000); 
}