function implode( glue, pieces ) { 
    return ( ( pieces instanceof Array ) ? pieces.join ( glue ) : pieces );
}

function isEven(value){
	if (value%2 == 0)
		return true;
	else
		return false;
}

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

var i = 2;
var started = false;
var atavist = 'false';
var URL_ROOT="/";
var links = [URL_ROOT+"nails/", URL_ROOT+"hair/", URL_ROOT+"beauty/"];
var title = ["Louella Belle - Nails","Louella Belle - Hair","Louella Belle - Beauty"];
var img = ["nails_banner.jpg","hair_banner.jpg","beauty_banner.jpg"];

var links = new Array();
var title = new Array();
var img = new Array();

jQuery(document).ready(function(){

	jQuery.getJSON(URL_ROOT+"brand_fb.php?type=0",
	        function(data){
	    jQuery.each(data, function(i,item){   
	      jQuery.preloadImages("/images/banners/"+item.src);   
	      img.push(item.src);
	      links.push(item.link);
	      title.push(item.title);
	      total=i;     
	    }); 	
	    jQuery("#main-image-first").html("<a class='main_link' href='"+links[0]+"' title='"+title[0]+"'>&nbsp</a>").css("background-image","url(/images/banners/"+img[0]+")");
		jQuery("#main-image #nav #link_1").addClass("selected");
		timer = setInterval("changeMain('null')",3000);
    }); 
	    
	jQuery(".strap").hide(0);
	jQuery.each(jQuery.browser, function(i, val) {
  		if(i=="msie" && jQuery.browser.version.substr(0,3)=="6.0")
		{
     		atavist = 'true';
		}
		else atavist == 'false';
	});
	//jQuery.preloadImages("/images/main/nails_banner.jpg","/images/main/hair_banner.jpg","/images/main/beauty_banner.jpg");


	jQuery("#main-image #nav ul li").hover(function(){
		jQuery("#main-image #nav li").removeClass("selected");
		jQuery(this).addClass("selected");
		clearInterval(timer);
		sel_id=jQuery(this).attr("id");
		changeMain_Hover(sel_id);
	},function(){
		sel_id=jQuery(this).attr("id");
		changeMain(sel_id);
		timer = setInterval(function(){changeMain("null")},3000);
	});

}); 

function changeMain(selected)
{
	jQuery("#main-image #nav li").removeClass("selected");
	if(selected != "null")
	{
		jQuery("#"+selected).addClass("selected");
		bits = selected.split("_");
		i = parseInt(bits[1])+1;
		if(i==4)
		{
			i=1;
		}
	}
	else
	{
		jQuery("#main-image #nav #link_"+i).addClass("selected");
		if(isEven(i))
		{
			if(atavist == "false")
			{
				jQuery("#main-image-first").fadeOut(500);;
				jQuery("#main-image-trans").html("<a class='main_link' href='"+links[i-1]+"' title='"+title[i-1]+"'>&nbsp</a>").css("background-image","url(/images/banners/"+img[i-1]+")").fadeIn(500);
			}
			else
			{
				jQuery("#main-image-first").hide();
				jQuery("#main-image-trans").html("<a class='main_link' href='"+links[i-1]+"' title='"+title[i-1]+"'>&nbsp</a>").css("background-image","url(/images/banners/"+img[i-1]+")").show();
			}
		}
		else
		{
			if(atavist == "false")
			{
				jQuery("#main-image-trans").fadeOut(500);
				jQuery("#main-image-first").html("<a class='main_link' href='"+links[i-1]+"' title='"+title[i-1]+"'>&nbsp</a>").css("background-image","url(/images/banners/"+img[i-1]+")").fadeIn(500);
			}
			else
			{
				jQuery("#main-image-trans").hide();
				jQuery("#main-image-first").html("<a class='main_link' href='"+links[i-1]+"' title='"+title[i-1]+"'>&nbsp</a>").css("background-image","url(/images/banners/"+img[i-1]+")").show();
			}
		}
		i=i+1;
		if(i==4)
		{
			i=1;
		}
		started = true;
	}
}

function changeMain_Hover(sel)
{
	var bits = sel.split("_");
	var i = bits[1];
	if(atavist == "false")
	{
		jQuery("#main-image-first").fadeOut(500);;
		jQuery("#main-image-trans").html("<a class='main_link' href='"+links[i-1]+"' title='"+title[i-1]+"'>&nbsp;</a>").css("background-image","url(/images/banners/"+img[i-1]+")").fadeIn(500);
	}
	else
	{
		jQuery("#main-image-first").hide();
		jQuery("#main-image-trans").html("<a class='main_link' href='"+links[i-1]+"' title='"+title[i-1]+"'>&nbsp</a>").css("background-image","url(/images/banners/"+img[i-1]+")").show();
	}
}
