var mapDivs = new Array(
	"#mapblog", // 360 DI blog
	"#mapblog", // Social Marketing exChange
	"#mapblog", // WomenOlogy
	"#mapblog", // The Intersection blog
	"#na", //4 south america Expert View
	"#mapblog", //John Bell's blog
	"#sa", //6 north america Expert View
	"#mapblog", //Rohit's blog
	"#europe", //8 Europe Expert View
	"#mapblog", // Tech PR Nibbles blog
	//"#me-a", //8 
	//"#mapblog", //Giles blog
	//"#india", //10
	"#mapblog", // Virgina's blog
	"#mapblog", // Eric's blog
	"#asia", //12 Asia Expert View
	//"#mapblog", // Ogilvy China
	"#pacific", //13 Pacific Expert View
	//"#mapblog", // Open Room blog
	"#mapblog" // Asia Digital Map
);
//var mapImgs    = new Array("map_north_america","map_south_america","map_europe","map_middle_east","map_india","map_asia","map_pacific");
var mapImgs    = new Array("map_north_america","map_south_america","map_europe","","","map_asia","map_pacific");
//var topMargin  = 200;
var topMargin  = 505; //temp for Flash promo
var delay      = 10; //In Seconds
var curFrame; 
var movie;

var count = 0;
	
window.onload = function() {
	preloadMaps();		
	movie = new movie();
	movie.goToFrame(0);
	movie.start()
}

function movie(){
	var timer = true;
	var timerID;
	var frameDelay = delay;

	this.goToFrame = function(frameID){	
		curFrame = curFrame || 0;
		
		//console.log( curFrame );
		//console.log ( mapDivs[frameID] );
		if (mapDivs[curFrame] != mapDivs[frameID]) {
			$(mapDivs[curFrame]).hide();
			$(mapDivs[frameID]).show();
		}
		
		offset = $ui('#modalContainer').offset();

        x = parseInt(offset.left) + 40;
        y = 150 + parseInt(topMargin*1);

		this.showModal(frameID, x, y);
		
		curFrame = frameID;
		if(this.timer==true){	
			window.clearTimeout(timerID);
			this.start();	
		}		
	}
	
	this.nextFrame = function(){
		var nextFrame = parseFloat(curFrame)+1;
		if (nextFrame > mapDivs.length-1) nextFrame = 0;
		
		this.goToFrame(nextFrame);	
	}
	
	this.prevFrame = function(){
		var prevFrame = parseFloat(curFrame)-1;
		if (prevFrame < 0) prevFrame = mapDivs.length-1;
		this.goToFrame(prevFrame);	
	}
	
	this.stop = function(){
		window.clearTimeout(timerID);
		this.timer = false;	
	}
	
	this.start = function(){
		var nextFrame = parseFloat(curFrame)+1;
		if (nextFrame > mapDivs.length-1) nextFrame = 0;
		timerID = window.setTimeout("movie.goToFrame("+nextFrame+")",delay*1000);
		this.timer = true;
	}
	
	this.showModal = function(index, x, y) {
		$ui('.modalWindow').fadeOut(500);
		$ui('#modalWindow' + index).css({left:x+'px',top:y+'px'});
		$ui('#modalWindow' + index).fadeIn(500);		
	}
}

function preloadMaps(){
	var preloadArray = new Array();
	
	for(i=0;i<mapImgs.length;i++){
		preloadArray[i] = new Image();
		preloadArray[i].src = mapDivs[i]+".gif";
	}
}