function moveToPrevious(ImageCount)
{
  
  
  if(currentPos-ImageWidth >= 0)
  {
      new Effect.Move('imageBoxInside', { x: ImageWidth, y: 0, transition: Effect.Transitions.sinoidal });
      currentPos -= ImageWidth;
   }
}  

function moveToNext(ImageCount)
{
   
  MaxPos = (ImageCount-3) * ImageWidth;
  
  if(currentPos + ImageWidth <= MaxPos)
  {
 
   new Effect.Move('imageBoxInside', { x: ImageWidth * -1, y: 0, transition: Effect.Transitions.sinoidal });
   
  currentPos += ImageWidth;
  }
}

function createPopUp(popUpCode) 
{ 
   var div = document.createElement('div'); 
   div.innerHTML = popUpCode; 
   document.body.appendChild(div.firstChild); 
}



function PlayVideo(locationId, videoId, leftOffSet, topOffSet, Media_Language_Link_ID)
{

//alert("getXMLHttp");

  var xmlHttp = getXMLHttp();
  //alert("after getXMLHttp");
  xmlHttp.open("GET", "TrackVideo.php?a=p&mid="+Media_Language_Link_ID, true);
  //alert("after get getXMLHttp");
  xmlHttp.send(null);
   
   var div = document.createElement('div');  
   
   var innerHTML  = "";


   var locationEl = document.getElementById(locationId);
   var left = getElementLeftPosition(locationEl);
   var top = getElementTopPosition(locationEl);

     
   left = left + leftOffSet;   
   top = top + topOffSet;
     
   left = left + 'px';
   top = top + 'px';

   
   innerHTML = ""; 
   innerHTML +='<div class="popUp" id="popUp" style="top: ' + top + '; left: ' + left + ';">';
   innerHTML +='      <div class="PopupHorizontal">';
   innerHTML +='        <div class="popUpTopLeft">&nbsp</div>';
   innerHTML +='         <div class="PopupHorizontalMiddle">&nbsp</div>';
   innerHTML +='         <div class="popUpTopRight" onclick="CloseVideo(' + Media_Language_Link_ID + ');">&nbsp</div>';
   innerHTML +='     </div>';
   innerHTML +='     <div class="PopupContent">';
   innerHTML +='        <iframe width="90%"  align="center" SCROLLING="no"  height="100%"  src="PlayVideo.php?VidID=' + videoId + '"></iframe><br>';
   innerHTML +='     </div>';
   innerHTML +='     <div class="PopupHorizontal">';
   innerHTML +='           <div class="popUpBottomLeft">&nbsp</div>';
   innerHTML +='           <div class="PopupHorizontalMiddle">&nbsp</div>';
   innerHTML +='           <div class="popUpBottomRight">&nbsp</div>';
   innerHTML +='        </div>';
   innerHTML +='</div>';  
   

   div.innerHTML = innerHTML;
   
   document.body.appendChild(div.firstChild); 
   
}


function CloseVideo(Media_Language_Link_ID)
{
   
   document.getElementById('popUp').parentNode.removeChild(document.getElementById('popUp'));
   var xmlHttp = getXMLHttp();
   xmlHttp.open("GET", "TrackVideo.php?a=c&mid="+Media_Language_Link_ID, true);
   xmlHttp.send(null);
}

