/* ===================================================
*                   CENTER DIV ON PAGE
=====================================================*/

function position_div_viewport(divRef,width,height){

  var viewportX=document.documentElement.clientWidth;
  var viewportY=document.documentElement.clientHeight;

  divRef.style.top=document.documentElement.scrollTop+(viewportY/2)-(height/2)+'px';
  divRef.style.left=document.documentElement.scrollLeft+(viewportX/2)-(width/2)+'px';
}//end function position_div_viewport




/* ===================================================
*                   HOVER ROW
=====================================================*/

function hover_row(){

  // ============================ get reference to stats_table

   var tablesRef=document.getElementsByTagName('table');

   for(var i=0, no_tables=tablesRef.length;i<no_tables;i++){


    if(tablesRef[i].className=='stats_table'){

     // ============================ add class hover_row to tr elements

       trsRef=tablesRef[i].getElementsByTagName('tr');


       for(var i=0, no_trs=trsRef.length;i<no_trs;i++){

            trsRef[i].onmouseover=function(){
                this.className=this.className+' hover_row';
             }

             trsRef[i].onmouseout=function(){
                this.className=this.className.replace(' hover_row', '');
             }

       }//end for
    }
   }//end for



}//end function hover_row


if(window.attachEvent){
    window.attachEvent('onload',hover_row);
}

/*function getPageDimensions(){

var pageDims=new Object();

    var my_width  = 0;
    var my_height = 0;

    if ( typeof( window.innerWidth ) == 'number' ){
        my_width  = window.innerWidth;
        my_height = window.innerHeight;
    }else if ( document.documentElement &&
             ( document.documentElement.clientWidth ||
               document.documentElement.clientHeight ) ){
        my_width  = document.documentElement.clientWidth;
        my_height = document.documentElement.clientHeight;
    }
    else if ( document.body &&
            ( document.body.clientWidth || document.body.clientHeight ) ){
        my_width  = document.body.clientWidth;
        my_height = document.body.clientHeight;
    }


    var scrollY = 0;

    if ( document.documentElement && document.documentElement.scrollTop ){
        scrollY = document.documentElement.scrollTop;
    }else if ( document.body && document.body.scrollTop ){
        scrollY = document.body.scrollTop;
    }else if ( window.pageYOffset ){
        scrollY = window.pageYOffset;
    }else if ( window.scrollY ){
        scrollY = window.scrollY;
    }

    pageDims['width'] =  my_width;
    //pageDims['height'] = my_height + scrollY;

    pageDims['height'] = my_height;

return pageDims;
}//end function function getPageDimensions  */


function getPageDimensions(){
  var pageDims=new Object();


  var scrollH = document.documentElement.scrollHeight;
  var scrollW = document.documentElement.scrollWidth;

  var clientW=document.documentElement.clientWidth;
  var clientH=document.documentElement.clientHeight;

  var offsetW=document.getElementsByTagName('body')[0].offsetWidth;
  var offsetH=document.getElementsByTagName('body')[0].offsetHeight;


  //set height
  if (scrollH >= clientH) {
  	pageDims['height'] = scrollH;
  }
  else if(scrollH < clientH){
    pageDims['height'] = clientH;
  }
  else if(scrollH>=offsetH){
  	pageDims['height'] = scrollH;
  }
  else {
  	pageDims['height'] = offsetH;
  }


  //set width
  if (scrollW >= clientW) {
  	pageDims['width'] = scrollW ;
  }
  else if(scrollW < clientW){
     pageDims['width'] = clientW ;
  }
  else if(scrollW>=offsetW){
    pageDims['width'] = scrollW;
  }
  else {
  	pageDims['width'] = offsetW;
  }


return pageDims;
}//end function function getPageDimensions



/* ===================================================
*                  DETAILS DIV
=====================================================*/

