var activeBackgroundRootID = "";

$(document).ready(function(){
	/* Special for 9 May  */
	var file_numbers = [ 2, 3, 1, 4, 5, 12, 6, 7, 8, 9, 10, 11];
	var start_date = new Date ( 2011, 3, 28 );
	var current_date = new Date();
	var offset_days = Math.floor( ( current_date - start_date )/(1000*60*60*24) );
	if( offset_days < 12 && offset_days >= 0 ){
		if($('#9may_link').length > 0){
			$('#9may_link').attr('href', '2010/root/9may/'+file_numbers[offset_days]+'.jpg');
			setBgImage( $('#9may_link') );
		}
	}
	/*   *********************   */
	var first_bg_img = $('.preview a').eq(0);
	setBgImage( first_bg_img );
	$('body').css( 'background-color');
	$('#top_menu li').hover(
	function(){
		//show its submenu
		$('ul', this).slideDown(200);
	},
	function(){
		//hide its submenu
		$('ul', this).slideUp(200);
	}
);

$(".preview a").mouseover(function(){ 
	var imgSrc = new String( $('img', $(this) ).attr( "src" ) );
	var replacedSrc = imgSrc.replace( '_off.jpg', '_on.jpg' );
	$('img', $(this) ).attr("src", replacedSrc);
});

$(".preview a").mouseout(function(){
	var imgSrc = new String( $('img', $(this) ).attr( "src" ) );
	var replacedSrc = imgSrc.replace( '_on.jpg', '_off.jpg' );
	$('img', $(this) ).attr("src", replacedSrc);
});

$(".preview a").click(function(){
	var context = $(this);
	var largePath = $(this).attr('href');
	var cacheImage = new Image();
	cacheImage.src = largePath;
	cacheImage.onload = function(){
		setBgImage( context );
	};
	return false;
	});
});

function setBgImage( context ){
	var bg_color = $( 'input.bg_color', context ).val();
	var bg_img_src = $(context).attr('href');
	var bg_link = $( 'input.bg_link', context ).val();
	if ( bg_color && bg_img_src && bg_link ) {
		$('#largeImg').attr( 'src' , bg_img_src );
		$('#largeImg').attr( 'title', bg_link );
		$('body').css( 'background', bg_color );
	}
}

function gotoBgLink(){
	var link = $('#largeImg').attr('title');
	if( link ) {
		document.location.href = link;
	}
	return false;
}