function getAnchorPosition(anchorname){var useWindow=false;var coordinates=new Object();var x=0,y=0;var use_gebi=false,use_css=false,use_layers=false;if(document.getElementById){use_gebi=true}else if(document.all){use_css=true}else if(document.layers){use_layers=true}if(use_gebi&&document.all){x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);y=AnchorPosition_getPageOffsetTop(document.all[anchorname])}else if(use_gebi){var o=document.getElementById(anchorname);x=AnchorPosition_getPageOffsetLeft(o);y=AnchorPosition_getPageOffsetTop(o)}else if(use_css){x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);y=AnchorPosition_getPageOffsetTop(document.all[anchorname])}else if(use_layers){var found=0;for(var i=0;i<document.anchors.length;i++){if(document.anchors[i].name==anchorname){found=1;break}}if(found==0){coordinates.x=0;coordinates.y=0;return coordinates}x=document.anchors[i].x;y=document.anchors[i].y}else{coordinates.x=0;coordinates.y=0;return coordinates}coordinates.x=x;coordinates.y=y;return coordinates}function getAnchorWindowPosition(anchorname){var coordinates=getAnchorPosition(anchorname);var x=0;var y=0;if(document.getElementById){if(isNaN(window.screenX)){x=coordinates.x-document.body.scrollLeft+window.screenLeft;y=coordinates.y-document.body.scrollTop+window.screenTop}else{x=coordinates.x+window.screenX+(window.outerWidth-window.innerWidth)-window.pageXOffset;y=coordinates.y+window.screenY+(window.outerHeight-24-window.innerHeight)-window.pageYOffset}}else if(document.all){x=coordinates.x-document.body.scrollLeft+window.screenLeft;y=coordinates.y-document.body.scrollTop+window.screenTop}else if(document.layers){x=coordinates.x+window.screenX+(window.outerWidth-window.innerWidth)-window.pageXOffset;y=coordinates.y+window.screenY+(window.outerHeight-24-window.innerHeight)-window.pageYOffset}coordinates.x=x;coordinates.y=y;return coordinates}function AnchorPosition_getPageOffsetLeft(el){var ol=el.offsetLeft;while((el=el.offsetParent)!=null){ol+=el.offsetLeft}return ol}function AnchorPosition_getWindowOffsetLeft(el){return AnchorPosition_getPageOffsetLeft(el)-document.body.scrollLeft}function AnchorPosition_getPageOffsetTop(el){var ot=el.offsetTop;while((el=el.offsetParent)!=null){ot+=el.offsetTop}return ot}function AnchorPosition_getWindowOffsetTop(el){return AnchorPosition_getPageOffsetTop(el)-document.body.scrollTop}

var set_attr = function(obj) {
	this.top = $(obj).css("top");
	this.left = $(obj).css("left");
	this.width = $(obj).attr("width");
	this.height = $(obj).attr("height");
	return this;
}

var set_menu = function(obj) {
	var opacity = 0.5;
	var menu = $(obj).attr("id").replace("_mask","");
	if (menu == "women" || menu == "brazil") opacity = 1;	
	$(obj)
		.animate({opacity: 0.5}).animate({left: '0px', top: '0px', width: '1009px', height: '684px', opacity: opacity},{ duration: "normal"})
		.addClass("enabled")
		// .draggable({ start: function() { unbind_map_mask(); }, stop: function() { setTimeout(bind_map_mask,200); } });
	if (menu == "project" || menu == "exhibition") open_overlay("menu");
	else if (menu == "women") {
		setTimeout(function() { $("#women_map_controls").fadeIn("slow"); },400);
		$("#women_mask").addClass("disabled");
		unbind_map_mask();
	}
	else if (menu == "brazil") {
		setTimeout(function() { $("#brazil_map_controls").fadeIn("slow"); },400);
		$("#brazil_mask").addClass("disabled");
		unbind_map_mask();
	}
}

var reset_menu = function(obj) {
	var mask;
	var menu = $(obj).attr("id").replace("_mask","");
	if (menu == "project")
		mask = project;
	else if (menu == "exhibition")
		mask = exhibition;
	else if (menu == "women") {
		mask = women;
		$("#women_mask").removeClass("disabled");
		$("#women_map_controls").fadeOut();
		bind_map_mask(); 
	}
	else if (menu == "brazil") {
		mask = brazil;
		$("#brazil_mask").removeClass("disabled");
		$("#brazil_map_controls").fadeOut();
		bind_map_mask(); 
	}
	$(obj)
		.animate({left: mask.left, top: mask.top, width: mask.width, height: mask.height, opacity: 0.5},{ queue: true, duration: "normal"}).animate({opacity: 0})
		.removeClass("enabled")
		.unbind("draggable");
}

