function getTargetElement(evt) {
    var elem;
	if (evt.target) {
		elem = (evt.target.nodeType == 3) ? evt.target.parentNode : evt.target;
	 } 
	 else {
		elem = evt.srcElement;
	    }
	 return elem;
}

function getImgName(url) {	
	//var arr = url.match(/\/([\w\-]+)\.\w+\"/g);
	//return  RegExp.$1;
	var l = url.length;
	var x = url.lastIndexOf("/",l);
	var y = url.lastIndexOf(".",l);
	var str = url.substring(x+1, y);
	return str;

}

var u = location.href;
var t=document.title;

function selbkmks(nm) {
	if (nm=="delicious") {
	    location.href = 'http://del.icio.us/post?url=' + u+ '&title=' + t;
	}
	else if (nm=="digg") {
		location.href = 'http://digg.com/submit?phase=2&url=' + u+ '&title=' + t; 
    }
    else if (nm=="reddit") {
		location.href = 'http://reddit.com/submit?url=' + u+ '&title=' + t; 		
    }
    else if (nm=="furl") {
		location.href = 'http://www.furl.net/storeIt.jsp?t=' + t + '&u=' + u; 		   
    }
    else if (nm=="StumbleUpon") {
		location.href = 'http://www.stumbleupon.com/submit?url=' + u+ '&title=' + t; 
    }
    else if (nm=="yahoo-myweb") {
		location.href = 'http://myweb2.search.yahoo.com/myresults/bookmarklet?t=' + t + '&u=' + u; 
    }
    else if (nm=="google") {
		location.href = 'http://www.google.com/bookmarks/mark?op=edit&bkmk=' + u + '&title=' + t; 
    }
    else if (nm=="diigo") {
		location.href = 'http://www.diigo.com/post?url=' + u + '&title=' + t; 
    }
	else if (nm=="fark") {
		location.href = 'http://www.fark.com/?new_url=' + u + '&new_comment=' + t; 
    }
    else if (nm=="live") {
		location.href = 'http://favorites.live.com/quickadd.aspx?marklet=1&mkt=en-us&url=' + u + '&title=' + t; 
    }
    else if (nm=="technorati") {
		location.href = 'http://technorati.com/faves?add=' + u; 
    }
     else if (nm=="newsvine") {
		location.href = 'http://www.newsvine.com/_tools/seed&save?u=' + u + '&T=' + t; 
    }
     else if (nm=="ask") {
		location.href = 'http://myjeeves.ask.com/mysearch/BookmarkIt?v=1.2&t=webpages&url=' + u + '&title=' + t; 
    }
      else if (nm=="netvouz") {
		location.href = 'http://www.netvouz.com/action/submitBookmark?url=' + u + '&title=' + t; 
    }

}

function loadcss(filename){
	
	var fileref=document.createElement("link");
	fileref.setAttribute("rel", "stylesheet");
	fileref.setAttribute("type", "text/css");
	fileref.setAttribute("href", filename);

	if (typeof fileref!="undefined") {
		document.getElementsByTagName("head")[0].appendChild(fileref);
		
	} 
}

//var pg ='www.pgecolumn.com/';
var pg="";
loadcss(pg +"../style/pgbk.css");   
var pgsite = pg +'../images/';
            
var pgco = '<div id="pgco" class="bkco">';
    pgco += '<div class="bkmk" style="background-image:url(' + pgsite + 'delicious.png)"></div>';
    pgco +='<div class="bkmk" style="background-image:url(' + pgsite + 'digg.gif)"></div>';
    pgco +='<div class="bkmk" style="background-image:url(' + pgsite + 'reddit.gif)"></div>';
    pgco +='<div class="bkmk" id="idmr" style="background-image:url(' + pgsite + 'add.gif)"></div></div>';
    pgco +='<div class="bkmgin"></div>';

document.write(pgco);
init();    
  
function appDiv() {

if (!document.getElementById("toolTip")) {
var oDv=document.createElement("div");
oDv.id ="toolTip";
document.body.appendChild(oDv);
    oDv.style.position="absolute";
	oDv.style.border='1px solid #ccffff';
	oDv.style.backgroundColor='#ccffcc';
	oDv.style.margin='0px';
	oDv.style.padding="2px";
	oDv.style.fontFamily='arial';
	oDv.style.fontSize='12px';
	oDv.style.filter='alpha(opacity=85)'; // IE
	oDv.style.opacity='0.85'; // FF
	}
	
}



