function toggle(div_id) {
	var el = document.getElementById(div_id);
	if ( el.style.display == 'none' ) {	el.style.display = 'block';}
	else {$("#ptPopUpDiv").html("");el.style.display = 'none';}
}

function getScrollTop()
{
    var t;
    if(document.documentElement&&document.documentElement.scrollTop){
    t=document.documentElement.scrollTop;
    }else{
    if(document.body){
    t=document.body.scrollTop;
    }
    }
    return t;
}

function blanket_size(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
        viewportheight = window.innerHeight;
	} else {
        viewportheight = document.documentElement.clientHeight;
	}

   if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
		blanket_height = viewportheight;
	} else {
		if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
			blanket_height = document.body.parentNode.clientHeight;
		} else {
			blanket_height = document.body.parentNode.scrollHeight;
		}
	}
	var blanket = document.getElementById('ptBlanket');
	blanket.style.height = blanket_height + 'px';
	var popUpDiv = document.getElementById(popUpDivVar);
	popUpDiv_height=viewportheight/2-$("#ptPopUpDiv").height()/2;//150 is half popup's height
    popUpDiv.style.top = getScrollTop() + popUpDiv_height + 'px';

    var popUpClose = document.getElementById('ptClose');
	popUpDiv_height1=viewportheight/2-$("#ptPopUpDiv").height()/2;//150 is half popup's height
	popUpClose.style.top = getScrollTop() + popUpDiv_height1 + 'px';
}
function window_pos(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerHeight;
	} else {
		viewportwidth = document.documentElement.clientHeight;
	}
	if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
		window_width = viewportwidth;
	} else {
		if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
			window_width = document.body.parentNode.clientWidth;
		} else {
			window_width = document.body.parentNode.scrollWidth;
		}
	}
	var popUpDiv = document.getElementById(popUpDivVar);
	window_width=window_width/2-$("#ptPopUpDiv").width()/2;//150 is half popup's width
    popUpDiv.style.left = window_width + 'px';
}

function closeButtonPos(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerHeight;
	} else {
		viewportwidth = document.documentElement.clientHeight;
	}
	if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
		window_width = viewportwidth;
	} else {
		if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
			window_width = document.body.parentNode.clientWidth;
		} else {
			window_width = document.body.parentNode.scrollWidth;
		}
	}
   
	var popUpDiv = document.getElementById(popUpDivVar);
    if (typeof(PersonalTube_AppServerPath) != "undefined")
        popUpDiv.innerHTML = "<img src='"+PersonalTube_AppServerPath+"/script/popup/square_close.png' onClick='popup(\"ptPopUpDiv\")' style='cursor:pointer;' title='Close'/>";
    else
        popUpDiv.innerHTML = "<img src='/script/popup/square_close.png' onClick='popup(\"ptPopUpDiv\")' style='cursor:pointer;' title='Close'/>";
	window_width=window_width/2 + $("#ptPopUpDiv").width()/2 - $("#ptClose").width();//150 is half popup's width
    popUpDiv.style.left = window_width + 'px';
}

function popup(windowname) {
	blanket_size(windowname);
	window_pos(windowname);
    toggle('ptClose');
	toggle('ptBlanket');
	toggle(windowname);
    closeButtonPos('ptClose');
}