// JScript File

var myRating = 0;

var mySelectedstrike = '../../images/rating/strike_selected.gif';
var myUnselectedstrike = '../../images/rating/strike_unselected.gif';
var mySelectedtick = '../../images/rating/tick_selected.gif';
var myUnselectedtick = '../../images/rating/tick_unselected.gif';
var myReportedArea = ''


function getReport(myReportedObject, myDivArea, myReportedObjectType){
    
    var myReportedComment = document.getElementById("report_comment_" + myDivArea); 
    var myRatingLevel = document.getElementById("rating_" + myDivArea );
    myReportedArea = myDivArea

    UseCallback_report(myRatingLevel.value + "|" + myReportedObject + "|" + myReportedObjectType + "|" + myReportedComment.value);
    
}

function GetReportFromServer(TotalStr, context){

                var myReportedsArea = document.getElementById(myReportedArea);   
                myReportedsArea.innerHTML = ""                 
                myReportedsArea.style.visibility = 'hidden'; 

}

function showReportedArea(myObject, myDivArea, myObjectType){

        var myReportedsArea = document.getElementById(myDivArea); 
        myReportedsArea.style.visibility = 'visible'; 
                      
        if  (myReportedsArea.style.display == "inline"){

                myReportedsArea.style.display = 'none';

        }
        else
        {
       
               myDiv = myDivArea
               myReportedObject = myObject;
               myReportedObjectType = myObjectType;
               myReportedArea =  myDiv;
               myReportedsArea.innerHTML = "" 
               myReportedsArea.style.display = 'inline';
               var myEditString = "<table border='0' bgcolor='white' cellpadding='0' cellspacing='5' width='200' align='center'><tr><td align='left'>";
               myEditString = myEditString + "<p class='edit_details'>Report this content...&nbsp;<a href='javascript:getHelp(&quot;report&quot;);' ><span style='font-weight:normal; font-size:7pt'>[&nbsp;?&nbsp;]</span></a></p>"
               myEditString = myEditString + "<p class='edit_details'><img src='../../images/rating/tick_selected.gif' id='tick_1_" + myDiv +"' onMouseover='SwitchImg(this, &quot;" + myDiv + "&quot;)' /><img src='../../images/rating/strike_unselected.gif' id='strike_1_" + myDiv +"' onMouseover='SwitchImg(this, &quot;" + myDiv + "&quot;)' /><img src='../../images/rating/strike_selected.gif' id='strike_2_" + myDiv +"' onMouseover='SwitchImg(this, &quot;" + myDiv + "&quot;)' /><img src='../../images/rating/strike_selected.gif'  id='strike_3_" + myDiv +"' onMouseover='SwitchImg(this, &quot;" + myDiv + "&quot;)'/><img src='../../images/rating/strike_selected.gif' id='strike_4_" + myDiv +"' onMouseover='SwitchImg(this, &quot;" + myDiv + "&quot;)' /><img src='../../images/rating/strike_selected.gif' id='strike_5_" + myDiv +"' onMouseover='SwitchImg(this, &quot;" + myDiv + "&quot;)' /></p><div id='level_word_" + myDiv +"'><p class='edit_details'>ok...</p></div>"
               myEditString = myEditString + "<p class='edit_details'><textarea id='report_comment_" + myDiv +"' type='text'  cols='50' rows='3' class='box_one' onClick='clearReportComment(&quot;" + myDiv + "&quot;);'>please briefly indicate your reasons for reporting...</textarea>&nbsp;</p>"
               myEditString = myEditString + "<p class='edit_details'><a href='javascript:getReport(&quot;" + myObject + "&quot;,&quot;" + myDiv + "&quot;,&quot;" + myObjectType + "&quot;);'>send report</a><input id='rating_" + myDiv + "' type='hidden' /></p>"; 
               myEditString = myEditString + "</td></tr></table>";   
               myReportedsArea.innerHTML = myEditString
               document.images["strike_1_" + myDiv].src = mySelectedstrike;
               document.images["strike_2_" + myDiv].src = myUnselectedstrike;
               document.images["strike_3_" + myDiv].src = myUnselectedstrike;
               document.images["strike_4_" + myDiv].src = myUnselectedstrike;
               document.images["strike_5_" + myDiv].src = myUnselectedstrike;    
                               
        }

                            
}