var open_overlay = function(id) 			{ $(".overlay_content").not("#"+id).fadeOut(); $("#women_content").hide(); setTimeout(function() { $("#"+id+"_content").fadeIn("slow"); },600); }
var close_overlay = function(id) 			{ $("#"+id).fadeOut(); if ($("#map_image .enabled").not("#women_mask").size()) { reset_menu($("#map_image .enabled")[0]); } }

var open_women_content = function() 	{ $(".overlay_content").not("#women_content").fadeOut(); $("#women_content").fadeIn(); unbind_map_mask(); }
var close_women_content = function() 	{
	$("#women_content").fadeOut();
	if ($("#map_image .enabled").not("#women_mask,#brazil_mask").size())
		reset_menu($("#map_image .enabled")[0]);
	if (!$("#women_map_controls").is(":visible"))
		bind_map_mask();
}

var bind_map_image = function() 			{ /* $("#map_image").draggable(); */ }
var unbind_map_mask = function() 			{ $(".mask").unbind("click"); }

function bind_map_mask() {
	$(".mask").unbind("click").click(function() {		
		if ($(this).hasClass("enabled")) reset_menu($(this));
		else set_menu($(this));
	});
	$(".project").unbind("click").click(function() 		{ open_overlay("project"); return false; });
	$(".exhibition").unbind("click").click(function() { open_overlay("exhibition"); return false; });
}

function set_woman(value) {
	
	var id = null;
	var country = null;

	if (parseInt(value))
		id = value;
	else if (typeof(value) == 'string') country = value;
	if (!id && !country) id = 14;
	if (!country) country = $("#women_content").attr("class");
	
	$.post("/xml/women.xml",{ 'id':id, 'country':country }, function(xml) {
		
		$("#women_content").removeClass().addClass(country);
		$("#women_content .left").html('<img src="/images/photos/women/'+$("id",xml).text()+'.jpg" alt="" />');
		$("#women_content .title").text($("title",xml).text());
		$("#women_content .location span").text($("location",xml).text());
		$("#women_content .description").html($("description",xml).text());
		
		if (parseInt($("previous_id",xml).text()))
			$("#women_content .nav_left").attr("id","woman_"+$("previous_id",xml).text()).show();
		else $("#women_content .nav_left").hide(); 
		
		if (parseInt($("next_id",xml).text()))
			$("#women_content .nav_right").attr("id","woman_"+$("next_id",xml).text()).show();
		else $("#women_content .nav_right").hide(); 
				
		if (country == "br") {
		  $("#women_video").append('<img src="/images/video_soon.png" width="290" height="239" alt="Coming soon" />');
		}
		else {
		  var s1 = new SWFObject("/swf/mediaplayer.swf","mediaplayer","290","240","8");
		  s1.addParam("allowfullscreen","true");
  	  s1.addVariable("autostart","true");
  	  s1.addVariable("backcolor","0xffffff");
  	  s1.addVariable("shownavigation","false");
  	  s1.addVariable("repeat","true");
  	  s1.addVariable("width","290");
  	  s1.addVariable("height","240");
  	  s1.addVariable("file","/videos/women/"+$("id",xml).text()+".flv");
  	  s1.write("women_video");
  	 }
	});
	
	return false;	
}

function preload() {
	var images = new Array();
	images.push('/images/bg_women.jpg');
	images.push('/images/bg_project.jpg');
	images.push('/images/bg_exhibition.jpg');
	images.push('/images/maps/map_brazil.jpg');
	for (var i in images) {
		var load = new Image();
		load.src = images[i];
	}
}

function get_exhibition_videos() {
	var videos = new Array("http://www.dailymotion.com/swf/x4lv1d&v3=1&related=0","http://www.dailymotion.com/swf/x4lh6k&v3=1&related=0");
	return videos;
}

function get_exhibition_photos() {
	var images = new Array('1','2','3','4','5','6','7','8','9','10','11','12','13','lesoir','P1010890','P1010892','P1010893','P1010907','P1010930');
	return images;
}

function get_action_photos(country) {
	return action_photos[country];
}

