var i = 0;
var mainImg ='img0';
var current = 'img0';
var bannerImg ='div_logos_0';
var currentBanner = 'div_logos_0';
var ctrlNo ='ctrl0';
var maxi = 6;

$(document).ready(function()
{
	$(document).pngFix();

	$("#main-area li").each(function(index, element){$(element).attr("class", 'hide');});
    $("#main-area li").each(function(index, element){$(element).attr("id", 'img'+index);});
    $("#control li a").each(function(index, element){$(element).attr("rel", 'img'+index);});
	$("#control li a").each(function(index, element){$(element).attr("id", 'ctrl'+index);});
	$("#home_logos_holder li").each(function(index, element){$(element).attr("class", 'hide');});
	//$("#home_logos_holder li").each(function(index, element){$(element).attr("id", 'banner'+index);});
	
	
	
	
	$('#img0').css('display', 'inline');
	$('#img0').addClass('current');
	$('#ctrl0').addClass('selected');
	
	//BOTTOM BANNER ROTATOR
	$('#div_logos_0').css('display', 'block');
	$('#div_logos_0').addClass('currentBanner');
	//
	
	Timer();
	
	$('#control li a').click (function(){
		clearTimeout (timeOutId);
		$('#'+ctrlNo).removeClass('selected');
		setTimeout ( "Timer()");							   
		mainImg = $(this).attr('rel');
		//if(mainImg != current){
		$('.current').fadeOut('slow');
		$('#'+mainImg).fadeIn('slow', function(){
		$(this).addClass('current');
		current = mainImg;
		var str = mainImg;
		i = str.substr(3);
		i = parseFloat(i);
		ctrlNo = 'ctrl'+ i;
		setTimeout ( "changeBottomBanner()", 1 );
		bannerImg = 'div_logos_'+ i;
		$('#'+ctrlNo).addClass('selected');
		if (i==5){
			$("#control ul").addClass('white');
			}
		else {
			$("#control ul").removeClass('white');
			}
		});
	});
});

function changeBottomBanner(){
	bannerImg = 'div_logos_'+ i;
	$('.currentBanner').fadeOut('slow');
	$('#'+bannerImg).css('display', 'block');
	$('#'+bannerImg).fadeIn('slow', function(){
		$('#'+bannerImg).addClass('currentBanner');
		currentBanner = bannerImg;
	});
}
//Timer
function Timer(){
	timeOutId = setTimeout ( "fadeimg()", 10000 );
}

function fadeimg(){
	$('#'+ctrlNo).removeClass('selected');
	if (i == maxi){
		i = 0;
		$("#control ul").removeClass('white');
	}
	else if (i==(maxi-1)){ //last one so text goes white
		$("#control ul").addClass('white');
		i = i + 1;
	}
	else {
		i = i + 1;
		$("#control ul").removeClass('white');
	} 
	//i = i + 1;
	mainImg = 'img'+ i;
	ctrlNo = 'ctrl'+ i;
	$('.current').fadeOut('slow');
	$('#'+mainImg).fadeIn('slow', function(){
	$('#'+mainImg).addClass('current');
	$('#'+ctrlNo).addClass('selected');
	current = mainImg;
	setTimeout ( "Timer()");
	});
	
	//NEW SCRIPT FOR BOTTOM AREA
	changeBottomBanner();
	//
}

//var bannerImg ='div_logos_0';
//var currentBanner = 'div_logos_0';

sfHover = function() {
	var sfEls = document.getElementById("navbar").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" hover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" hover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);