function bkmkEvent(evt) {
    evt = (evt) ? evt : ((window.event) ? window.event : "");
     
	if (evt) {
	    var elem = getTargetElement(evt);
		if (evt.type == "click") {
		    if (elem.id=="idmr") return;		    
	        var im =getBkImage(elem);
			var imnm = getImgName(im);
			selbkmks(imnm);		    
		}
		
		if (evt.type == "mouseover") {	
		   
		    if (elem.id=="idmr") {
				addmore();
				var xPos =  parseInt(evt.clientX)+document.documentElement.scrollLeft;
				var yPos =  parseInt(evt.clientY)+document.documentElement.scrollTop;
				var xScn = window.screen.availWidth;
				var yScn = window.screen.availHeight;
			
				var wc = parseInt(xScn*.28);
				var hc = 160;				
                        
				if ((xScn-xPos)<wc) {					
					document.getElementById("btm").style.left = xPos - wc +"px";            
				}
				else if (xPos<wc) {
					document.getElementById("btm").style.left = xPos -32 +"px";
				}
				else {document.getElementById("btm").style.left = xPos-110 + "px";
				}
            
				if ((yScn-parseInt(evt.clientY) -117) < hc) {
					document.getElementById("btm").style.top =  -hc -17 + parseInt(evt.clientY)+document.documentElement.scrollTop+ "px";
					
				}else {
				document.getElementById("btm").style.top = yPos+12 + "px"};
            
		    }
		     
		     else {	
			    var im =getBkImage(elem);				
			    var imnm = getImgName(im);
    			
			    var xPos = evt.clientX;
			    var yPos = evt.clientY;
			    var xP = document.documentElement.scrollLeft;
			    var yP = document.documentElement.scrollTop; 
    			
			    appDiv();
			    var tlTip = document.getElementById("toolTip");
			    tlTip.innerHTML = imnm;
    			
			    tlTip.style.top =parseInt(yPos)+10+ yP+ "px";
			    tlTip.style.left =parseInt(xPos)+2+ xP+ "px";
			    tlTip.style.visibility = "visible";
			}
			
		}
		if (evt.type == "mouseout") {
		    if (elem.id!="idmr") { 
	    	    hideToolTip();
		    }
		}
		
	}
}

var clicked;

function morebkmkEvent(evt) {
 evt = (evt) ? evt : ((window.event) ? window.event : "");
	if (evt) {
	    var elem = getTargetElement(evt);
	    if (evt.type == "mouseover") {
	        if(elem.className == "trb") {	        
				elem.className ="tbover";
			} else if (elem.className == "cl") {
				elem.parentNode.className ="tbover";
			}
					
	    }
	    
	     if (evt.type == "mouseout") {
			if (elem.className =="tbover") {
				elem.className ="trb";
	        } 
	       else if ((elem.className =="cl") && (elem.parentNode.className=="tbover")) {
				elem.parentNode.className ="trb";
	        }
	        
	     }
	     
	     if (evt.type == "click") {
			var bked;
			clickedmk();
			
	        if (elem.className !="cl") {
				elem.className ="tbclick"; 
				ctobj =elem.childNodes[0];
				 //ctobj = (document.all) ?  elem.childNodes[0] : elem.childNodes[1];  
				 bked = getBkImage(ctobj);	
				
			}
						
			else {
					elem.parentNode.className="tbclick";
					bked = getBkImage(elem); }				
			
			clicked =getImgName(bked);
			selbkmks(clicked);
			
	     }
	    
	 }
	 
}


function clickedmk() {
var ele = document.getElementsByTagName("div");
var imnm;
	for(var i=0; i<ele.length; i++){
	
		if (ele[i].className == "cl") {								
			imnm =getImgName(getBkImage(ele[i]));
			if (imnm==clicked) {
			
			ele[i].parentNode.className = "trb";
			return;
			}	
		}
			    
	 }

}

function omk(flnm) {
var oDc=document.createElement("div");
var oDd=document.createElement("div");
oDd.className="trb";
oDd.appendChild(oDc);
oDc.className="cl";
oDc.style.backgroundImage='url(../images/'+flnm+')';
var nm=getImgName(flnm);
var txt = document.createTextNode(nm);
oDd.appendChild(txt); 
return oDd;
}

