function showpopinc(x) {
    $(".popincontent").animate({ opacity: "1" }, 500, function() {
        $(".popincontent").animate({ width: "640px", height: "495px", left: x, right: x }, 500, function() {
            $(".popincontent > div").show();
        });
    });
}
function showpopincNImage(x) {
    $("#NewsGallerybg").css({visibility: "visible"});
    $("#NewsGallerybg").animate({ opacity: "1" }, 500, function() {
    $(".popinbg1").css({ 'opacity': '0', 'display': 'block', 'width': bodyw, 'height': bodyh });
    $(".popinbg1").animate({ opacity: "0.66" }, 500, function() { showpopinc4(centerw); clicked = true; });
    });
}
function hidepopincNImage() {
    $("#NewsGallerybg").css({visibility: "hidden"});
    $("#NewsGallerybg").animate({ opacity: "0" }, 500, function() {
    $(".popinbg1").animate({ opacity: "0.0" }, 500, function() { showpopinc4(centerw); clicked = true; });
        $(".popinbg1").css({ 'opacity': '0', 'display': 'none', 'width': 0, 'height': 0});
    });
}
function showpopinc2(x) {
    $(".popincontent2").animate({ opacity: "1" }, 500, function() {
        $(".popincontent2").animate({ width: "640px", height: "495px", left: x, right: x }, 500, function() {
            $(".popincontent2 > div").show();
        });
    });
}
function showpopinc3(x) {
    $(".popincontent3").animate({ opacity: "1" }, 500, function() {
        $(".popincontent3").animate({ width: "640px", height: "495px", left: x, right: x }, 500, function() {
            $(".popincontent3 > div").show();
        });
    });
}

function showpopinc4(x) {
    $(".popincontent4").animate({ opacity: "1" }, 500, function() {
        $(".popincontent4").animate({ width: "640px", height: "495px", left: x, right: x }, 500, function() {
            $(".popincontent4 > div").show();
        });
    });
}
function showpopinc5(x) {
    $(".popincontent5").animate({ opacity: "1" }, 500, function() {
        $(".popincontent5").animate({ width: "640px", height: "495px", left: x, right: x }, 500, function() {
            $(".popincontent5 > div").show();
        });
    });
}

function hidepopin() {
	 $(".popinbg").css({ 'opacity': '0', 'display': 'none', 'width': '0px', 'height': '0px' });
}
function closeallpop() {

    $(".popincontent > div").hide();
    $(".popincontent2 > div").hide();
    $(".popincontent3 > div").hide();
    $(".popincontent4 > div").hide();
    $(".popincontent5 > div").hide();
    $(".popincontent").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
        $(".popincontent").animate({ opacity: "0.0" }, 500, function() {
            $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
        });
    });
    $(".popincontent2").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
        $(".popincontent2").animate({ opacity: "0.0" }, 500, function() {
            $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
        });
    });
    $(".popincontent3").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
        $(".popincontent3").animate({ opacity: "0.0" }, 500, function() {
            $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
        });
    });
    $(".popincontent4").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
        $(".popincontent4").animate({ opacity: "0.0" }, 500, function() {
            $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
        });
    });
    $(".popincontent5").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
        $(".popincontent5").animate({ opacity: "0.0" }, 500, function() {
            $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
        });
    });
        
        
}
var bodyw;
var bodyh;
var centerw;
var centerw2;
var clicked;

function openegyptPop(className) {
    clicked = false;
    var div = document.getElementById("egAlDivResult");
    if (div != null) div.className = className;
    $(".popincontent5").css({ 'opacity': '0', left: centerw2, right: centerw2 });
    $(".popinbg").css({ 'opacity': '0', 'display': 'block', 'width': bodyw, 'height': bodyh });
    $(".popinbg").animate({ opacity: "0.66" }, 500, function() { showpopinc5(centerw); clicked = true; });

    setTimeout("closeallpop()", 1000000);
}
function openChampionPop(divId) {
    clicked = false;
    $(".PopinCalender").hide();
    $(".popincontent4").css({ 'opacity': '0', left: centerw2, right: centerw2 });
    $(".popinbg").css({ 'opacity': '0', 'display': 'block', 'width': bodyw, 'height': bodyh });
    $(".popinbg").animate({ opacity: "0.66" }, 500, function() { showpopinc4(centerw); clicked = true; });

    $("#" + divId + ".PopinCalender").show();
}

