var newsImageToHide = 0;
var retailImageToHide = 0;

function myCallback() {
		$( "#customtypebox-draggable" ).fadeIn(300);
		$( "#retailtypebox-draggable" ).fadeIn(300);
		$( "#identitybox-draggable" ).fadeIn(300);
		$( "#newsbox-draggable" ).fadeIn(300);
		
		startTimer();
		startRetailTimer();
}

function imageLoaded(elementsLoadedCount, totalImagesCount) {
	var percent = Math.round((elementsLoadedCount / totalImagesCount) * 100);
}

	
function startTimer(){
	window.setTimeout('animateNews()', 3000);
}

function startRetailTimer(){
	window.setTimeout('animateRetail()', 2500);
}


function animateNews(){
	//alert('animateNews');
	var speed = 300;
	
	if(newsImageToHide == 3){
		
		$('#news-image0').fadeIn(speed);
		$('#news-image1').fadeIn(speed);
		$('#news-image2').fadeIn(speed);
		newsImageToHide = -1;
	}else{
		$('#news-image'+newsImageToHide).fadeOut(speed);
	}
	
	newsImageToHide += 1;
	startTimer();
}
		
function animateRetail(){
	//alert('animateRetail');
	var speed = 300;
	
	if(retailImageToHide == 5){
		$('#retail-image0').fadeIn(speed);
		$('#retail-image1').fadeIn(speed*3);
		$('#retail-image2').fadeIn(speed*3);
		$('#retail-image3').fadeIn(speed*3);
		$('#retail-image4').fadeIn(speed*3);
		$('#retail-image5').fadeIn(speed*3);
		retailImageToHide = -1;
	}else{
		$('#retail-image'+retailImageToHide).fadeOut(speed);
	}
	
	retailImageToHide += 1;
	startRetailTimer();
}





$(document).ready(function() {	
	$( "#customtypebox-draggable" 	).draggable({ handle: "#customtypeboxheading" 	,containment:'#panelscontainer' ,zIndex:7000});
	$( "#retailtypebox-draggable" 	).draggable({ handle: "#retailtypeboxheading" 	,containment:'#panelscontainer' , zIndex:7000 });
	$( "#identitybox-draggable" 	).draggable({ handle: "#identityboxheading" 	,containment:'#panelscontainer' , zIndex:7000 });
	$( "#newsbox-draggable" 		).draggable({ handle: "#newsboxheading" 		,containment:'#panelscontainer' , zIndex:7000 });
	
	$(".box_shadow").mousedown(function(){
		$(".box_shadow").css({
			"zIndex": "5000"
		});
		
		$(this).css({
			"zIndex": "6000"
		});
	});
	
	$( "div, p" ).disableSelection();


	$( "#customtypebox-draggable" ).fadeOut(0);
	$( "#retailtypebox-draggable" ).fadeOut(0);
	$( "#identitybox-draggable" ).fadeOut(0);
	$( "#newsbox-draggable" ).fadeOut(0);
	
	$("#panels").find('img').batchImageLoad({
		loadingCompleteCallback: myCallback,
		imageLoadedCallback: imageLoaded
	});
});