var arrTopElementImages=[], arrTopElementColors=[];

function fPreloadHomeImages(){
	$.arrPreload=[];
	for(var i=0;i<=arrTopElementImages.length;i++){
		$.arrPreload[i]="http://www.entry.co.il"+ arrTopElementImages[i];
	}

	$(document.createElement('img')).bind('load', function(){
			if($.arrPreload.length>0) this.src=$.arrPreload.shift();
	}).trigger('load');
}

var bTopElementAutoChange=true;
var nCurrTopElement=0, nCurrTopElementZindex=10, nCurrProjImg=1;

function fTopElementChange(nEL){
	if(nCurrTopElement==nEL) return;
	if(nEL) bTopElementAutoChange=false;
	if(!nEL) nEL=nCurrTopElement+1;
	if(nEL>6) nEL=1;
	var sNewBgColor=(arrTopElementColors[nEL-1]||arrTopElementColors[0]);
	nCurrProjImg=1;
	
	$("#oTopElementBtn"+ nCurrTopElement).removeClass("clsSelected");
	$("#oTopElementBtn"+ nEL).removeClass("clsHover").addClass("clsSelected");

	$("#oTopElementImageNav").find("div").removeClass("clsSelected");
	$("#oTopElementImageNav").find("div:eq("+ (nCurrProjImg-1) +")").addClass("clsSelected");
	
	nCurrTopElementZindex++
	if(sNewBgColor){
		if($.browser.msie && $.browser.version<9)
			$("#oTopElement").css({backgroundColor:sNewBgColor})
		else
			$("#oTopElement").stop().animate({backgroundColor:sNewBgColor},1500);
	}
	$("#oTopElementImage"+ nEL +"_1").hide().css({left:0,zIndex:nCurrTopElementZindex}).fadeIn(800);
	$("#oTopElementDesc"+ nCurrTopElement).fadeOut(300);
	$("#oTopElementDesc"+ nEL).fadeIn(500);
	nCurrTopElement=nEL;
	if(bTopElementAutoChange){
		setTimeout(function(){if(bTopElementAutoChange)fTopElementChange},10000);
	}
}


function fChangeProjectImage(nImgIndex){
	if(nImgIndex){
		if(nCurrProjImg == nImgIndex) return
		nCurrProjImg = nImgIndex;
	}
	else{
		nCurrProjImg++
		if(nCurrProjImg == 4) nCurrProjImg = 1;
	}
	
	nCurrTopElementZindex++
	$("#oTopElementImage"+ nCurrTopElement +"_"+ nCurrProjImg).hide().css({left:0,zIndex:nCurrTopElementZindex}).fadeIn(300);
	$("#oTopElementImageNav").find("div").removeClass("clsSelected");
	$("#oTopElementImageNav").find("div:eq("+ (nCurrProjImg-1) +")").addClass("clsSelected");

}

$(document).ready(function(){
	// when applying css3 selector it disturbes old ie's
	$(".clsTopElement").find("li:first-child").addClass("clsFirstChild");
	$(".clsTopElement").find("li:last-child").addClass("clsLastChild");
	fPreloadHomeImages();
	fTopElementChange(1)
	setTimeout(function(){if(bTopElementAutoChange)fTopElementChange},10000);
});