var fpopper = false;
var actimer = 0;
var poptimer = 0;
var cpopper = '';
var popr = false;
var min_x = 0;
var max_x = 800;
var oselarrow = '';

$(document).ready(function(){
        $('.vpopper').bind('mouseover',function() { popper($(this)); });
        $('.vpopper').bind('mouseout',function() { hide_popper($(this)); });
        $('.popc_container').bind('mouseover',function() { clear_popper($(this)); });
        $('.popc_container').bind('mouseout',function() { hide_popper($(this)); });
        $('.popc_content').bind('mouseover',function() { clear_popper($(this)); });
        $('.popc_content').bind('mouseout',function() { hide_popper($(this)); });
	actimer = window.setTimeout("active_timer()",10);
});

function debug(msg) {
      //$("#blk_search_form").append(msg+"<br />");
}

function active_timer() {
	fpopper = false;
}

function hide_popper(zsrc) {
        if(!popr) {
                debug("time "+zsrc.attr('id'));
                var zid = zsrc.attr('id');
                if(zid.substr(0,4) == 'dia_' || zid.substr(0,4) == 'con_')
                        zid = zid.substr(4);

                if(navigator.appName == 'Microsoft Internet Explorer')
                  poptimer = window.setTimeout("unpopper('"+zid+"')",100);
                else
                  poptimer = window.setTimeout(unpopper,100,zid);
                popr = true;
        }
}

function clear_popper() {
        debug("clear");
        window.clearTimeout(poptimer);
        popr = false;
}

function unpopper(zid) {
        debug("upop "+zid);
        var zdia = $('#dia_'+zid);
        var zlink = $('#'+zid);
        zdia.css({'left':'-2048px'});
        cpopper = '';
        window.clearTimeout(poptimer);
	zlink.removeClass('bg'+zid);
        popr = false;
}

function popper(zsrc) {
	      if(fpopper) return;
        if(cpopper != '')
                unpopper(cpopper);

        var zid = zsrc.attr('id');

        var zcon = $('#dia_'+zid);
        var zdia = $('#con_'+zid);
	var zright = $('#headernav').position().left + $('#headernav').width();

        zcon.width(zdia.width());
        zcon.height(zdia.height());
               
        var cent_x = zsrc.position().left - 151;
	if(cent_x + zcon.width() > zright) {
		cent_x -= (cent_x + zcon.width() - zright);
	}
        zcon.css('left',cent_x+'px');
        //zcon.css('top','104px');

	zsrc.addClass('bg'+zid);
        cpopper = zid;
}