jq(document).ready(function () {
    jq('#menu_title_Tools').click(function () {
	jq('ul#menu_body_About').hide();
	jq('ul#menu_body_Operations').hide();
	jq('ul#menu_body_Tools').slideToggle('fast');
    });
    
    jq('#menu_title_About').click(function () {
	jq('ul#menu_body_Tools').hide();
	jq('ul#menu_body_Operations').hide();
	jq('ul#menu_body_About').slideToggle('fast');
    });
    
    jq('#menu_title_Operations').click(function () {
		jq('ul#menu_body_About').hide();
		jq('ul#menu_body_Tools').hide();
		jq('ul#menu_body_Operations').slideToggle('fast');
	});
	jq('.filter_by.operation').click(function () {
		jq('ul#filter_by_operation').slideToggle('fast');
    });
	jq('.filter_by.country').click(function () {
		jq('ul#filter_by_country').slideToggle('fast');
    });
	jq('.filter_by.location').click(function () {
		jq('ul#filter_by_location').slideToggle('fast');
    });
	jq('.filter_by.activity').click(function () {
		jq('ul#filter_by_activity').slideToggle('fast');
    });
	
	jq('#homeTheme').hover(tooltip());

	/* this solve ie z-index bug (microsoft weird implementaion, as usual) */
	if(jq.browser.msie && jq.browser.version >= 6 ){
		var zIndexNumber = 1000;
		jq('div').each(function() {
			jq(this).css('zIndex', zIndexNumber);
			zIndexNumber -= 10;
		});
	}
	
	jq('#themes-body[class="hidden"]').hide()
	jq('#activities-body[class="hidden"]').hide()
	jq('#showactivities').click(function () {
		showthemes = jq('ul#themes-body').attr('class');
		if(showthemes == 'show'){
			jq('ul#themes-body').attr("class","hidden");
			jq('ul#themes-body').hide();
			jq('ul#activities-body').attr("class","show");
			jq('ul#activities-body').show();
			jq('#showactivities').html("<span class='arrow'>&laquo;</span> <span class='text main'>main themes</span>");
		}else{
			jq('ul#themes-body').attr("class","show");
			jq('ul#themes-body').show();
			jq('ul#activities-body').attr("class","hidden");
			jq('ul#activities-body').hide();
			jq('#showactivities').html("<span class='text'>more themes</span> <span class='arrow'>&raquo;</span>");
		
		}
    });
	
	clocks = jq('.jclock-list').find('li')
	if(clocks.length >0){
		createClocks(clocks)
	}
});

this.createClocks = function(clocks){
	for(i=0;i<clocks.length;i++){
		el = clocks[i];
		var options = {
			format: '%H:%M',
			utc : true,
			utcOffset : jq(el).find('.utc').text()
		}
	
		jq(el).children('.clock').jclock(options);
	}

}


this.tooltip = function(){	
	jq("#theme-list li a").hover(function(e){
		/*config [x,y]*/
		var coordination = [-84,14];
		var air = [-100,51];
		var road= [-67,86];
		var rail= [-51,73]; 
		var sea = [-68,10];
		var supply = [-100,45];
		var custom = [-67,80];
		var infrastructure = [-100,88]; 
		
		/*end config*/
		this.t = this.title;
		this.title = "";									  
		jq("#homeTheme").append("<div id='tooltip'><p>"+ this.t +"</p><span></span></div>");
		if(this.className == 'coordination'){ 
			jq("#tooltip")
				.css("top",(coordination[0]) + "px")
				.css("left",(coordination[1]) + "px")
				.fadeIn("fast");
		}
		if(this.className == 'air'){
			jq("#tooltip")
				.css("top",(air[0]) + "px")
				.css("left",(air[1]) + "px")
				.fadeIn("fast");
	
		}if(this.className == 'road'){
			jq("#tooltip")
				.css("top",(road[0]) + "px")
				.css("left",(road[1]) + "px")
				.fadeIn("fast");
		}
		if(this.className == 'rail'){
			jq("#tooltip")
				.css("top",(rail[0]) + "px")
				.css("left",(rail[1]) + "px")
				.fadeIn("fast");
			jq("#tooltip span")
				.css("margin-left",(50) + "px")
		}
		if(this.className == 'sea'){
			jq("#tooltip")
				.css("top",(sea[0]) + "px")
				.css("left",(sea[1]) + "px")
				.fadeIn("fast");
			jq("#tooltip span")
				.css("margin-left",(150) + "px")
		
		}
		if(this.className == 'supply'){
			jq("#tooltip")
				.css("top",(supply[0]) + "px")
				.css("left",(supply[1]) + "px")
				.fadeIn("fast");
			jq("#tooltip span")
				.css("margin-left",(150) + "px")
		
		}
		if(this.className == 'custom'){
			jq("#tooltip")
				.css("top",(custom[0]) + "px")
				.css("left",(custom[1]) + "px")
				.fadeIn("fast");
			jq("#tooltip span")
				.css("margin-left",(150) + "px")
		
		}
		if(this.className == 'infrastructure'){ 
			jq("#tooltip")
				.css("top",(infrastructure[0]) + "px")
				.css("left",(infrastructure[1]) + "px")
				.fadeIn("fast");
			jq("#tooltip span")
				.css("margin-left",(180) + "px")
		}
    },
	function(){
		this.title = this.t;		
		jq("#tooltip").remove();
    });	
};