// JavaScript Document
window.onload = function(){
	var menu1 = $('menulink1');
	var menu2 = $('menulink2');
	var menu3 = $('menulink3');
	var menu4 = $('menulink4');
	
	menu1.onmouseover = menulinkselect;
	menu2.onmouseover = menulinkselect;
	menu3.onmouseover = menulinkselect;
	menu4.onmouseover = menulinkselect;
	
	menu1.onmouseout = menulinkoff;
	menu2.onmouseout = menulinkoff;
	menu3.onmouseout = menulinkoff;
	menu4.onmouseout = menulinkoff;
}
function menulinkselect(){
	var selector = $('menuSelector');
	var listitem = this;
	while (listitem.tagName != 'LI'){
		listitem = listitem.parentNode;
	}
	selector.style.display = 'block';

	selector.style.left = listitem.offsetLeft - selector.offsetWidth/2 + listitem.offsetWidth/2 + 10 +'px';
	
}
function menulinkoff(){
	var selector = $('menuSelector');
	selector.style.display = 'none';
}

//make pointer appear at position
function showPointer(spot){
    var label = $(spot.id.replace('spot','maplabel'));
    //alert(spot.id.replace('spot','maplabel'));
    label.style.display = 'block';
    /*var xpos = spot.offsetLeft + spot.offsetHeight;
    var ypos = spot.offsetTop;
    var xpos = getX(spot);
    var ypos = getY(spot);*/
    var coords = spot.coords.split(',');
    var xpos = parseInt(coords[2])+35;
    var ypos = parseInt(coords[3])+5;
    
    label.style.left = xpos + 'px';
    label.style.top = ypos + 'px';    
    //alert(xpos+' '+ypos);
}
function hidePointer(spot){
    var label = $(spot.id.replace('spot','maplabel'));
    label.style.display = 'none';    
}
//goes to a property in dropdownlist
function goProperty(butt){
    var sibs = butt.parentNode.childNodes;
    
    for (var n=0; n<sibs.length; n++){
        if (sibs[n].tagName == 'SELECT') break;
    }
    window.open('Properties.aspx?id='+sibs[n].value,'_top');
}
//try to prevent the player from appearing on page unload with firefox
function hideplayer(){
    var playerdiv = $('youtubeframe');
    playerdiv.style.display = 'none';
    playerdiv = playerdiv.parentNode;
    playerdiv.style.display = 'none';
}
//so that it can be played a second time because of above
function showplayer(){
    var playerdiv = $('youtubeframe');
    playerdiv.style.display = 'block';
    playerdiv = playerdiv.parentNode;
    playerdiv.style.display = 'block';
}
//fill the editor textbox
function fillEditorVid(){
    var boxid = $('videditorbox').value;
    
    var embed = $('hiddenembed').value;
    
    $(boxid).value = embed.replace(/&amp;/g,'&').replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&quot;/g,'"');
}
//clear the editor textbox
function clearEditorVid(){    
    var boxid = $('videditorbox').value;
    //alert (boxid);
    //alert ($(boxid).value);
    $(boxid).value = '';
    
    hideplayer();
}
function parseEditorVid(){
    var boxid = $('videditorbox').value;
    //alert (boxid);
    //alert ($(boxid).value);
    $(boxid).value = $(boxid).value.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;'); 
    //alert ($(boxid).value);
    //hideplayer();
}