var set_action_photos = function(country) {
	
	var html;
	var html_images = '';
	var images 	= get_action_photos(country);
	var image_1;
	var path		= '/images/photos/action/'+country+'/';
	
	for(var i in images) {
		var myclass = '';
		if (typeof(images[i]) == 'string') {
			if (i == 0) {
				myclass = 'enabled';
				image_1 = images[i];
			}
			html_images += '<img class="thumbnail '+myclass+'" src="'+path + 'thumb/tn_' + images[i]+'.jpg" height="30" alt="" />';
		}
	}
	
	html = '<div id="action_photos"><img id="action_close" src="/images/close_2.png" width="24" height="24" alt="" /><div id="action_photo_container"><img id="action_photo" src="'+path + image_1+'.jpg" alt="" /></div><div id="action_thumb">'+html_images+'</div></div>';
	
	$("body").append(html);
	var action_photos = $("#action_photos")[0];
	$.extend($.blockUI.defaults.overlayCSS = { backgroundColor: '#333', opacity: '0.5' });
	$.blockUI(action_photos,{ 'height':'610px', 'width':'860px', 'margin':'-310px 0px 0px -430px', 'border':'3px solid #333' });
	
	$("#action_close").click(function() { $.unblockUI(); $("#action_photos").remove(); });
	$("#action_photos img.thumbnail").unbind().click(function() {
		$("#action_photos img.thumbnail").removeClass("enabled"); $(this).addClass("enabled");
		var arr = $(this).attr("src").split("/");
		var file = arr[arr.length-1];
		$("#action_photo").attr("src",path + file.replace("tn_",""));
	});
}

function next_exhibition_photo() {
	var id	= parseInt($("#exhibition_content .photo").attr("id").replace("exhibition_photo_","")) + 1;
	var file	= exhibition_photos[id-1];
	
	if (typeof(file) == 'string') set_exhibition_photo(id, file);		
	if (!exhibition_photos[id]) $("#exhibition_content .header .nav_right").css("visibility","hidden");
	else {
		var load = new Image();
		load.src = '/images/photos/exhibition/1/'+exhibition_photos[id]+'.jpg';
	}
	$("#exhibition_content .header .nav_left").css("visibility","visible");		
}

function previous_exhibition_photo() {
	var id 	= parseInt($("#exhibition_content .photo").attr("id").replace("exhibition_photo_","")) - 1;
	var file	= exhibition_photos[id-1];
	
	if (typeof(file) == 'string') set_exhibition_photo(id, file);	
	if (!exhibition_photos[id-2]) $("#exhibition_content .header .nav_left").css("visibility","hidden");
	$("#exhibition_content .header .nav_right").css("visibility","visible");
}

function set_exhibition_photo(id, file) {
	$("#exhibition_content .header .nav_container").empty().append('<img class="photo" id="exhibition_photo_'+id+'" src="/images/photos/exhibition/1/'+file+'.jpg" width="540" height="360" alt="" />');
}

var project;
var exhibition;
var women;
var exhibition_photos;
var exhibition_videos;

var action_photos = new Array();
action_photos['sl'] = new Array('DAN_2197-copy','DAN_3009','DAN_3455-copy','DAN_5909-copy','DAN_6353','DAN_7195','DAN_8290','DAN_8653','DAN_8803-copy','DAN_9086-copy','IMG_0004','IMG_0139','IMG_0338-2','IMG_0397','IMG_0411','IMG_0449','IMG_7230-copy','IMG_9283','IMG_9316','IMG_9322','IMG_9604','IMG_9768','IMG_9804','IMG_9834','IMG_9931','P1010598-copy','P1010613-copy');
action_photos['lr'] = new Array('DAN_0046','DAN_0420','DAN_0428-copy','DAN_1165-copy','DAN_2780-copy','DAN_3081','DAN_3383','DAN_3479-copy','DAN_4875-copy','DAN_4958-copy','DAN_5652','DAN_7839','DAN_8089','DAN_9581-copy','IMG_1120','IMG_1196-2','IMG_1205','IMG_1250','P1010566','P1010570','P1010588','P1010800');
action_photos['br'] = new Array('FINAL_PROVIDENCIA_WOMEN','FINALSHOT_JEUDInight2','providencia_JR_eyes','providencia_workinprogress_JR','JR_providencia_Dickenson_photo1','collage_escalier-8','RIO-Favela-001','collage_3raugust-2','collage_3raugust','collage_escalier-3','favela_Providencia_27_07.JR-7-2','favela_Providencia_27_07.JR-12','IMG_2720','portrait_26_07.JR-23','providencia_JR_stairs','_MG_9305','_MG_9352','largeframeday5_providencia','Fri-Sel-001','Fri-Sel-002','Fri-Sel-003','Fri-Sel-004','Fri-Sel-005','Fri-Sel-006','Fri-Sel-007','Fri-Sel-008','rio-09-sat-002','rio-09-sat-003','rio-09-sat-004','rio-09-sat-005','rio-09-sat-007','rio-09-sat-008','IMG_2840','IMG_7710');
action_photos['ke'] = new Array('IMG_5697','IMG_5752','IMG_5860','DPP07D90202142920','IMG_5130','IMG_5185','IMG_3935','IMG_4003','IMG_4015','IMG_4030','IMG_4044','IMG_4053','IMG_4086','IMG_4120','IMG_4128','IMG_3917','IMG_3850','IMG_3828','IMG_3799','IMG_3785','IMG_3067','IMG_3037','IMG_2921','train_part1_kibera','IMG_0677','IMG_0735','IMG_0760','kibera_action_lege-4','kibera_action_lege-2-2','kibera_action_lege-3-2','P1010403','kibera_action_lege-5-2','kibera_action_lege-6','kibera_action_lege-7');
	
