jQuery.preloadImages = function() {
	for(var i = 0; i<arguments.length; i++)   {
		 jQuery("<img>").attr("src", arguments[i]);
	}
}


$(document).ready(function() {

	$.preloadImages("images/seal_over.png");
	
	$('a').click(function() { this.blur(); });

	$("#id_seal").bind("mouseenter", function(e) {
		$(this).addClass('seal_over');
	});

	$("#id_seal").bind("mouseleave", function(e) {
		$(this).removeClass('seal_over');
	});

/* ---- DROP-DOWN MENUS ---- */
	$("div.dropdown_box").each(function(){
		$(this).slideUp('fast');
	});

	$(".ul_nav li").hover(function(){
		$('div', this).slideDown(0);
		//get the index, set the selector, add class
		myIndex = $(".ul_nav li").index($(this));
		//alert (".menu:eq("+myIndex+")");
		
		myMenu = $(".menu:eq("+myIndex+")");
		myMenu.addClass("menu-hover");
		
		switch(myIndex) {
			case 1: 
				 $('.submenu_1').addClass('products_hover'); 
				break;
			case 2: 
				 $('.submenu_2').addClass('markets_hover'); 
				break;
			case 3: 
				 $('.submenu_3').addClass('info_hover'); 
				break;
		}
		
		}, function(){
			myMenu.removeClass("menu-hover");
			$("div.dropdown_box",this).slideUp(0);
			
			switch(myIndex) {
				case 1:
					$('.submenu_1').removeClass('products_hover');;
					break;
				case 2:
					$('.submenu_2').removeClass('markets_hover');;
					break;	
				case 3:
					$('.submenu_3').removeClass('info_hover');;
					break;
			}
	});

/* ---- ///  DROP-DOWN MENUS ---- */

/* ------ BALLON--------- */
	var is_ballon_visible = false;

	$("#id_book_area").bind("mouseenter", function(e) {
		$('#id_ballon').show();
		is_ballon_visible = true;
	});

	$("#id_book_area").bind("mouseleave", function(e) {
		$('#id_ballon').hide();
		is_ballon_visible = false;
	});

    $("#id_book_area").mousemove(function(e) {
	var w = $(window); 

 	container_Y_pos = $('#id_book_area').offset().top;
	container_X_pos = $('#id_book_area').offset().left;
	//------------------
	Y_pos_str = e.pageY - container_Y_pos - 210 + 'px';
	X_pos_str = e.pageX - container_X_pos - 150 + 'px';
	//$('#id_ballon').html( Y_pos_str );
	//$('#id_ballon').text(container_Y_pos);
 	$('#id_ballon').css('top', Y_pos_str );
	$('#id_ballon').css('left', X_pos_str );
    });

/* ------ /// BALLON--------- */

// end of $(document).ready
});