function openloginPop() {
    clicked = false;
    $(".popincontent3").css({ 'opacity': '0', left: centerw2, right: centerw2 });
    $(".popinbg").css({ 'opacity': '0', 'display': 'block', 'width': bodyw, 'height': bodyh });
    $(".popinbg").animate({ opacity: "0.66" }, 500, function() { showpopinc3(centerw); clicked = true; });
}
function openRadioPop() {
    clicked = false;
    $(".popincontent2").css({ 'opacity': '0', left: centerw2, right: centerw2 });
    $(".popinbg").css({ 'opacity': '0', 'display': 'block', 'width': bodyw, 'height': bodyh });
    $(".popinbg").animate({ opacity: "0.66" }, 500, function() { showpopinc2(centerw); clicked = true; });
}
function openmap() {
    $(".popincontent").css({ 'opacity': '0', left: centerw2, right: centerw2 });
    $(".popinbg").css({ 'opacity': '0', 'display': 'block', 'width': bodyw, 'height': bodyh });
    $(".popinbg").animate({ opacity: "0.66" }, 500, function() { showpopinc(centerw); });
}
$(document).ready(function() {
    $(".popincontent > div").hide();
    $(".popincontent2 > div").hide();
    $(".popincontent3 > div").hide();
    $(".popincontent4 > div").hide();
    $(".popincontent5 > div").hide();

    bodyw = document.documentElement.clientWidth;
    bodyh = document.body.offsetHeight;
    centerw = (bodyw - 640) / 2;
    centerw2 = (bodyw - 20) / 2;
    clicked = true;
    $(".popincontent").css({ 'opacity': '0', left: centerw2, right: centerw2 });
    $(".popincontent2").css({ 'opacity': '0', left: centerw2, right: centerw2 });
    $(".popincontent3").css({ 'opacity': '0', left: centerw2, right: centerw2 });
    $(".popincontent4").css({ 'opacity': '0', left: centerw2, right: centerw2 });
    $(".popincontent5").css({ 'opacity': '0', left: centerw2, right: centerw2 });
    
    $(".homemap").click(function() {
        clicked = false;
        $(".popincontent").css({ 'opacity': '0', left: centerw2, right: centerw2 });
        $(".popinbg").css({ 'opacity': '0', 'display': 'block', 'width': bodyw, 'height': bodyh });
        $(".popinbg").animate({ opacity: "0.66" }, 500, function() { showpopinc(centerw); clicked = true; });
    });
    $(".closebtn").click(function() {
        $(".popincontent > div").hide();
        $(".popincontent2 > div").hide();
        $(".popincontent3 > div").hide();
        $(".popincontent4 > div").hide();
        $(".popincontent5 > div").hide();
        
        $(".popincontent2").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
            $(".popincontent2").animate({ opacity: "0.0" }, 500, function() {
                $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
            });
        });
        $(".popincontent").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
            $(".popincontent").animate({ opacity: "0.0" }, 500, function() {
                $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
            });
        });
        $(".popincontent3").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
            $(".popincontent3").animate({ opacity: "0.0" }, 500, function() {
                $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
            });
        });

        $(".popincontent4").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
            $(".popincontent4").animate({ opacity: "0.0" }, 500, function() {
                $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
            });
        });
        $(".popincontent5").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
            $(".popincontent5").animate({ opacity: "0.0" }, 500, function() {
                $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
            });
        });
    });

    $(".popinbg").click(function xx() {
        if (clicked) {
            $(".popincontent > div").hide();
            $(".popincontent2 > div").hide();
            $(".popincontent3 > div").hide();
            $(".popincontent4 > div").hide();
            $(".popincontent5 > div").hide();
            
            $(".popincontent").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
                $(".popincontent").animate({ opacity: "0.0" }, 500, function() {
                    $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
                });
            });
            $(".popincontent2").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
                $(".popincontent2").animate({ opacity: "0.0" }, 500, function() {
                    $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
                });
            });
            $(".popincontent3").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
                $(".popincontent3").animate({ opacity: "0.0" }, 500, function() {
                    $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
                });
            });
            $(".popincontent4").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
                $(".popincontent4").animate({ opacity: "0.0" }, 500, function() {
                    $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
                });
            });
            $(".popincontent5").animate({ width: "20px", height: "20px", left: centerw2, right: centerw2 }, 500, function() {
                $(".popincontent5").animate({ opacity: "0.0" }, 500, function() {
                    $(".popinbg").animate({ opacity: "0.0" }, 500, function() { hidepopin(); });
                });
            });
        }
    });
});