var http = "";
var http2 = "";
var http3 = "";
var http4 = "";
function getElement(id) {
	return document.getElementById(id);
}
function createRequestObject() {
	var ro;
	var browser = navigator.appName;
	if (browser == "Microsoft Internet Explorer"){
		ro = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		ro = new XMLHttpRequest();
	}
	return ro;
}

function closeWidget(){
        var divId = 'Widget';        
        // Close if this already exists
        if (getElement(divId)){
            getElement(divId).parentNode.removeChild(getElement(divId));
        } 
}

//------------------------------------------------------------------------------------
function openReportDisplay(type,thisItem,itemid){
    closeWidget();
    var divId = 'Widget';   
    var newDiv = document.createElement('DIV');
    newDiv.id = divId;  
    // Close if this already exists
    if (getElement(divId)){
            getElement(divId).parentNode.removeChild(getElement(divId));
    }
    newDiv.id = divId;
    newDiv.className='reportDisplay';
    if ( type == "ITEM" ){
        newDiv.innerHTML = getReportItemHTML(itemid);
    } else if (type == "COMMENT"){
        newDiv.innerHTML = getReportCommentHTML(itemid);
    }
    newDiv.style.zIndex = 99999;
    newDiv.style.visibility = "visible";
    newDiv.style.position = "absolute";
    if ( type == "ITEM" ){
        newDiv.style.left = (thisItem.offsetParent.offsetLeft + thisItem.offsetLeft+200)+'px';
    } else if (type == "COMMENT"){
        newDiv.style.left = (thisItem.offsetParent.offsetLeft + thisItem.offsetLeft+100)+'px';
    }
    newDiv.style.visibility = "visible";
    thisItem.parentNode.appendChild(newDiv);
}

function openEmailDisplay(thisItem,itemid){
    closeWidget();
    var divId = 'Widget';   
    var newDiv = document.createElement('DIV');
    newDiv.id = divId;  
    // Close if this already exists
    if (getElement(divId)){
            getElement(divId).parentNode.removeChild(getElement(divId));
    }
    newDiv.id = divId;
    newDiv.className='reportDisplay';
    newDiv.innerHTML = emailForm(itemid);
    newDiv.style.zIndex = 99999;
    newDiv.style.visibility = "visible";
    newDiv.style.position = "absolute";
    newDiv.style.left = (thisItem.offsetParent.offsetLeft + thisItem.offsetLeft+100)+'px';
    newDiv.style.visibility = "visible";
    thisItem.parentNode.appendChild(newDiv);
}
function openLoginForm(thisItem){
    closeWidget();
    var divId = 'Widget';   
    var newDiv = document.createElement('DIV');
    newDiv.id = divId;  
    // Close if this already exists
    if (getElement(divId)){
            getElement(divId).parentNode.removeChild(getElement(divId));
    }
    newDiv.id = divId;
    newDiv.className='reportDisplay';
    newDiv.innerHTML = loginForm(thisItem);
    newDiv.style.zIndex = 99999;
    newDiv.style.visibility = "visible";
    newDiv.style.position = "absolute";
    newDiv.style.left = (thisItem.offsetParent.offsetLeft + thisItem.offsetLeft+100)+'px';
    newDiv.style.visibility = "visible";
    thisItem.parentNode.appendChild(newDiv);
}

function openForgotPWForm(thisItem){
    //closeWidget();
    var divId = 'Widget';   
    var newDiv = document.createElement('DIV');
    newDiv.id = divId;  
    var e = getElement(divId).parentNode;
    // Close if this already exists
    if (getElement(divId)){
            getElement(divId).parentNode.removeChild(getElement(divId));
    }
    newDiv.id = divId;
    newDiv.className='reportDisplay';
    newDiv.innerHTML = forgotPWForm();
    newDiv.style.zIndex = 99999;
    newDiv.style.visibility = "visible";
    newDiv.style.position = "absolute";
    //newDiv.style.left = (thisItem.offsetParent.offsetLeft + thisItem.offsetLeft+100)+'px';
    newDiv.style.visibility = "visible";
    e.appendChild(newDiv);
    //thisItem.parentNode.appendChild(newDiv);
}

function emailForm(itemid){
closeWidget();
 var message ="<DIV STYLE=\"font-size:9pt;font-weight:normal;\"><form method=get name=emailItem>"+
"<table bgcolor=#000000 cellpadding=1 width=300 cellspacing=0><tr><td bgcolor=#ffcc00 align=right><a href='JavaScript:closeWidget();'><img src=/_image/redx.GIF height=15 width=15 border=0></a></td></tr>"+
"<tr><td>"+
"<table bgcolor=#eeeeee width=100%>"+
"<tr><td>Item ID:</td><td><input type=text name=itemid readonly maxlength=40 value="+itemid+"></td></tr>"+
"<tr><td>Your Name:</td><td><input type=text name=NAME maxlength=40></td></tr>"+
"<tr><td>Email Address to send:</td><td><input type=text name=EMAIL maxlength=40></td></tr>"+
"<tr><td><input type=reset value=Cancel name=cancel onClick='JavaScript:closeWidget();'></td>"+
"<td><input type=submit name=submit onClick='JavaScript:ajaxEmailItem(\"/emailitem\");return false;' value='Send>>'></td></tr>"+
"</table></td></tr></table></form></div>";
return message;
}