$(document).ready(function() {
	
	project 					= new set_attr($("#project_mask")[0]);
	exhibition 				= new set_attr($("#exhibition_mask")[0]);
	women 						= new set_attr($("#women_mask")[0]);
	brazil 						= new set_attr($("#brazil_mask")[0]);
	exhibition_photos = get_exhibition_photos();
	exhibition_videos = get_exhibition_videos();
	set_exhibition_photo(1, exhibition_photos[0]);
	
	bind_map_image();
	bind_map_mask();
	preload();
	
	$(".women_content, a.women").click(function() { open_women_content(); set_woman($(this).attr("id").replace("country_","")); return false; });
	$("a.action").click(function() { set_action_photos($(this).attr("id").replace("action_","")); return false; });
	$("#women_content .close").click(close_women_content);
	$("#women_content .arrow").click(function() { set_woman($(this).attr("id").replace("woman_","")); });
	$("#women_map .close").click(function() { reset_menu($("#women_mask")[0]); });
	$("#brazil_map .close").click(function() { reset_menu($("#brazil_mask")[0]); });
	$("#languages span").click(function() { document.location = './?'+$(this).attr("class"); });
	
	$("#exhibition_content .nav_right").click(next_exhibition_photo);
	$("#exhibition_content .nav_left").click(previous_exhibition_photo);
	$("#exhibition_content .nav_carroussel .active").click(function() {
		var url 	= exhibition_videos[parseInt($(this).attr("id").replace("video_",""))-1];
		var html = '<div id="video_player"><img id="video_close" src="/images/close_2.png" width="24" height="24" alt="" /><object width="420" height="357"><param name="movie" value="'+url+'"></param><param name="autostart" value="true"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="'+url+'" type="application/x-shockwave-flash" width="420" height="357" allowFullScreen="true" allowScriptAccess="always" autostart="true"></embed></object></div>';
		$("body").append(html);
		var video_player = $("#video_player")[0];
		$.extend($.blockUI.defaults.overlayCSS = { backgroundColor: '#333', opacity: '0.5' });
		$.blockUI(video_player,{ 'height':'420px', 'width':'490px', 'margin':'-210px 0px 0px -245px', 'border':'3px solid #333' });
		$("#video_close").click(function() { $("#video_player").remove(); $.unblockUI(); });
	});
	
	$("#logo_jr, .logo_jr").click(function() { window.open('http://www.jr-art.net'); });
	$("#logo_msf, .logo_msf").click(function() { window.open('http://www.azg.be'); });
	$("#logo_demorgen").click(function() { window.open('http://www.demorgen.be'); });
	$("#logo_lesoir").click(function() { window.open('http://www.lesoir.be'); });
	$("#logo_auvicom").click(function() { window.open('http://www.auvicom.be'); });
	$("#logo_brussel").click(function() { window.open('http://www.brucity.be'); });
	$("#logo_halles").click(function() { window.open('http://www.hallessaintgery.be'); });
	
	$(".overlay_content .close").click(function() { close_overlay($(this).parent().attr("id")); });
	
	// setTimeout(function() { $("#brazil_mask").click(); return false; },2000);
	
	if (document.location.toString().indexOf("#") > -1) {
    var str = document.location.toString().split("#");
    var country = str[1];
    if (country.length == 2 && $("#action_" + country).size()) {
      $("#women_mask").click();
      $("#action_" + country).click();
    }
  }
	
});