function ocol1() {
var oDL=document.createElement("div");
oDL.className="col1z";
oDL.appendChild(omk('newsvine.gif'));
oDL.appendChild(omk('ask.png'));
oDL.appendChild(omk('live.gif'));
oDL.appendChild(omk('technorati.png'));
oDL.appendChild(omk('diigo.gif'));
oDL.appendChild(omk('fark.gif'));
oDL.appendChild(omk('netvouz.gif'));
return oDL;
}
             
function ocol2() {
var oDL=document.createElement("div");
oDL.className="col2z";
oDL.appendChild(omk('delicious.png'));
oDL.appendChild(omk('digg.gif'));
oDL.appendChild(omk('reddit.gif'));
oDL.appendChild(omk('furl.gif'));
oDL.appendChild(omk('StumbleUpon.png'));
oDL.appendChild(omk('yahoo-myweb.png'));
oDL.appendChild(omk('google.gif'));
return oDL;
}

function ocolleft() {
var oDL=document.createElement("div");
oDL.className="colleftz";
oDL.appendChild(ocol1());
oDL.appendChild(ocol2());
return oDL;
}

function obottom() {
var oDL=document.createElement("div");
oDL.className="bottomz";
oDL.id = "btm";
oDL.appendChild(ohead());
oDL.appendChild(ocolleft());
document.body.appendChild(oDL);
}

function addmore() {
if (document.getElementById("btm")) {
document.getElementById("btm").style.visibility = "visible";
} else {
 obottom();
 iinit();}
}

function outEvent(evt) {
 evt = (evt) ? evt : ((window.event) ? window.event : "");
	if (evt) {
	    var elem = getTargetElement(evt);
	        hidebkmk();
	}

}

function goEvent(evt) {
evt = (evt) ? evt : ((window.event) ? window.event : "");
	if (evt) {
	    location.href = 'http://www.pagecolumn.com/social_bookmark2.htm?pgcoluu='+u+'&pgcoltt='+t;
	    return false;
	
	}

}


function hidebkmk(){
   var morebkmk = document.getElementById("btm");
   morebkmk.style.visibility = "hidden";
}

function hideToolTip(){
   var toolTip = document.getElementById("toolTip");
   toolTip.style.visibility = "hidden";
}

function ohead() {
var oDL=document.createElement("div");
var oDH=document.createElement("div");
oDH.id = "hd";
oDH.className = "headerz";
oDL.className="hdmk";
var txt = document.createTextNode('Bookmark With');
oDL.appendChild(txt);
oDH.appendChild(oDL);
oDH.appendChild(olink());
return oDH;
}



function olink() {

oLk = document.createElement("a");
oLk.id="lk";
oLk.setAttribute('href','http://www.pagecolumn.com');
var txt = document.createTextNode('pagecolumn');
oLk.appendChild(txt);
return oLk;

}

function iinit() {			
	var ele = document.getElementsByTagName("div");
	for(var i=0; i<ele.length; i++){
		if (ele[i].className.indexOf("trb") != -1) {
			ele[i].onclick =morebkmkEvent;
			ele[i].onmouseover = morebkmkEvent;
			ele[i].onmouseout = morebkmkEvent;
		 }
		 
		if (ele[i].id=="hd") {
		    ele[i].onclick = outEvent;
		  		 
		 } 
	 }
	 var ele = document.getElementsByTagName("a");
	 for(var i=0; i<ele.length; i++){
	 if (ele[i].id =="lk") {
		    ele[i].onclick = goEvent;		
		} 
	 
	 }
	 
 }

function getBkImage(obj) {
var imgstr =(obj.currentStyle) ?  obj.currentStyle.backgroundImage : getComputedStyle(obj,'').getPropertyValue('background-image');
return imgstr;
}

function init() {
			
	var ele = document.getElementsByTagName("div");
	var j=0;
	for(var i=0; i<ele.length; i++){
		if (ele[i].className=="bkmk") {
			ele[i].onclick =bkmkEvent;
			ele[i].onmouseover = bkmkEvent;
			ele[i].onmouseout = bkmkEvent;
			ele[i].onmousemove = bkmkEvent;	
		 }
		 
			    
	 }
 }