function SwitchImg(obj, myDiv){

   // alert(obj.id);

    var myLevelWord = document.getElementById("level_word_" + myDiv); 
   
    var myRatingLevel = document.getElementById("rating_" + myDiv );

    switch (obj.id){
   
        case "tick_1_" + myDiv: 

               myLevelWord.innerHTML = "<p class='edit_details'>ok, but...</p>"
               document.images["tick_1_" + myDiv].src = mySelectedtick;
               document.images["strike_1_" + myDiv].src = myUnselectedstrike;
               document.images["strike_2_" + myDiv].src = myUnselectedstrike;
               document.images["strike_3_" + myDiv].src = myUnselectedstrike;
               document.images["strike_4_" + myDiv].src = myUnselectedstrike;
               document.images["strike_5_" + myDiv].src = myUnselectedstrike;
               myRatingLevel.value = 0;
               break; 
                
        case "strike_1_" + myDiv: 

               myLevelWord.innerHTML = "<p class='edit_details'>questionable</p>"
               document.images["tick_1_" + myDiv].src = myUnselectedtick;
               document.images["strike_1_" + myDiv].src = mySelectedstrike;
               document.images["strike_2_" + myDiv].src = myUnselectedstrike;
               document.images["strike_3_" + myDiv].src = myUnselectedstrike;
               document.images["strike_4_" + myDiv].src = myUnselectedstrike;
               document.images["strike_5_" + myDiv].src = myUnselectedstrike;
               myRatingLevel.value = 1;
               break; 
          
        case "strike_2_" + myDiv: 

               myLevelWord.innerHTML = "<p class='edit_details'>very questionable</p>"
               document.images["tick_1_" + myDiv].src = myUnselectedtick;
               document.images["strike_1_" + myDiv].src = mySelectedstrike;
               document.images["strike_2_" + myDiv].src = mySelectedstrike;
               document.images["strike_3_" + myDiv].src = myUnselectedstrike;
               document.images["strike_4_" + myDiv].src = myUnselectedstrike;
               document.images["strike_5_" + myDiv].src = myUnselectedstrike;
               myRatingLevel.value = 2;
                
               break;                            
                      
        case "strike_3_" + myDiv: 

               myLevelWord.innerHTML = "<p class='edit_details'>inappropriate</p>"
               document.images["tick_1_" + myDiv].src = myUnselectedtick;
               document.images["strike_1_" + myDiv].src = mySelectedstrike;
               document.images["strike_2_" + myDiv].src = mySelectedstrike;
               document.images["strike_3_" + myDiv].src = mySelectedstrike;
               document.images["strike_4_" + myDiv].src = myUnselectedstrike;
               document.images["strike_5_" + myDiv].src = myUnselectedstrike;
               myRatingLevel.value = 3;
                
               break;        
                
        case "strike_4_" + myDiv: 

               myLevelWord.innerHTML = "<p class='edit_details'>extremely inappropriate</p>"
               document.images["tick_1_" + myDiv].src = myUnselectedtick;
               document.images["strike_1_" + myDiv].src = mySelectedstrike;
               document.images["strike_2_" + myDiv].src = mySelectedstrike;
               document.images["strike_3_" + myDiv].src = mySelectedstrike;
               document.images["strike_4_" + myDiv].src = mySelectedstrike;
               document.images["strike_5_" + myDiv].src = myUnselectedstrike;
               myRatingLevel.value = 4;
                
               break;                  
        case "strike_5_" + myDiv: 

               myLevelWord.innerHTML = "<p class='edit_details'>offensive</p>"
               document.images["tick_1_" + myDiv].src = myUnselectedtick;
               document.images["strike_1_" + myDiv].src = mySelectedstrike;
               document.images["strike_2_" + myDiv].src = mySelectedstrike;
               document.images["strike_3_" + myDiv].src = mySelectedstrike;
               document.images["strike_4_" + myDiv].src = mySelectedstrike;
               document.images["strike_5_" + myDiv].src = mySelectedstrike;
               myRatingLevel.value = 5;
                
               break;                                            
      } 


}

function clearReportComment(myDiv){

            var myCommentText = document.getElementById("report_comment_" + myDiv); 

            if (myCommentText.innerHTML == "please briefly indicate your reasons for reporting..."){

                myCommentText.innerHTML = ""
                
            }

}