﻿$(document).ready(function(){
	/* lite box */
	resizeWindow();
	$(".videos-popup").click(
	    function(){
	        /*scroll to the top*/
	        window.scroll(0, 0);
	        var posY = document.documentElement.scrollTop
	        $("BODY").append('<div class="litebox-holder"></div>');
	        $(".litebox-holder").css("top", posY);
	        $("BODY").css("overflow", "hidden");
		    $("HTML").css("overflow", "hidden");
	        var lbURL = $(this).attr("href");
	        lbURL = lbURL + " .litebox"
	        $(".litebox-holder").load(lbURL,
	            function (){
	            	$(".litebox-holder").append('<div class="black-bg"></div>');
	            	resizeWindow();
	                $(".lb-top A").click(
	                    function(){
	                        $(".litebox-holder").remove();
	                        $("BODY").css("overflow", "auto");
		                    $("HTML").css("overflow", "auto");
		                    return false;
	                    }
	                );
	                $(".map UL LI A").click(
	                    function(){
	                        $(".map").append('<div class="vidbox-holder"></div>');
	                        var vbURL = $(this).attr("href");
	                        vbURL = vbURL + " .vidbox"
	                        $(".vidbox-holder").load (vbURL,
	                            function(){
	                                $(".vb-header A").click(function(){$(".vidbox-holder").remove();return false;});
	                            }
	                        );
	                        return false;
	                    }
	                );
	            }
	        );
	        return false;
	    }
	);
});
$(window).bind("resize", function(){resizeWindow();});
function resizeWindow () {
    var windowHeight = $(window).height();
    if (windowHeight > 660){
        $(".litebox-holder .black-bg").height(windowHeight);
        
    }else{
        $(".litebox-holder .black-bg").height(660);
    }
    $(".litebox-holder .black-bg").css("width", $(window).width());
    $(".litebox-holder").css("width", $(window).width());
}