function getXMLHttp()
{
  var xmlHttp

  try
  {
    //Firefox, Opera 8.0+, Safari
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    //Internet Explorer
    try
    {
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e)
    {
      try
      {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(e)
      {
        alert("Your browser does not support AJAX!")
        return false;
      }
    }
  }
  return xmlHttp;
}


function PlayerMuteToggle(id)
{
  
    flashPlayer= document.getElementById('FlashPlayer');
    flashPlayer.StopPlay();
   
//      var RenderFlag = false;
//      if(player == null) 
//         RenderFlag = true;
//      else if(player.controls == undefined)
//         RenderFlag = true;
//      
//  if(RenderFlag == true)
//  {
//     // document.getElementById("PlayerContainer").innerHTML
//     
//     document.getElementById("PlayerContainer").innerHTML = '<div style="width:100%; height:100%" onclick="LoadWMP();">&nbsp;</div>';
//    PlayWMVVideo('PlayerContainer', "/Media/Portfolio-Large.wmv", 0,-150,-1);
//  }
//  else
//  {
//     player.controls.stop();
//     PlayWMVVideo('MediaPlayer', "/Media/Portfolio-Large.wmv", 250,-150,-1);
//  }
  
  PlayWMVVideo('FlashPlayer', "/Media/Portfolio-Large.wmv", 250,-150,16);
 
   
//   var status = document.getElementById('MediaPlayer').Settings.Mute;
//   
//   if(status == true) 
//      status = false; 
//   else 
//      status = true;
//      
//   document.getElementById('MediaPlayer').Settings.Mute = status;
   
}


function LoadWMP(ffMode)
{
   if (-1 != navigator.userAgent.indexOf("MSIE")) 
   {
   
      document.getElementById("PlayerContainer").innerHTML = '<object id="MediaPlayer" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" style="width:225px;height:170px;" ><param name="autoStart" value="true"/><param name="UImode" value="mini"/><param name="stretchtofit" value="true"/><param name="volume" value="100"/><param name="Url" value="Media/Portfolio-Small.wmv"/><param name="windowlessVideo" value="true"/></object>';
   }
   
   else if (-1 != navigator.userAgent.indexOf("Firefox")) {
      
     var innerHTML = "";
     
     player= document.getElementById('MediaPlayer');
   
      var RenderFlag = false;
      if(player == null) 
         RenderFlag = true;
      else if(player.controls == undefined)
         RenderFlag = true;
      
      if(RenderFlag == true)
      {
         innerHTML += '<object id="MediaPlayer" width=225 height=170 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6." standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">';
         innerHTML += '   <param name="filename" value="Media/GraphicPortfolio.wmv">';
         innerHTML += '   <param name="Showcontrols" value="True">';
         innerHTML += '   <param name="autoStart" value="true">';
         innerHTML += '   <PARAM NAME="SendPlayStateChangeEvents" VALUE="True">';
         innerHTML += '   <PARAM name="uiMode" value="mini">';
         innerHTML += '   <PARAM name="PlayCount" value="9999">';
         innerHTML += '   <embed  type="application/x-mplayer2" src="Media/GraphicPortfolio.wmv" name="MediaPlayer" width=225 height=170  stretchToFit="1" ></embed>';
         innerHTML += '</object>';
         
         document.getElementById("PlayerContainer").innerHTML = innerHTML;
      }   
   
   }

}


function LoadWMPPopup()
{
   
   
   if (-1 != navigator.userAgent.indexOf("MSIE")) {
   
   document.getElementById("PopupPlayerContainer").innerHTML = '<object id="MediaPlayer" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" style="width:485px;height:375px;" ><param name="autoStart" value="true"/><param name="UImode" value="none"/><param name="stretchtofit" value="true"/><param name="volume" value="100"/><param name="Url" value="Media/Portfolio-Large.wmv"/><param name="windowlessVideo" value="true"/></object>';
   }
   else if (-1 != navigator.userAgent.indexOf("Firefox")) {
      
     var innerHTML = "";
     
     player= document.getElementById('PopupMediaPlayer');
  
      if(player.controls == undefined)
      {
         innerHTML += '<object id="MediaPlayer" width=485 height=375 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6." standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">';
         innerHTML += '   <param name="filename" value="/Media/Portfolio-Large.wmv">';
         innerHTML += '   <param name="Showcontrols" value="false">';
         innerHTML += '   <param name="autoStart" value="true">';
         innerHTML += '   <PARAM NAME="SendPlayStateChangeEvents" VALUE="True">';
         innerHTML += '   <PARAM name="uiMode" value="none">';
         innerHTML += '   <PARAM name="PlayCount" value="1">';
         innerHTML += '   <embed  type="application/x-mplayer2" src="/Media/Portfolio-Large.wmv" name="MediaPlayer" width=485 height=375  stretchToFit="1" ShowControls=0 ShowStatusBar=0 AutoStart=1 AutoRewind=0 ShowDisplay=0></embed>';
         innerHTML += '</object>';
         
         document.getElementById("PopupPlayerContainer").innerHTML = innerHTML;
      }   
      
      
//     <object id="MediaPlayer" width=485 height=375 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6." standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
//      
//             <param name="filename" value="Media/Portfolio-Large.wmv">
//            <param name="autostart" value="true" />
//            <param name="stretchtofit" value="true"/>
//            <param name="volume" value="100" />
//            <param name="uiMode" value="none" />
//   	      <PARAM name="PlayCount" value="9999">
//            <embed  type="application/x-mplayer2" src="Media/Portfolio-Large.wmv" name="MediaPlayer" width=485 height=400  stretchToFit="1" uiMode="none"></embed>
//      
//      </object> 

      
   
   }
   
   
}




function PlayWMVVideo(locationId, videoId, leftOffSet, topOffSet, Media_Language_Link_ID)
{


  var xmlHttp = getXMLHttp();
  xmlHttp.open("GET", "TrackVideo.php?a=p&mid="+Media_Language_Link_ID, true);
  xmlHttp.send(null);


   var div = document.createElement('div');  
   
   var innerHTML  = "";


   var locationEl = document.getElementById(locationId);
   var left = getElementLeftPosition(locationEl);
   var top = getElementTopPosition(locationEl);

     
   left = left + leftOffSet;   
   top = top + topOffSet;
     
   left = left + 'px';
   top = top + 'px';
  
   
   innerHTML = ""; 
   innerHTML +='<div class="popUp" id="popUp" style="top: ' + top + '; left: ' + left + ';">';
   innerHTML +='      <div class="PopupHorizontal">';
   innerHTML +='        <div class="popUpTopLeft">&nbsp</div>';
   innerHTML +='         <div class="PopupHorizontalMiddle">&nbsp</div>';
   innerHTML +='         <div class="popUpTopRight" onclick="CloseVideo(' + Media_Language_Link_ID + ');">&nbsp</div>';
   innerHTML +='     </div>';
   innerHTML +='     <div class="PopupContent">';
   innerHTML +='        <iframe width="90%"  align="center" SCROLLING="no"  height="100%"  src="Media/PlayWMVVideo.php?VidID=' + videoId + '"></iframe><br>';
   innerHTML +='     </div>';
   innerHTML +='     <div class="PopupHorizontal">';
   innerHTML +='           <div class="popUpBottomLeft">&nbsp</div>';
   innerHTML +='           <div class="PopupHorizontalMiddle">&nbsp</div>';
   innerHTML +='           <div class="popUpBottomRight">&nbsp</div>';
   innerHTML +='        </div>';
   innerHTML +='</div>';  
   

   div.innerHTML = innerHTML;
   
   document.body.appendChild(div.firstChild); 
   
}