jQuery(function() {
jQuery('body').hover(
function() {
	setTimeout(function() { if (jQuery('#bar1').css("height") == "47px") { jQuery('.info1').css("display","none");} }, 220);
   	setTimeout(function() { if (jQuery('#bar2').css("height") == "47px") { jQuery('.info2').css("display","none");} }, 220);
});
jQuery('#tayyib').hover(
function() {
	jQuery('.info1').css("display","inline")	
	jQuery('#bar1').stop(true, false).animate({
            height: '97px',
            top: '390px',
    }, 100);
}, function() {
    jQuery('#bar1').animate({
        height: '47px',
		top: '440px'
    }, 200);
  	setTimeout(function() { if (jQuery('#bar1').css("height") == "47px") { jQuery('.info1').css("display","none");} }, 220);
   	setTimeout(function() { if (jQuery('#bar2').css("height") == "47px") { jQuery('.info2').css("display","none");} }, 220);
});jQuery('#logic').hover(
function() {
   	jQuery('.info2').css("display","inline")
 	jQuery('#bar2').stop(true, false).animate({
            height: '97px',
            top: '390px',
    }, 100); 
}, function() {
    jQuery('#bar2').animate({
        height: '47px',
		top: '440px'
    }, 200);
    setTimeout(function() { if (jQuery('#bar2').css("height") == "47px") { jQuery('.info2').css("display","none");} }, 220);
   	setTimeout(function() { if (jQuery('#bar1').css("height") == "47px") { jQuery('.info1').css("display","none");} }, 220);
});
jQuery('#tayyib,#logic').hover(function() {
	jQuery(this).css('cursor','pointer');
}, function() {
	jQuery(this).css('cursor','auto');
});
jQuery('#tayyib').click(function() {
	myLightWindow.activateWindow({
	href: 'tayyib.html', 
	width: 820,
	});
});
jQuery('#logic').click(function() {
	myLightWindow.activateWindow({
	href: 'logic.html', 
	width: 820,
	});
});
function stopvid() {
	jQuery('#videop').remove();
};
});