function loginForm(thisItem){
closeWidget();
 var message ="<DIV STYLE=\"font-size:9pt;font-weight:normal;\"><form method=get action=/authenticate name=loginForm>"+
"<table bgcolor=#000000 cellpadding=1 width=300 cellspacing=0><tr><td bgcolor=#ffcc00 align=right>"+
"<a href='JavaScript:closeWidget();'><img src=/_image/redx.GIF hieght=16 width=16 border=0></a></td></tr>"+
"<tr><td>"+
"<table bgcolor=#eeeeee width=100%>"+
"<tr align=left><td colspan=2>Please Login to User this feature.</td></tr>"+
"<tr align=left><td>User Name:</td><td><input type=text name=USERID maxlength=40></td></tr>"+
"<tr align=left><td>Password:</td><td><input type=password name=PASSWORD maxlength=40></td></tr>"+
"<tr align=left><td><input type=reset value=Cancel name=cancel onClick='JavaScript:closeWidget();'></td>"+
"<td align=left><input type=submit name=submit  value='Login>>'></td></tr>"+
"<tr align=left><td>[ <a href=/register>register</a> ]</td><td>[ <a href=''  onClick='JavaScript:openForgotPWForm();return false;'>forgot password</a> ]</td></tr>"+
"</table></td></tr></table></form></div>";
return message;
}

function forgotPWForm(){
 var message ="<DIV STYLE=\"font-size:9pt;font-weight:normal;\"><form method=get action=''  name=PWForm>"+
"<table bgcolor=#000000 cellpadding=1 width=300 cellspacing=0><tr><td bgcolor=#ffcc00 align=right><a href='JavaScript:closeWidget();'><img src=/_image/redx.GIF height=15 width=15 border=0></a></td></tr>"+
"<tr><td>"+
"<table bgcolor=#eeeeee width=100%>"+
"<tr align=left><td>Enter your email (or) user id:</td><td><input type=text name=EMAIL maxlength=40></td></tr>"+
"<tr align=left><td><input type=reset value=Cancel name=cancel onClick='JavaScript:closeWidget();'></td>"+
"<td><input type=submit name=submit  onClick='JavaScript:ajaxEmailDetails();return false;' value='Send Me Login Details>>'></td></tr>"+
"</table></td></tr></table></form></div>";
return message;
}

function checkEmailAddress(x){
        return (x.indexOf(".") > 2) && (x.indexOf("@") >0 );
}

function ajaxEmailItem(thisItem){
var x = document.emailItem.EMAIL.value;
var y = document.emailItem.NAME.value;
var z = document.emailItem.itemid.value;
y = encodeURIComponent(y);
if (checkEmailAddress(x)){
        closeWidget();
        http4 = createRequestObject() ;
        if ( y.length < 1 ){
            http4.open('get',thisItem+"?itemid="+z+"&emailid="+x);
        } else {
            http4.open('get',thisItem+"?itemid="+z+"&emailid="+x+"&name="+y);
        }
	http4.onreadystatechange = handleResponse4;
	http4.send(null);   
} else {
    alert("Please enter a valid email address\n to send the item to..");
}
}

function getReportCommentHTML(itemid){
var message ="<DIV STYLE=\"font-size:9pt;font-weight:normal;\"><form method=get name=reportForm>"+
"<table bgcolor=#000000 cellpadding=1 cellspacing=0><tr><td bgcolor=#ffcc00 align=right><a href='JavaScript:closeWidget();'><img src=/_image/redx.GIF height=15 width=15 border=0></a></td></tr>"+
"<tr><td><table bgcolor=#eeeeee>"+
"<tr><td align=left><input type=radio name=type value=inappropriate CHECKED></td><td>inappropriate</td></tr>"+
"<tr><td><input type=reset value=Cancel name=cancel onClick='JavaScript:closeWidget();'></td>"+
"<td><input type=submit name=submit onClick='ajaxReport2(\"/report?item=COMMENT&action=REPORT&id="+itemid+"\");return false;' value='Report>>'></td></tr>"+
"</table></td></tr></table></form></div>";
return message;
}