function show_details(htmlContent,width, height){

  // ============================ add transparet background

  var dropSheet=document.createElement('div');
  dropSheet.id='dropSheet';
  dropSheet.style.position='absolute';
  dropSheet.style.top='0px';
  dropSheet.style.left='0px';

  dropSheetDims=getPageDimensions();

  dropSheet.style.width=dropSheetDims.width+'px';
  dropSheet.style.height=dropSheetDims.height+'px';

  document.body.appendChild(dropSheet);


  // ============================ create div

  divRef=document.createElement('div');

  //set attributes
  divRef.id="details";
  divRef.style.width=width+'px';
  divRef.style.height=height+'px';

  document.body.appendChild(divRef);
  divRef.innerHTML='<a href="#" onclick="close_div(this)" id="close">close<\/a>';
  divRef.innerHTML+=htmlContent;

  position_div_viewport(divRef,width, height+20);


}//end function show_details



function close_div(aRef){
     aRef.parentNode.parentNode.removeChild(aRef.parentNode);

     //remove transparent div
     document.body.removeChild(document.getElementById('dropSheet'));
}//end function close_div




/* ===================================================
*                  LOADING DIV
=====================================================*/


function show_loading_div(img_src,css_src){

  iframeRef=document.createElement('iframe');
  iframeRef.id='iframe_container';
  iframeRef.setAttribute("border", "0");
  iframeRef.setAttribute("frameBorder", "0");

  document.body.appendChild(iframeRef);

  //center iframe
  position_div_viewport(iframeRef,250,500);


  if (iframeRef.contentDocument) {
   	 //w3c
     iframeDoc = iframeRef.contentDocument;
  }
  else if (iframeRef.contentWindow) {
    // For IE5.5 and IE6
    iframeDoc = iframeRef.contentWindow.document;
  }

  iframeDoc.write('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">');
  iframeDoc.write('<html>');
  iframeDoc.write('<head>');
  iframeDoc.write('<title>Please Wait<\/title>');
  iframeDoc.write('<link type="text/css" rel="stylesheet" href="'+css_src+'iframe.css" \/>');
  iframeDoc.write('<\/head>');
  iframeDoc.write('<body>');
  iframeDoc.write('<div id="loader">');
  iframeDoc.write('Please wait ...<br \/>');
  iframeDoc.write('<img src="'+img_src+'loading.gif" \/>');
  iframeDoc.write('<\/div>');
  iframeDoc.write('</body>');
  iframeDoc.write('</html>');

  var dropSheet=document.createElement('div');
  dropSheet.id='dropSheet';
  dropSheet.style.position='absolute';
  dropSheet.style.top='0px';
  dropSheet.style.left='0px';

  dropSheetDims=getPageDimensions();

  dropSheet.style.width=dropSheetDims.width+'px';
  dropSheet.style.height=dropSheetDims.height+'px';

  document.body.appendChild(dropSheet);

  if(document.getElementById('information_rEdit')){
  // Update textarea content
   if(document.all){
   document.getElementById('information').value=document.getElementById('information_rEdit').contentWindow.document.body.innerHTML;
   }
   else{
     document.getElementById('information').value=document.getElementById('information_rEdit').contentDocument.getElementsByTagName('body')[0].innerHTML;
   }
  }//end if iframe


  document.getElementsByTagName('form')[0].submit();


}//end function show_loading_div


function play_audio_file(mp3_path,mp3_name){

	fereastra=newwin.open("", "newwin", "width=300,height=140,toolbar=no,menubar=no, scrollbars=yes");
	fereastra.document.write("<html>");
	fereastra.document.write("<head>");
	fereastra.document.write("<title>"+mp3_name+"<\/title>");
	fereastra.document.write("<\/head>");
	fereastra.document.write('<body style="text-align:left;background-color:#fff;font:11px Verdana, Arial, Helvetica, sans-serif;color:#3b3b84;overflow:auto;">');
	fereastra.document.write('<strong>'+mp3_name+':<\/strong><br><br>');
	fereastra.document.write('<object width="250" height="42">');
	fereastra.document.write('<param name="src" value="'+mp3_path+'">');
	fereastra.document.write('<param name="autoplay" value="true">');
	fereastra.document.write('<param name="controller" value="true">');
	fereastra.document.write('<embed src="'+mp3_path+'" autostart="true" loop="false" width="250" height="42" controller="true"><\/embed>');
	fereastra.document.write('<\/object>');
	fereastra.document.write("<\/body>");
	fereastra.document.write("<\/html>");

}//end function play_audio_file


