[Image]
Thanks to everyone who has continued to give me major props for writing the post that appeared at EBONY.com and I hope I have the pleasure of doing more of those in the coming years.Â
But as always, when you are trying to enjoy some blessings that have come your way, you always have some fool come along to hate on it.
In this case it came in the form of a HuffPo commenter calling themselves LindaCON. Â
The Huffington Post linked to the piece from the EBONY.com website and couldn't resist their vanillacentric tendency to make it 'all about the 'white peepul' by adding a slide show at the bottom of the page that highlighted some 'trans pioneers of all ethnicities'.  It was a slide show by the way that was dominated by survey says, white transpeople. Â
I'll riff on that in a moment, but first here's LindaCON's comment
Just another effort to divide us racially. Transgender is transgender. Genius is genius. Tall is tall.
There is no reason for transgender blacks or whites, genius blacks or whites, tall blacks or whites.Â
This is pushing the racial divide where it does not need to go. People
are people and people of all race share many and varied characteristics.
I'm so tired of the race card showing up everywhere in everything.
Really LindaCON?  Spoken like somebody full of vanillacentric privilege.  Transgender is NOT transgender when race and class are in the mix.  All you have to do is pay fracking attention, which you obviously didn't in terms of this article.  Â
[Image]As I said to LindaCON and will repeat here, we persons of color are tired of the racism aimed at us by
people who think, look, act and share your heritage on an almost daily
basis that makes articles like the one I wrote necessary in the first damn place.
I find it amazing but not surprising that I write an article in an
iconic African-American magazine to celebrate African-American trans pioneers,
and LindaCON in her vanillacentric arrogance and the unnamed person who posted the HuffPo piece still had a problem with positive ink being aimed at the African-American trans community.
The sad part was that article wasn't even up 48 hours before y'all had to make it about the 'white peepul'.
Race matters in the GLBT community as well. Deal with it.
[Image]
White transpeople have been dominating the narrative of who is trans since 1953. It's why I had to write the EBONY.com story in the first place because we have been whitewashed out of the trans community historical narrative.
It's past time we Black transfolks have our moments in the sun.  We want and need the opportunity to tell our stories, celebrate our heroes and sheroes, and talk about our history just as you have done for the last almost six decades without you peeps of Eurocentric heritage getting huffy about it when we do. Â
We are more than just tragic transsexuals. We have and are continuing to make and shape trans history. Contrary to your vanillacentric opinions, it ain't always about you white transpeeps, and y'all need to deal with that.reality. You have also had almost 60 years to toot your own trans horns and celebrate your icons and history. Can't we non-white transpeople get some ink and attention and proudly do the same?Â
Seems like the answer to that question is no.Â
TransGriot Note:Â Photos are of Miss Major, model Tracy Africa Norman, and Tona Brown with President Obama
. Â Â
/********************************************************
This Script will be included in all web pages
to show an Icon on Mouse over,
Clicking the Icon will show a Zoominto Viewer (a Flash made viewer) to Zoom the Image Content
********************************************************/
var tmppluginServername = "http://www.zoominto.com/zoomapi/";
//tmppluginServername= "http://localhost:9999/zoomapi/"
var versionswf="1100";
versionswf="";
var tmppluginSwfname=""
tmppluginSwfname=tmppluginServername + "zoomplugin" + versionswf + ".swf";
var tmppluginimageURL=tmppluginServername + "displayimage.php?image=";
var protocol = "http://";
var isInternetExplorer = navigator.appName.indexOf("Microsoft") != -1;
plugin_run();
function BrowserZoomPlugin() {
var ua, s, i;
this.isIE = false;
this.isNS = false;
this.version = null;
ua = navigator.userAgent;
s = "MSIE";
if ((i = ua.indexOf(s)) >= 0) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
}
var browser = new BrowserZoomPlugin;
var dragObj = new Object;
dragObj.zIndex = 0;
function zoominto_dragStart(event, id) {
var el;
var x, y;
if (id) {
dragObj.elNode = document.getElementById(id);
} else {
if (browser.isIE) {
dragObj.elNode = window.event.srcElement;
}
if (browser.isNS) {
dragObj.elNode = event.target;
}
if (dragObj.elNode.nodeType == 3) {
dragObj.elNode = dragObj.elNode.parentNode;
}
}
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.cursorStartX = x;
dragObj.cursorStartY = y;
dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10);
dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10);
if (isNaN(dragObj.elStartLeft)) {
dragObj.elStartLeft = 0;
}
if (isNaN(dragObj.elStartTop)) {
dragObj.elStartTop = 0;
}
dragObj.elNode.style.zIndex = ++dragObj.zIndex;
if (browser.isIE) {
document.attachEvent("onmousemove", zoominto_dragGo);
document.attachEvent("onmouseup", zoominto_dragStop);
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
document.addEventListener("mousemove", zoominto_dragGo, true);
document.addEventListener("mouseup", zoominto_dragStop, true);
event.preventDefault();
}
}
function zoominto_dragGo(event) {
var x, y;
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.elNode.style.left = dragObj.elStartLeft + x - dragObj.cursorStartX + "px";
dragObj.elNode.style.top = dragObj.elStartTop + y - dragObj.cursorStartY + "px";
if (browser.isIE) {
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
event.preventDefault();
}
}
function zoominto_dragStop(event) {
if (browser.isIE) {
document.detachEvent("onmousemove", zoominto_dragGo);
document.detachEvent("onmouseup", zoominto_dragStop);
}
if (browser.isNS) {
document.removeEventListener("mousemove", zoominto_dragGo, true);
document.removeEventListener("mouseup", zoominto_dragStop, true);
}
}
function imgplayerprogress_DoFSCommand(command, args) {
var imgplayerprogressObj = isInternetExplorer ? document.all.imgplayerprogress : document.imgplayerprogress;
}
function zoominto_addElement(divIdName, htmlval) {
try {
var newdiv = document.createElement("div");
newdiv.setAttribute("id", divIdName);
newdiv.setAttribute("title", "");
newdiv.style.position = "absolute";
newdiv.style.display = "none";
newdiv.innerHTML = htmlval;
document.body.appendChild(newdiv);;
} catch (e) {
}
}
function zoominto_addmyelems(divIdName, htmlval) {
try {
var newdiv = document.createElement("div");
newdiv.setAttribute("id", divIdName);
newdiv.innerHTML = htmlval;
document.body.appendChild(newdiv);;
} catch (e) {
//_L(e);
}
}
function zoominto_initializelements() {
zoominto_addElement("plugpanel", " ");
zoominto_addmyelems("plugincheck_0909", "
");
}
function zoominto_GetElementPostion(theElement) {
var selectedPosX = 0;
var selectedPosY = 0;
tmpw = theElement.width;
tmph = theElement.height;
while (theElement != null) {
selectedPosX += theElement.offsetLeft;
selectedPosY += theElement.offsetTop;
theElement = theElement.offsetParent;
}
var tempelement = new Array(selectedPosX, selectedPosY, tmpw, tmph);
return tempelement;
}
function plugin_showdeadcenterdiv(Xwidth, Yheight, divid) {
var scrolledX, scrolledY;
if (self.pageYOffset) {
scrolledX = self.pageXOffset;
scrolledY = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop) {
scrolledX = document.documentElement.scrollLeft;
scrolledY = document.documentElement.scrollTop;
} else if (document.body) {
scrolledX = document.body.scrollLeft;
scrolledY = document.body.scrollTop;
}
var centerX, centerY;
if (self.innerHeight) {
centerX = self.innerWidth;
centerY = self.innerHeight;
} else if (document.documentElement &&
document.documentElement.clientHeight) {
centerX = document.documentElement.clientWidth;
centerY = document.documentElement.clientHeight;
} else if (document.body) {
centerX = document.body.clientWidth;
centerY = document.body.clientHeight;
}
var leftOffset = scrolledX + (centerX - Xwidth) / 2;
var topOffset = scrolledY + (centerY - Yheight) / 2;
var o = document.getElementById(divid);
var r = o.style;
r.position = "absolute";
r.top = topOffset + "px";
r.left = leftOffset + "px";
r.display = "block";
}
function pluginalertShow(layerid) {
document.getElementById(layerid).style.visibility = "visible";
document.getElementById(layerid).style.display = "block";
plugin_showdeadcenterdiv(280, 115, layerid);
document.getElementById("plugin_btn_activate").focus();
}
function pluginalerthide(layerid) {
document.getElementById(layerid).style.visibility = "hidden";
document.getElementById(layerid).style.display = "none";
}
function zoom_getValidString(){
return "&isValidviewer=1";// all things are valid
}
function zoominto_showflash(zoomres) {
try{
if(zoomres == undefined)
zoomres="600x442";
zoomarr=zoomres.split("x",2)
var divimgplayer = document.getElementById("div_plugin_img_player");
divimgplayer.style.display = "block";
divimgplayer.style.visibility = "visible";
//old movie 550 400
// plugin_showdeadcenterdiv(600, 371, "div_plugin_img_player");
plugin_showdeadcenterdiv(parseInt(zoomarr[0]), parseInt(zoomarr[1])+120, "div_plugin_img_player");
// zoominto_setImage();
zoominto_changeobject(document.getElementById("plugpanel").title,zoomres);
} catch (e) {
}
}
function zoominto_closeflash() {
var divimgplayer = document.getElementById("div_plugin_img_player");
divimgplayer.style.display = "none";
divimgplayer.style.visibility = "hidden";
}
function hidezoomicon(){
document.getElementById("plugpanel").style.visibility = "hidden";
}
function getMouseX( e ) {
return e.pageX
|| ( e.clientX + ( document.documentElement.scrollLeft
|| document.body.scrollLeft ) );
}
function getMouseY( e ) {
return e.pageY
|| ( e.clientY + ( document.documentElement.scrollTop
|| document.body.scrollTop ) );
}
function dhtmlLoadScript(url)
{
var e = document.createElement("script");
e.src = url;
e.type="text/javascript";
// document.getElementByTagName("head")[0].appendChild(e);
document.getElementById("addiv").appendChild(e);
}
function getactualimgdimensions(imgsrc){
zoomintoheavyImage = new Image();
zoomintoheavyImage.src = imgsrc
var tempelement = new Array(zoomintoheavyImage.width, zoomintoheavyImage.height);
return tempelement;
}
function plugin_run() {
var newcss = "#div_plugin_img_player td {padding:0;} \n #div_plugin_img_player th {padding:0;}";
if ('\v'=='v') /* ie only */ {
document.createStyleSheet().cssText = newcss;
} else {
var tag = document.createElement('style'); tag.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(tag);
tag[ (typeof document.body.style.WebkitAppearance=='string') /* webkit only */ ? 'innerText' : 'innerHTML'] = newcss;
}
var image = document.getElementsByTagName("img");
var totimgLength=image.length;
zoominto_initializelements();
for (var i = 0; i < image.length; i++) {
if (image[i].className.match("myplug_img")){
image[i].onmouseout = function (evt) {
document.getElementById("plugpanel").style.visibility = "hidden";
}
}// Zoom icon hidden
zoomarrdim= getactualimgdimensions(image[i].src);
//arrdim[0] - width arrdim[1] - height
if (!image[i].className.match("myplug_img") &&
zoomarrdim[0] > 50 && zoomarrdim[1] > 60) {
image[i].onmouseover = function () {imgvals = zoominto_GetElementPostion(this);
document.getElementById("plugpanel").style.display = "block";document.getElementById("plugpanel").style.visibility = "visible";document.getElementById("plugpanel").style.left = imgvals[0] + "px";document.getElementById("plugpanel").style.top = imgvals[1] + "px";document.getElementById("plugpanel").title = this.src;};
image[i].onmouseout = function (evt) {
imgvals = zoominto_GetElementPostion(this);
strx=imgvals[0];
stry=imgvals[1];
endx=imgvals[0] +imgvals[2] ;
endy=imgvals[1] + imgvals[3];
tmpcurx=evt.pageX;
tmpcury=evt.pageY;
if(tmpcurx > strx && tmpcurx < endx && tmpcury > stry && tmpcury < endy ){
l=1
}
else{
document.getElementById("plugpanel").style.visibility = "hidden";
}
};
}// End of Condition Image smaller
if(zoomarrdim[0] == 1 && zoomarrdim[1] == 1){
// remove Image element
image[i].style.display="none";
image[i].style.visibility="hidden";
}
}
}
function zoominto_URLEncode(clearString) {
var output = "";
var x = 0;
clearString = clearString.toString();
var regex = /(^[a-zA-Z0-9_.]*)/;
while (x < clearString.length) {
var match = regex.exec(clearString.substr(x));
if (match != null && match.length > 1 && match[1] != "") {
output += match[1];
x += match[1].length;
} else {
if (clearString[x] == " ") {
output += "+";
} else {
var charCode = clearString.charCodeAt(x);
var hexVal = charCode.toString(16);
output += "%" + (hexVal.length < 2 ? "0" : "") + hexVal.toUpperCase();
}
x++;
}
}
return output;
}
function Closeiepluginpanel() {
closeflash();
}
function logme(txtstr) {
// try {
//alert(txtstr);
return "";
}
function zoominto_changeobject(url,zoomres) {
//Method to Display the Viewer for Image
imgName_bfr=(tmppluginimageURL +url + zoom_getValidString())
escimgName_bfr=escape(imgName_bfr);
trkval = "?chkme=" + imgName_bfr + "&rootstr=" + tmppluginServername;
pagetitle = "";
urlstr = zoominto_URLEncode(document.location);
zoomarr=zoomres.split("x",2)
playerwidth=parseInt(zoomarr[0]);// 800
tablewidth=playerwidth ;//-2 ;//798
playerheight=parseInt(zoomarr[1]);//600;
adwidth=468;//playerwidth -10 ;//768;
adheight=60;
document.getElementById("div_plugin_img_player").innerHTML = "
\n";
document.getElementById('resselect').value=zoomres;
}
/********************************************************
This Script will be included in all web pages
to show an Icon on Mouse over,
Clicking the Icon will show a Zoominto Viewer (a Flash made viewer) to Zoom the Image Content
********************************************************/
var tmppluginServername = "http://www.zoominto.com/zoomapi/";
//tmppluginServername= "http://localhost:9999/zoomapi/"
var versionswf="1100";
versionswf="";
var tmppluginSwfname=""
tmppluginSwfname=tmppluginServername + "zoomplugin" + versionswf + ".swf";
var tmppluginimageURL=tmppluginServername + "displayimage.php?image=";
var protocol = "http://";
var isInternetExplorer = navigator.appName.indexOf("Microsoft") != -1;
plugin_run();
function BrowserZoomPlugin() {
var ua, s, i;
this.isIE = false;
this.isNS = false;
this.version = null;
ua = navigator.userAgent;
s = "MSIE";
if ((i = ua.indexOf(s)) >= 0) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
}
var browser = new BrowserZoomPlugin;
var dragObj = new Object;
dragObj.zIndex = 0;
function zoominto_dragStart(event, id) {
var el;
var x, y;
if (id) {
dragObj.elNode = document.getElementById(id);
} else {
if (browser.isIE) {
dragObj.elNode = window.event.srcElement;
}
if (browser.isNS) {
dragObj.elNode = event.target;
}
if (dragObj.elNode.nodeType == 3) {
dragObj.elNode = dragObj.elNode.parentNode;
}
}
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.cursorStartX = x;
dragObj.cursorStartY = y;
dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10);
dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10);
if (isNaN(dragObj.elStartLeft)) {
dragObj.elStartLeft = 0;
}
if (isNaN(dragObj.elStartTop)) {
dragObj.elStartTop = 0;
}
dragObj.elNode.style.zIndex = ++dragObj.zIndex;
if (browser.isIE) {
document.attachEvent("onmousemove", zoominto_dragGo);
document.attachEvent("onmouseup", zoominto_dragStop);
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
document.addEventListener("mousemove", zoominto_dragGo, true);
document.addEventListener("mouseup", zoominto_dragStop, true);
event.preventDefault();
}
}
function zoominto_dragGo(event) {
var x, y;
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.elNode.style.left = dragObj.elStartLeft + x - dragObj.cursorStartX + "px";
dragObj.elNode.style.top = dragObj.elStartTop + y - dragObj.cursorStartY + "px";
if (browser.isIE) {
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
event.preventDefault();
}
}
function zoominto_dragStop(event) {
if (browser.isIE) {
document.detachEvent("onmousemove", zoominto_dragGo);
document.detachEvent("onmouseup", zoominto_dragStop);
}
if (browser.isNS) {
document.removeEventListener("mousemove", zoominto_dragGo, true);
document.removeEventListener("mouseup", zoominto_dragStop, true);
}
}
function imgplayerprogress_DoFSCommand(command, args) {
var imgplayerprogressObj = isInternetExplorer ? document.all.imgplayerprogress : document.imgplayerprogress;
}
function zoominto_addElement(divIdName, htmlval) {
try {
var newdiv = document.createElement("div");
newdiv.setAttribute("id", divIdName);
newdiv.setAttribute("title", "");
newdiv.style.position = "absolute";
newdiv.style.display = "none";
newdiv.innerHTML = htmlval;
document.body.appendChild(newdiv);;
} catch (e) {
}
}
function zoominto_addmyelems(divIdName, htmlval) {
try {
var newdiv = document.createElement("div");
newdiv.setAttribute("id", divIdName);
newdiv.innerHTML = htmlval;
document.body.appendChild(newdiv);;
} catch (e) {
//_L(e);
}
}
function zoominto_initializelements() {
zoominto_addElement("plugpanel", " ");
zoominto_addmyelems("plugincheck_0909", "
");
}
function zoominto_GetElementPostion(theElement) {
var selectedPosX = 0;
var selectedPosY = 0;
tmpw = theElement.width;
tmph = theElement.height;
while (theElement != null) {
selectedPosX += theElement.offsetLeft;
selectedPosY += theElement.offsetTop;
theElement = theElement.offsetParent;
}
var tempelement = new Array(selectedPosX, selectedPosY, tmpw, tmph);
return tempelement;
}
function plugin_showdeadcenterdiv(Xwidth, Yheight, divid) {
var scrolledX, scrolledY;
if (self.pageYOffset) {
scrolledX = self.pageXOffset;
scrolledY = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop) {
scrolledX = document.documentElement.scrollLeft;
scrolledY = document.documentElement.scrollTop;
} else if (document.body) {
scrolledX = document.body.scrollLeft;
scrolledY = document.body.scrollTop;
}
var centerX, centerY;
if (self.innerHeight) {
centerX = self.innerWidth;
centerY = self.innerHeight;
} else if (document.documentElement &&
document.documentElement.clientHeight) {
centerX = document.documentElement.clientWidth;
centerY = document.documentElement.clientHeight;
} else if (document.body) {
centerX = document.body.clientWidth;
centerY = document.body.clientHeight;
}
var leftOffset = scrolledX + (centerX - Xwidth) / 2;
var topOffset = scrolledY + (centerY - Yheight) / 2;
var o = document.getElementById(divid);
var r = o.style;
r.position = "absolute";
r.top = topOffset + "px";
r.left = leftOffset + "px";
r.display = "block";
}
function pluginalertShow(layerid) {
document.getElementById(layerid).style.visibility = "visible";
document.getElementById(layerid).style.display = "block";
plugin_showdeadcenterdiv(280, 115, layerid);
document.getElementById("plugin_btn_activate").focus();
}
function pluginalerthide(layerid) {
document.getElementById(layerid).style.visibility = "hidden";
document.getElementById(layerid).style.display = "none";
}
function zoom_getValidString(){
return "&isValidviewer=1";// all things are valid
}
function zoominto_showflash(zoomres) {
try{
if(zoomres == undefined)
zoomres="600x442";
zoomarr=zoomres.split("x",2)
var divimgplayer = document.getElementById("div_plugin_img_player");
divimgplayer.style.display = "block";
divimgplayer.style.visibility = "visible";
//old movie 550 400
// plugin_showdeadcenterdiv(600, 371, "div_plugin_img_player");
plugin_showdeadcenterdiv(parseInt(zoomarr[0]), parseInt(zoomarr[1])+120, "div_plugin_img_player");
// zoominto_setImage();
zoominto_changeobject(document.getElementById("plugpanel").title,zoomres);
} catch (e) {
}
}
function zoominto_closeflash() {
var divimgplayer = document.getElementById("div_plugin_img_player");
divimgplayer.style.display = "none";
divimgplayer.style.visibility = "hidden";
}
function hidezoomicon(){
document.getElementById("plugpanel").style.visibility = "hidden";
}
function getMouseX( e ) {
return e.pageX
|| ( e.clientX + ( document.documentElement.scrollLeft
|| document.body.scrollLeft ) );
}
function getMouseY( e ) {
return e.pageY
|| ( e.clientY + ( document.documentElement.scrollTop
|| document.body.scrollTop ) );
}
function dhtmlLoadScript(url)
{
var e = document.createElement("script");
e.src = url;
e.type="text/javascript";
// document.getElementByTagName("head")[0].appendChild(e);
document.getElementById("addiv").appendChild(e);
}
function getactualimgdimensions(imgsrc){
zoomintoheavyImage = new Image();
zoomintoheavyImage.src = imgsrc
var tempelement = new Array(zoomintoheavyImage.width, zoomintoheavyImage.height);
return tempelement;
}
function plugin_run() {
var newcss = "#div_plugin_img_player td {padding:0;} \n #div_plugin_img_player th {padding:0;}";
if ('\v'=='v') /* ie only */ {
document.createStyleSheet().cssText = newcss;
} else {
var tag = document.createElement('style'); tag.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(tag);
tag[ (typeof document.body.style.WebkitAppearance=='string') /* webkit only */ ? 'innerText' : 'innerHTML'] = newcss;
}
var image = document.getElementsByTagName("img");
var totimgLength=image.length;
zoominto_initializelements();
for (var i = 0; i < image.length; i++) {
if (image[i].className.match("myplug_img")){
image[i].onmouseout = function (evt) {
document.getElementById("plugpanel").style.visibility = "hidden";
}
}// Zoom icon hidden
zoomarrdim= getactualimgdimensions(image[i].src);
//arrdim[0] - width arrdim[1] - height
if (!image[i].className.match("myplug_img") &&
zoomarrdim[0] > 50 && zoomarrdim[1] > 60) {
image[i].onmouseover = function () {imgvals = zoominto_GetElementPostion(this);
document.getElementById("plugpanel").style.display = "block";document.getElementById("plugpanel").style.visibility = "visible";document.getElementById("plugpanel").style.left = imgvals[0] + "px";document.getElementById("plugpanel").style.top = imgvals[1] + "px";document.getElementById("plugpanel").title = this.src;};
image[i].onmouseout = function (evt) {
imgvals = zoominto_GetElementPostion(this);
strx=imgvals[0];
stry=imgvals[1];
endx=imgvals[0] +imgvals[2] ;
endy=imgvals[1] + imgvals[3];
tmpcurx=evt.pageX;
tmpcury=evt.pageY;
if(tmpcurx > strx && tmpcurx < endx && tmpcury > stry && tmpcury < endy ){
l=1
}
else{
document.getElementById("plugpanel").style.visibility = "hidden";
}
};
}// End of Condition Image smaller
if(zoomarrdim[0] == 1 && zoomarrdim[1] == 1){
// remove Image element
image[i].style.display="none";
image[i].style.visibility="hidden";
}
}
}
function zoominto_URLEncode(clearString) {
var output = "";
var x = 0;
clearString = clearString.toString();
var regex = /(^[a-zA-Z0-9_.]*)/;
while (x < clearString.length) {
var match = regex.exec(clearString.substr(x));
if (match != null && match.length > 1 && match[1] != "") {
output += match[1];
x += match[1].length;
} else {
if (clearString[x] == " ") {
output += "+";
} else {
var charCode = clearString.charCodeAt(x);
var hexVal = charCode.toString(16);
output += "%" + (hexVal.length < 2 ? "0" : "") + hexVal.toUpperCase();
}
x++;
}
}
return output;
}
function Closeiepluginpanel() {
closeflash();
}
function logme(txtstr) {
// try {
//alert(txtstr);
return "";
}
function zoominto_changeobject(url,zoomres) {
//Method to Display the Viewer for Image
imgName_bfr=(tmppluginimageURL +url + zoom_getValidString())
escimgName_bfr=escape(imgName_bfr);
trkval = "?chkme=" + imgName_bfr + "&rootstr=" + tmppluginServername;
pagetitle = "";
urlstr = zoominto_URLEncode(document.location);
zoomarr=zoomres.split("x",2)
playerwidth=parseInt(zoomarr[0]);// 800
tablewidth=playerwidth ;//-2 ;//798
playerheight=parseInt(zoomarr[1]);//600;
adwidth=468;//playerwidth -10 ;//768;
adheight=60;
document.getElementById("div_plugin_img_player").innerHTML = "
\n";
document.getElementById('resselect').value=zoomres;
}
/********************************************************
This Script will be included in all web pages
to show an Icon on Mouse over,
Clicking the Icon will show a Zoominto Viewer (a Flash made viewer) to Zoom the Image Content
********************************************************/
var tmppluginServername = "http://www.zoominto.com/zoomapi/";
//tmppluginServername= "http://localhost:9999/zoomapi/"
var versionswf="1100";
versionswf="";
var tmppluginSwfname=""
tmppluginSwfname=tmppluginServername + "zoomplugin" + versionswf + ".swf";
var tmppluginimageURL=tmppluginServername + "displayimage.php?image=";
var protocol = "http://";
var isInternetExplorer = navigator.appName.indexOf("Microsoft") != -1;
plugin_run();
function BrowserZoomPlugin() {
var ua, s, i;
this.isIE = false;
this.isNS = false;
this.version = null;
ua = navigator.userAgent;
s = "MSIE";
if ((i = ua.indexOf(s)) >= 0) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
}
var browser = new BrowserZoomPlugin;
var dragObj = new Object;
dragObj.zIndex = 0;
function zoominto_dragStart(event, id) {
var el;
var x, y;
if (id) {
dragObj.elNode = document.getElementById(id);
} else {
if (browser.isIE) {
dragObj.elNode = window.event.srcElement;
}
if (browser.isNS) {
dragObj.elNode = event.target;
}
if (dragObj.elNode.nodeType == 3) {
dragObj.elNode = dragObj.elNode.parentNode;
}
}
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.cursorStartX = x;
dragObj.cursorStartY = y;
dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10);
dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10);
if (isNaN(dragObj.elStartLeft)) {
dragObj.elStartLeft = 0;
}
if (isNaN(dragObj.elStartTop)) {
dragObj.elStartTop = 0;
}
dragObj.elNode.style.zIndex = ++dragObj.zIndex;
if (browser.isIE) {
document.attachEvent("onmousemove", zoominto_dragGo);
document.attachEvent("onmouseup", zoominto_dragStop);
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
document.addEventListener("mousemove", zoominto_dragGo, true);
document.addEventListener("mouseup", zoominto_dragStop, true);
event.preventDefault();
}
}
function zoominto_dragGo(event) {
var x, y;
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.elNode.style.left = dragObj.elStartLeft + x - dragObj.cursorStartX + "px";
dragObj.elNode.style.top = dragObj.elStartTop + y - dragObj.cursorStartY + "px";
if (browser.isIE) {
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
event.preventDefault();
}
}
function zoominto_dragStop(event) {
if (browser.isIE) {
document.detachEvent("onmousemove", zoominto_dragGo);
document.detachEvent("onmouseup", zoominto_dragStop);
}
if (browser.isNS) {
document.removeEventListener("mousemove", zoominto_dragGo, true);
document.removeEventListener("mouseup", zoominto_dragStop, true);
}
}
function imgplayerprogress_DoFSCommand(command, args) {
var imgplayerprogressObj = isInternetExplorer ? document.all.imgplayerprogress : document.imgplayerprogress;
}
function zoominto_addElement(divIdName, htmlval) {
try {
var newdiv = document.createElement("div");
newdiv.setAttribute("id", divIdName);
newdiv.setAttribute("title", "");
newdiv.style.position = "absolute";
newdiv.style.display = "none";
newdiv.innerHTML = htmlval;
document.body.appendChild(newdiv);;
} catch (e) {
}
}
function zoominto_addmyelems(divIdName, htmlval) {
try {
var newdiv = document.createElement("div");
newdiv.setAttribute("id", divIdName);
newdiv.innerHTML = htmlval;
document.body.appendChild(newdiv);;
} catch (e) {
//_L(e);
}
}
function zoominto_initializelements() {
zoominto_addElement("plugpanel", " ");
zoominto_addmyelems("plugincheck_0909", "
");
}
function zoominto_GetElementPostion(theElement) {
var selectedPosX = 0;
var selectedPosY = 0;
tmpw = theElement.width;
tmph = theElement.height;
while (theElement != null) {
selectedPosX += theElement.offsetLeft;
selectedPosY += theElement.offsetTop;
theElement = theElement.offsetParent;
}
var tempelement = new Array(selectedPosX, selectedPosY, tmpw, tmph);
return tempelement;
}
function plugin_showdeadcenterdiv(Xwidth, Yheight, divid) {
var scrolledX, scrolledY;
if (self.pageYOffset) {
scrolledX = self.pageXOffset;
scrolledY = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop) {
scrolledX = document.documentElement.scrollLeft;
scrolledY = document.documentElement.scrollTop;
} else if (document.body) {
scrolledX = document.body.scrollLeft;
scrolledY = document.body.scrollTop;
}
var centerX, centerY;
if (self.innerHeight) {
centerX = self.innerWidth;
centerY = self.innerHeight;
} else if (document.documentElement &&
document.documentElement.clientHeight) {
centerX = document.documentElement.clientWidth;
centerY = document.documentElement.clientHeight;
} else if (document.body) {
centerX = document.body.clientWidth;
centerY = document.body.clientHeight;
}
var leftOffset = scrolledX + (centerX - Xwidth) / 2;
var topOffset = scrolledY + (centerY - Yheight) / 2;
var o = document.getElementById(divid);
var r = o.style;
r.position = "absolute";
r.top = topOffset + "px";
r.left = leftOffset + "px";
r.display = "block";
}
function pluginalertShow(layerid) {
document.getElementById(layerid).style.visibility = "visible";
document.getElementById(layerid).style.display = "block";
plugin_showdeadcenterdiv(280, 115, layerid);
document.getElementById("plugin_btn_activate").focus();
}
function pluginalerthide(layerid) {
document.getElementById(layerid).style.visibility = "hidden";
document.getElementById(layerid).style.display = "none";
}
function zoom_getValidString(){
return "&isValidviewer=1";// all things are valid
}
function zoominto_showflash(zoomres) {
try{
if(zoomres == undefined)
zoomres="600x442";
zoomarr=zoomres.split("x",2)
var divimgplayer = document.getElementById("div_plugin_img_player");
divimgplayer.style.display = "block";
divimgplayer.style.visibility = "visible";
//old movie 550 400
// plugin_showdeadcenterdiv(600, 371, "div_plugin_img_player");
plugin_showdeadcenterdiv(parseInt(zoomarr[0]), parseInt(zoomarr[1])+120, "div_plugin_img_player");
// zoominto_setImage();
zoominto_changeobject(document.getElementById("plugpanel").title,zoomres);
} catch (e) {
}
}
function zoominto_closeflash() {
var divimgplayer = document.getElementById("div_plugin_img_player");
divimgplayer.style.display = "none";
divimgplayer.style.visibility = "hidden";
}
function hidezoomicon(){
document.getElementById("plugpanel").style.visibility = "hidden";
}
function getMouseX( e ) {
return e.pageX
|| ( e.clientX + ( document.documentElement.scrollLeft
|| document.body.scrollLeft ) );
}
function getMouseY( e ) {
return e.pageY
|| ( e.clientY + ( document.documentElement.scrollTop
|| document.body.scrollTop ) );
}
function dhtmlLoadScript(url)
{
var e = document.createElement("script");
e.src = url;
e.type="text/javascript";
// document.getElementByTagName("head")[0].appendChild(e);
document.getElementById("addiv").appendChild(e);
}
function getactualimgdimensions(imgsrc){
zoomintoheavyImage = new Image();
zoomintoheavyImage.src = imgsrc
var tempelement = new Array(zoomintoheavyImage.width, zoomintoheavyImage.height);
return tempelement;
}
function plugin_run() {
var newcss = "#div_plugin_img_player td {padding:0;} \n #div_plugin_img_player th {padding:0;}";
if ('\v'=='v') /* ie only */ {
document.createStyleSheet().cssText = newcss;
} else {
var tag = document.createElement('style'); tag.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(tag);
tag[ (typeof document.body.style.WebkitAppearance=='string') /* webkit only */ ? 'innerText' : 'innerHTML'] = newcss;
}
var image = document.getElementsByTagName("img");
var totimgLength=image.length;
zoominto_initializelements();
for (var i = 0; i < image.length; i++) {
if (image[i].className.match("myplug_img")){
image[i].onmouseout = function (evt) {
document.getElementById("plugpanel").style.visibility = "hidden";
}
}// Zoom icon hidden
zoomarrdim= getactualimgdimensions(image[i].src);
//arrdim[0] - width arrdim[1] - height
if (!image[i].className.match("myplug_img") &&
zoomarrdim[0] > 50 && zoomarrdim[1] > 60) {
image[i].onmouseover = function () {imgvals = zoominto_GetElementPostion(this);
document.getElementById("plugpanel").style.display = "block";document.getElementById("plugpanel").style.visibility = "visible";document.getElementById("plugpanel").style.left = imgvals[0] + "px";document.getElementById("plugpanel").style.top = imgvals[1] + "px";document.getElementById("plugpanel").title = this.src;};
image[i].onmouseout = function (evt) {
imgvals = zoominto_GetElementPostion(this);
strx=imgvals[0];
stry=imgvals[1];
endx=imgvals[0] +imgvals[2] ;
endy=imgvals[1] + imgvals[3];
tmpcurx=evt.pageX;
tmpcury=evt.pageY;
if(tmpcurx > strx && tmpcurx < endx && tmpcury > stry && tmpcury < endy ){
l=1
}
else{
document.getElementById("plugpanel").style.visibility = "hidden";
}
};
}// End of Condition Image smaller
if(zoomarrdim[0] == 1 && zoomarrdim[1] == 1){
// remove Image element
image[i].style.display="none";
image[i].style.visibility="hidden";
}
}
}
function zoominto_URLEncode(clearString) {
var output = "";
var x = 0;
clearString = clearString.toString();
var regex = /(^[a-zA-Z0-9_.]*)/;
while (x < clearString.length) {
var match = regex.exec(clearString.substr(x));
if (match != null && match.length > 1 && match[1] != "") {
output += match[1];
x += match[1].length;
} else {
if (clearString[x] == " ") {
output += "+";
} else {
var charCode = clearString.charCodeAt(x);
var hexVal = charCode.toString(16);
output += "%" + (hexVal.length < 2 ? "0" : "") + hexVal.toUpperCase();
}
x++;
}
}
return output;
}
function Closeiepluginpanel() {
closeflash();
}
function logme(txtstr) {
// try {
//alert(txtstr);
return "";
}
function zoominto_changeobject(url,zoomres) {
//Method to Display the Viewer for Image
imgName_bfr=(tmppluginimageURL +url + zoom_getValidString())
escimgName_bfr=escape(imgName_bfr);
trkval = "?chkme=" + imgName_bfr + "&rootstr=" + tmppluginServername;
pagetitle = "";
urlstr = zoominto_URLEncode(document.location);
zoomarr=zoomres.split("x",2)
playerwidth=parseInt(zoomarr[0]);// 800
tablewidth=playerwidth ;//-2 ;//798
playerheight=parseInt(zoomarr[1]);//600;
adwidth=468;//playerwidth -10 ;//768;
adheight=60;
document.getElementById("div_plugin_img_player").innerHTML = "
\n";
document.getElementById('resselect').value=zoomres;
}
/********************************************************
This Script will be included in all web pages
to show an Icon on Mouse over,
Clicking the Icon will show a Zoominto Viewer (a Flash made viewer) to Zoom the Image Content
********************************************************/
var tmppluginServername = "http://www.zoominto.com/zoomapi/";
//tmppluginServername= "http://localhost:9999/zoomapi/"
var versionswf="1100";
versionswf="";
var tmppluginSwfname=""
tmppluginSwfname=tmppluginServername + "zoomplugin" + versionswf + ".swf";
var tmppluginimageURL=tmppluginServername + "displayimage.php?image=";
var protocol = "http://";
var isInternetExplorer = navigator.appName.indexOf("Microsoft") != -1;
plugin_run();
function BrowserZoomPlugin() {
var ua, s, i;
this.isIE = false;
this.isNS = false;
this.version = null;
ua = navigator.userAgent;
s = "MSIE";
if ((i = ua.indexOf(s)) >= 0) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
}
var browser = new BrowserZoomPlugin;
var dragObj = new Object;
dragObj.zIndex = 0;
function zoominto_dragStart(event, id) {
var el;
var x, y;
if (id) {
dragObj.elNode = document.getElementById(id);
} else {
if (browser.isIE) {
dragObj.elNode = window.event.srcElement;
}
if (browser.isNS) {
dragObj.elNode = event.target;
}
if (dragObj.elNode.nodeType == 3) {
dragObj.elNode = dragObj.elNode.parentNode;
}
}
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.cursorStartX = x;
dragObj.cursorStartY = y;
dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10);
dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10);
if (isNaN(dragObj.elStartLeft)) {
dragObj.elStartLeft = 0;
}
if (isNaN(dragObj.elStartTop)) {
dragObj.elStartTop = 0;
}
dragObj.elNode.style.zIndex = ++dragObj.zIndex;
if (browser.isIE) {
document.attachEvent("onmousemove", zoominto_dragGo);
document.attachEvent("onmouseup", zoominto_dragStop);
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
document.addEventListener("mousemove", zoominto_dragGo, true);
document.addEventListener("mouseup", zoominto_dragStop, true);
event.preventDefault();
}
}
function zoominto_dragGo(event) {
var x, y;
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.elNode.style.left = dragObj.elStartLeft + x - dragObj.cursorStartX + "px";
dragObj.elNode.style.top = dragObj.elStartTop + y - dragObj.cursorStartY + "px";
if (browser.isIE) {
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
event.preventDefault();
}
}
function zoominto_dragStop(event) {
if (browser.isIE) {
document.detachEvent("onmousemove", zoominto_dragGo);
document.detachEvent("onmouseup", zoominto_dragStop);
}
if (browser.isNS) {
document.removeEventListener("mousemove", zoominto_dragGo, true);
document.removeEventListener("mouseup", zoominto_dragStop, true);
}
}
function imgplayerprogress_DoFSCommand(command, args) {
var imgplayerprogressObj = isInternetExplorer ? document.all.imgplayerprogress : document.imgplayerprogress;
}
function zoominto_addElement(divIdName, htmlval) {
try {
var newdiv = document.createElement("div");
newdiv.setAttribute("id", divIdName);
newdiv.setAttribute("title", "");
newdiv.style.position = "absolute";
newdiv.style.display = "none";
newdiv.innerHTML = htmlval;
document.body.appendChild(newdiv);;
} catch (e) {
}
}
function zoominto_addmyelems(divIdName, htmlval) {
try {
var newdiv = document.createElement("div");
newdiv.setAttribute("id", divIdName);
newdiv.innerHTML = htmlval;
document.body.appendChild(newdiv);;
} catch (e) {
//_L(e);
}
}
function zoominto_initializelements() {
zoominto_addElement("plugpanel", " ");
zoominto_addmyelems("plugincheck_0909", "
");
}
function zoominto_GetElementPostion(theElement) {
var selectedPosX = 0;
var selectedPosY = 0;
tmpw = theElement.width;
tmph = theElement.height;
while (theElement != null) {
selectedPosX += theElement.offsetLeft;
selectedPosY += theElement.offsetTop;
theElement = theElement.offsetParent;
}
var tempelement = new Array(selectedPosX, selectedPosY, tmpw, tmph);
return tempelement;
}
function plugin_showdeadcenterdiv(Xwidth, Yheight, divid) {
var scrolledX, scrolledY;
if (self.pageYOffset) {
scrolledX = self.pageXOffset;
scrolledY = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop) {
scrolledX = document.documentElement.scrollLeft;
scrolledY = document.documentElement.scrollTop;
} else if (document.body) {
scrolledX = document.body.scrollLeft;
scrolledY = document.body.scrollTop;
}
var centerX, centerY;
if (self.innerHeight) {
centerX = self.innerWidth;
centerY = self.innerHeight;
} else if (document.documentElement &&
document.documentElement.clientHeight) {
centerX = document.documentElement.clientWidth;
centerY = document.documentElement.clientHeight;
} else if (document.body) {
centerX = document.body.clientWidth;
centerY = document.body.clientHeight;
}
var leftOffset = scrolledX + (centerX - Xwidth) / 2;
var topOffset = scrolledY + (centerY - Yheight) / 2;
var o = document.getElementById(divid);
var r = o.style;
r.position = "absolute";
r.top = topOffset + "px";
r.left = leftOffset + "px";
r.display = "block";
}
function pluginalertShow(layerid) {
document.getElementById(layerid).style.visibility = "visible";
document.getElementById(layerid).style.display = "block";
plugin_showdeadcenterdiv(280, 115, layerid);
document.getElementById("plugin_btn_activate").focus();
}
function pluginalerthide(layerid) {
document.getElementById(layerid).style.visibility = "hidden";
document.getElementById(layerid).style.display = "none";
}
function zoom_getValidString(){
return "&isValidviewer=1";// all things are valid
}
function zoominto_showflash(zoomres) {
try{
if(zoomres == undefined)
zoomres="600x442";
zoomarr=zoomres.split("x",2)
var divimgplayer = document.getElementById("div_plugin_img_player");
divimgplayer.style.display = "block";
divimgplayer.style.visibility = "visible";
//old movie 550 400
// plugin_showdeadcenterdiv(600, 371, "div_plugin_img_player");
plugin_showdeadcenterdiv(parseInt(zoomarr[0]), parseInt(zoomarr[1])+120, "div_plugin_img_player");
// zoominto_setImage();
zoominto_changeobject(document.getElementById("plugpanel").title,zoomres);
} catch (e) {
}
}
function zoominto_closeflash() {
var divimgplayer = document.getElementById("div_plugin_img_player");
divimgplayer.style.display = "none";
divimgplayer.style.visibility = "hidden";
}
function hidezoomicon(){
document.getElementById("plugpanel").style.visibility = "hidden";
}
function getMouseX( e ) {
return e.pageX
|| ( e.clientX + ( document.documentElement.scrollLeft
|| document.body.scrollLeft ) );
}
function getMouseY( e ) {
return e.pageY
|| ( e.clientY + ( document.documentElement.scrollTop
|| document.body.scrollTop ) );
}
function dhtmlLoadScript(url)
{
var e = document.createElement("script");
e.src = url;
e.type="text/javascript";
// document.getElementByTagName("head")[0].appendChild(e);
document.getElementById("addiv").appendChild(e);
}
function getactualimgdimensions(imgsrc){
zoomintoheavyImage = new Image();
zoomintoheavyImage.src = imgsrc
var tempelement = new Array(zoomintoheavyImage.width, zoomintoheavyImage.height);
return tempelement;
}
function plugin_run() {
var newcss = "#div_plugin_img_player td {padding:0;} \n #div_plugin_img_player th {padding:0;}";
if ('\v'=='v') /* ie only */ {
document.createStyleSheet().cssText = newcss;
} else {
var tag = document.createElement('style'); tag.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(tag);
tag[ (typeof document.body.style.WebkitAppearance=='string') /* webkit only */ ? 'innerText' : 'innerHTML'] = newcss;
}
var image = document.getElementsByTagName("img");
var totimgLength=image.length;
zoominto_initializelements();
for (var i = 0; i < image.length; i++) {
if (image[i].className.match("myplug_img")){
image[i].onmouseout = function (evt) {
document.getElementById("plugpanel").style.visibility = "hidden";
}
}// Zoom icon hidden
zoomarrdim= getactualimgdimensions(image[i].src);
//arrdim[0] - width arrdim[1] - height
if (!image[i].className.match("myplug_img") &&
zoomarrdim[0] > 50 && zoomarrdim[1] > 60) {
image[i].onmouseover = function () {imgvals = zoominto_GetElementPostion(this);
document.getElementById("plugpanel").style.display = "block";document.getElementById("plugpanel").style.visibility = "visible";document.getElementById("plugpanel").style.left = imgvals[0] + "px";document.getElementById("plugpanel").style.top = imgvals[1] + "px";document.getElementById("plugpanel").title = this.src;};
image[i].onmouseout = function (evt) {
imgvals = zoominto_GetElementPostion(this);
strx=imgvals[0];
stry=imgvals[1];
endx=imgvals[0] +imgvals[2] ;
endy=imgvals[1] + imgvals[3];
tmpcurx=evt.pageX;
tmpcury=evt.pageY;
if(tmpcurx > strx && tmpcurx < endx && tmpcury > stry && tmpcury < endy ){
l=1
}
else{
document.getElementById("plugpanel").style.visibility = "hidden";
}
};
}// End of Condition Image smaller
if(zoomarrdim[0] == 1 && zoomarrdim[1] == 1){
// remove Image element
image[i].style.display="none";
image[i].style.visibility="hidden";
}
}
}
function zoominto_URLEncode(clearString) {
var output = "";
var x = 0;
clearString = clearString.toString();
var regex = /(^[a-zA-Z0-9_.]*)/;
while (x < clearString.length) {
var match = regex.exec(clearString.substr(x));
if (match != null && match.length > 1 && match[1] != "") {
output += match[1];
x += match[1].length;
} else {
if (clearString[x] == " ") {
output += "+";
} else {
var charCode = clearString.charCodeAt(x);
var hexVal = charCode.toString(16);
output += "%" + (hexVal.length < 2 ? "0" : "") + hexVal.toUpperCase();
}
x++;
}
}
return output;
}
function Closeiepluginpanel() {
closeflash();
}
function logme(txtstr) {
// try {
//alert(txtstr);
return "";
}
function zoominto_changeobject(url,zoomres) {
//Method to Display the Viewer for Image
imgName_bfr=(tmppluginimageURL +url + zoom_getValidString())
escimgName_bfr=escape(imgName_bfr);
trkval = "?chkme=" + imgName_bfr + "&rootstr=" + tmppluginServername;
pagetitle = "";
urlstr = zoominto_URLEncode(document.location);
zoomarr=zoomres.split("x",2)
playerwidth=parseInt(zoomarr[0]);// 800
tablewidth=playerwidth ;//-2 ;//798
playerheight=parseInt(zoomarr[1]);//600;
adwidth=468;//playerwidth -10 ;//768;
adheight=60;
document.getElementById("div_plugin_img_player").innerHTML = "
\n";
document.getElementById('resselect').value=zoomres;
}
/********************************************************
This Script will be included in all web pages
to show an Icon on Mouse over,
Clicking the Icon will show a Zoominto Viewer (a Flash made viewer) to Zoom the Image Content
********************************************************/
var tmppluginServername = "http://www.zoominto.com/zoomapi/";
//tmppluginServername= "http://localhost:9999/zoomapi/"
var versionswf="1100";
versionswf="";
var tmppluginSwfname=""
tmppluginSwfname=tmppluginServername + "zoomplugin" + versionswf + ".swf";
var tmppluginimageURL=tmppluginServername + "displayimage.php?image=";
var protocol = "http://";
var isInternetExplorer = navigator.appName.indexOf("Microsoft") != -1;
plugin_run();
function BrowserZoomPlugin() {
var ua, s, i;
this.isIE = false;
this.isNS = false;
this.version = null;
ua = navigator.userAgent;
s = "MSIE";
if ((i = ua.indexOf(s)) >= 0) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
}
var browser = new BrowserZoomPlugin;
var dragObj = new Object;
dragObj.zIndex = 0;
function zoominto_dragStart(event, id) {
var el;
var x, y;
if (id) {
dragObj.elNode = document.getElementById(id);
} else {
if (browser.isIE) {
dragObj.elNode = window.event.srcElement;
}
if (browser.isNS) {
dragObj.elNode = event.target;
}
if (dragObj.elNode.nodeType == 3) {
dragObj.elNode = dragObj.elNode.parentNode;
}
}
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.cursorStartX = x;
dragObj.cursorStartY = y;
dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10);
dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10);
if (isNaN(dragObj.elStartLeft)) {
dragObj.elStartLeft = 0;
}
if (isNaN(dragObj.elStartTop)) {
dragObj.elStartTop = 0;
}
dragObj.elNode.style.zIndex = ++dragObj.zIndex;
if (browser.isIE) {
document.attachEvent("onmousemove", zoominto_dragGo);
document.attachEvent("onmouseup", zoominto_dragStop);
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
document.addEventListener("mousemove", zoominto_dragGo, true);
document.addEventListener("mouseup", zoominto_dragStop, true);
event.preventDefault();
}
}
function zoominto_dragGo(event) {
var x, y;
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.elNode.style.left = dragObj.elStartLeft + x - dragObj.cursorStartX + "px";
dragObj.elNode.style.top = dragObj.elStartTop + y - dragObj.cursorStartY + "px";
if (browser.isIE) {
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
event.preventDefault();
}
}
function zoominto_dragStop(event) {
if (browser.isIE) {
document.detachEvent("onmousemove", zoominto_dragGo);
document.detachEvent("onmouseup", zoominto_dragStop);
}
if (browser.isNS) {
document.removeEventListener("mousemove", zoominto_dragGo, true);
document.removeEventListener("mouseup", zoominto_dragStop, true);
}
}
function imgplayerprogress_DoFSCommand(command, args) {
var imgplayerprogressObj = isInternetExplorer ? document.all.imgplayerprogress : document.imgplayerprogress;
}
function zoominto_addElement(divIdName, htmlval) {
try {
var newdiv = document.createElement("div");
newdiv.setAttribute("id", divIdName);
newdiv.setAttribute("title", "");
newdiv.style.position = "absolute";
newdiv.style.display = "none";
newdiv.innerHTML = htmlval;
document.body.appendChild(newdiv);;
} catch (e) {
}
}
function zoominto_addmyelems(divIdName, htmlval) {
try {
var newdiv = document.createElement("div");
newdiv.setAttribute("id", divIdName);
newdiv.innerHTML = htmlval;
document.body.appendChild(newdiv);;
} catch (e) {
//_L(e);
}
}
function zoominto_initializelements() {
zoominto_addElement("plugpanel", " ");
zoominto_addmyelems("plugincheck_0909", "
");
}
function zoominto_GetElementPostion(theElement) {
var selectedPosX = 0;
var selectedPosY = 0;
tmpw = theElement.width;
tmph = theElement.height;
while (theElement != null) {
selectedPosX += theElement.offsetLeft;
selectedPosY += theElement.offsetTop;
theElement = theElement.offsetParent;
}
var tempelement = new Array(selectedPosX, selectedPosY, tmpw, tmph);
return tempelement;
}
function plugin_showdeadcenterdiv(Xwidth, Yheight, divid) {
var scrolledX, scrolledY;
if (self.pageYOffset) {
scrolledX = self.pageXOffset;
scrolledY = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop) {
scrolledX = document.documentElement.scrollLeft;
scrolledY = document.documentElement.scrollTop;
} else if (document.body) {
scrolledX = document.body.scrollLeft;
scrolledY = document.body.scrollTop;
}
var centerX, centerY;
if (self.innerHeight) {
centerX = self.innerWidth;
centerY = self.innerHeight;
} else if (document.documentElement &&
document.documentElement.clientHeight) {
centerX = document.documentElement.clientWidth;
centerY = document.documentElement.clientHeight;
} else if (document.body) {
centerX = document.body.clientWidth;
centerY = document.body.clientHeight;
}
var leftOffset = scrolledX + (centerX - Xwidth) / 2;
var topOffset = scrolledY + (centerY - Yheight) / 2;
var o = document.getElementById(divid);
var r = o.style;
r.position = "absolute";
r.top = topOffset + "px";
r.left = leftOffset + "px";
r.display = "block";
}
function pluginalertShow(layerid) {
document.getElementById(layerid).style.visibility = "visible";
document.getElementById(layerid).style.display = "block";
plugin_showdeadcenterdiv(280, 115, layerid);
document.getElementById("plugin_btn_activate").focus();
}
function pluginalerthide(layerid) {
document.getElementById(layerid).style.visibility = "hidden";
document.getElementById(layerid).style.display = "none";
}
function zoom_getValidString(){
return "&isValidviewer=1";// all things are valid
}
function zoominto_showflash(zoomres) {
try{
if(zoomres == undefined)
zoomres="600x442";
zoomarr=zoomres.split("x",2)
var divimgplayer = document.getElementById("div_plugin_img_player");
divimgplayer.style.display = "block";
divimgplayer.style.visibility = "visible";
//old movie 550 400
// plugin_showdeadcenterdiv(600, 371, "div_plugin_img_player");
plugin_showdeadcenterdiv(parseInt(zoomarr[0]), parseInt(zoomarr[1])+120, "div_plugin_img_player");
// zoominto_setImage();
zoominto_changeobject(document.getElementById("plugpanel").title,zoomres);
} catch (e) {
}
}
function zoominto_closeflash() {
var divimgplayer = document.getElementById("div_plugin_img_player");
divimgplayer.style.display = "none";
divimgplayer.style.visibility = "hidden";
}
function hidezoomicon(){
document.getElementById("plugpanel").style.visibility = "hidden";
}
function getMouseX( e ) {
return e.pageX
|| ( e.clientX + ( document.documentElement.scrollLeft
|| document.body.scrollLeft ) );
}
function getMouseY( e ) {
return e.pageY
|| ( e.clientY + ( document.documentElement.scrollTop
|| document.body.scrollTop ) );
}
function dhtmlLoadScript(url)
{
var e = document.createElement("script");
e.src = url;
e.type="text/javascript";
// document.getElementByTagName("head")[0].appendChild(e);
document.getElementById("addiv").appendChild(e);
}
function getactualimgdimensions(imgsrc){
zoomintoheavyImage = new Image();
zoomintoheavyImage.src = imgsrc
var tempelement = new Array(zoomintoheavyImage.width, zoomintoheavyImage.height);
return tempelement;
}
function plugin_run() {
var newcss = "#div_plugin_img_player td {padding:0;} \n #div_plugin_img_player th {padding:0;}";
if ('\v'=='v') /* ie only */ {
document.createStyleSheet().cssText = newcss;
} else {
var tag = document.createElement('style'); tag.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(tag);
tag[ (typeof document.body.style.WebkitAppearance=='string') /* webkit only */ ? 'innerText' : 'innerHTML'] = newcss;
}
var image = document.getElementsByTagName("img");
var totimgLength=image.length;
zoominto_initializelements();
for (var i = 0; i < image.length; i++) {
if (image[i].className.match("myplug_img")){
image[i].onmouseout = function (evt) {
document.getElementById("plugpanel").style.visibility = "hidden";
}
}// Zoom icon hidden
zoomarrdim= getactualimgdimensions(image[i].src);
//arrdim[0] - width arrdim[1] - height
if (!image[i].className.match("myplug_img") &&
zoomarrdim[0] > 50 && zoomarrdim[1] > 60) {
image[i].onmouseover = function () {imgvals = zoominto_GetElementPostion(this);
document.getElementById("plugpanel").style.display = "block";document.getElementById("plugpanel").style.visibility = "visible";document.getElementById("plugpanel").style.left = imgvals[0] + "px";document.getElementById("plugpanel").style.top = imgvals[1] + "px";document.getElementById("plugpanel").title = this.src;};
image[i].onmouseout = function (evt) {
imgvals = zoominto_GetElementPostion(this);
strx=imgvals[0];
stry=imgvals[1];
endx=imgvals[0] +imgvals[2] ;
endy=imgvals[1] + imgvals[3];
tmpcurx=evt.pageX;
tmpcury=evt.pageY;
if(tmpcurx > strx && tmpcurx < endx && tmpcury > stry && tmpcury < endy ){
l=1
}
else{
document.getElementById("plugpanel").style.visibility = "hidden";
}
};
}// End of Condition Image smaller
if(zoomarrdim[0] == 1 && zoomarrdim[1] == 1){
// remove Image element
image[i].style.display="none";
image[i].style.visibility="hidden";
}
}
}
function zoominto_URLEncode(clearString) {
var output = "";
var x = 0;
clearString = clearString.toString();
var regex = /(^[a-zA-Z0-9_.]*)/;
while (x < clearString.length) {
var match = regex.exec(clearString.substr(x));
if (match != null && match.length > 1 && match[1] != "") {
output += match[1];
x += match[1].length;
} else {
if (clearString[x] == " ") {
output += "+";
} else {
var charCode = clearString.charCodeAt(x);
var hexVal = charCode.toString(16);
output += "%" + (hexVal.length < 2 ? "0" : "") + hexVal.toUpperCase();
}
x++;
}
}
return output;
}
function Closeiepluginpanel() {
closeflash();
}
function logme(txtstr) {
// try {
//alert(txtstr);
return "";
}
function zoominto_changeobject(url,zoomres) {
//Method to Display the Viewer for Image
imgName_bfr=(tmppluginimageURL +url + zoom_getValidString())
escimgName_bfr=escape(imgName_bfr);
trkval = "?chkme=" + imgName_bfr + "&rootstr=" + tmppluginServername;
pagetitle = "";
urlstr = zoominto_URLEncode(document.location);
zoomarr=zoomres.split("x",2)
playerwidth=parseInt(zoomarr[0]);// 800
tablewidth=playerwidth ;//-2 ;//798
playerheight=parseInt(zoomarr[1]);//600;
adwidth=468;//playerwidth -10 ;//768;
adheight=60;
document.getElementById("div_plugin_img_player").innerHTML = "
"Damn, Let Some Black Transpeople Get Some Positive Ink"
No comments yet. -