function getReportItemHTML(itemid){
var message ="<DIV STYLE=\"font-size:9pt;font-weight:normal;\"><form method=get name=reportForm>"+
"<table bgcolor=#000000 cellpadding=1 cellspacing=0><tr><td bgcolor=#ffcc00 align=right><a href='JavaScript:closeWidget();'><img src=/_image/redx.GIF height=15 width=15 border=0></a></td></tr>"+
"<tr><td><table bgcolor=#eeeeee>"+
"<tr><td><input type=radio name=type value=inappropriate CHECKED></td><td>inappropriate</td></tr>"+
"<tr><td><input type=radio name=type value=duplicate></td><td>duplicate item</td></tr>"+
"<tr><td><input type=radio name=type value=not_working></td><td>link not working</td></tr>"+
"<tr><td><input type=reset value=Cancel name=cancel onClick='JavaScript:closeWidget();'></td>"+
"<td><input type=submit name=submit onClick='ajaxReport2(\"/report?item=ITEM&action=REPORT&id="+itemid+"\");return false;' value='Report>>'></td></tr>"+
"</table></td></tr></table></form></div>";
return message;
}

function ajaxEmailDetails(f){
  str = document.PWForm.EMAIL.value;
   if (  ((str.indexOf(".") > 2) && (str.indexOf("@") >0 )) ){
        http3 = createRequestObject();
	http3.open('get','/senduserdetails?EMAIL='+str);
        http3.onreadystatechange = handleResponse3;
	http3.send(null);
   } else if ( str.length > 3 ) {
        http3 = createRequestObject();
	http3.open('get','/senduserdetails?USERID='+str);
        http3.onreadystatechange = handleResponse3;
	http3.send(null);
   } else {
        var message = "Please Enter Valid userid (or) Email address..</div>";  
        alert(message); 
        return false;    
  }
  closeWidget();
}

function handleResponse3(){
	if(http3.readyState == 4) { 
            var response = http3.responseText;
           if ( response == 'EMAIL' ) {
         	   alert("Email Doesn not Exist. Please try again or - Register.");
           } else if ( response == 'USERID' ) {
         	   alert("USER ID Doesn not Exist. Please try again or - Register.");
           } else if (response == 'OK'){
                    alert("Email Sent.");
           } else {
                alert(response);
           }
	}
}

function handleResponse4(){
	if(http4.readyState == 4) { 
            var response = http4.responseText;
           if ( response == 'OK' ) {
         	   alert("Email Sent.");
           } else {
                alert(response);
           }
	}
}

function getReportReason(){
    var x = "REPORT";
    for ( var i=0;i<document.reportForm.type.length;i++){
        if ( document.reportForm.type[i].checked){
            x = document.reportForm.type[i].value;
        }
    }
    return x;
}
function ajaxReport2(thisItem){
       x = getReportReason();
       closeWidget();
        http2 = createRequestObject() ;
	http2.open('get',thisItem+"&reason="+x);
	http2.onreadystatechange = handleResponse2;
	http2.send(null);  
}
function handleResponse2(){
	if(http2.readyState == 4) {
            var response = http2.responseText; 
            if (response != "ERROR"){
                changeReport(response);
            }
           }
}
function changeReport(msg){
  var msg_array = msg.split("-");
  var itemtype = msg_array[0];
  var action = msg_array[1];
  var id = msg_array[2];
  var value = msg_array[3];
  var divId = itemtype+"-REPORT-"+id;
  if (getElement(divId)){   
          getElement(divId).innerHTML="";
          getElement(divId).innerHTML = " | report Sent";
          getElement(divId).style.zIndex = 99999;
          getElement(divId).visibility = "visible";
   }
}
//----------------------------------------------------------------------------------------
function ajaxHike(thisItem){
        http = createRequestObject() ;
	http.open('get',thisItem);
	http.onreadystatechange = handleResponse;
	http.send(null);        
}
function handleResponse(){
	if(http.readyState == 4) {
            var response = http.responseText; 
            if (response != "LOGIN" ){
                changeHike(response);
            }
        }
}
function changeHike(msg){
    var msg_array = msg.split("-");
    var itemtype = msg_array[0];
    var action = msg_array[1];
    var id = msg_array[2];
    var valueup = msg_array[3];
    var valuedn = msg_array[4];
    var divId = itemtype+"-"+id;
    if (getElement(divId)){   
        getElement(divId).innerHTML="";
        if (itemtype == "COMMENT"){
            getElement(divId).innerHTML = "<img src=_image/onstar.png border=0> "+valueup+" <img src=_image/t_dn_bw.jpg border=0> "+valuedn+" <BR>You opinion recorded";
         } else if (itemtype="ITEM"){
            getElement(divId).innerHTML ="<img src=/_image/onstar.png border=0 alt=Hike align=top> "+valueup;
         }
        getElement(divId).style.zIndex = 99999;
        getElement(divId).visibility = "visible";
    }
}
//---------------------------------------------------------------------------