var vplayerstate = 0;

function listenvplaystate(obj) {

  if(obj['newstate'] == "PLAYING") {
    vplayerstate = 1;
  } else {
    vplayerstate = 0;
  }
}

function playerReady(obj) {
  var vplayerobjt = document.getElementById("ply");
  vplayerobjt.addModelListener("STATE","listenvplaystate");
}


function medianavTab(tabname,has360) {
  var vplayerobj = document.getElementById("ply");
  var videoobj = document.getElementById("mpnvideo");
  if(has360 == "true") var a360obj = document.getElementById("mpn360");
  var zoomobj = document.getElementById("mpnzoom");
  var marker = document.getElementById("mpnmarker");
  var vpobj = document.getElementById("videoplayer");
  var ivobj = document.getElementById("imageviewer");
  var rotobj = document.getElementById("viewer360");
  
  var class_video_off = "video_link_off";
  var class_video_on = "video_link_on";
  var class_zoom_off = "zoom_link_off";
  var class_zoom_on = "zoom_link_on";
  var video_marker = "video_link_marker";
  var zoom_marker = "zoom_link_marker";


  if(has360 == "false") {
    class_video_off = "no360_video_link_off";
    class_video_on = "no360_video_link_on";
    class_zoom_off = "no360_zoom_link_off";
    class_zoom_on = "no360_zoom_link_on";
    video_marker = "no360_video_link_marker";
    zoom_marker = "no360_zoom_link_marker";
  }
  
  if(tabname == "zoom") {
    videoobj.className = class_video_off;
    if(has360 == "true") a360obj.className = "a360_link_off";
    zoomobj.className = class_zoom_on;
    marker.className = zoom_marker;
    
    videoobj.style.zIndex = 1;
    if(has360 == "true") a360obj.style.zIndex = 2;
    zoomobj.style.zIndex = 3;
    
    vpobj.style.visibility = "hidden";
    ivobj.style.visibility = "visible";
    if(has360 == "true") rotobj.style.visibility = "hidden";
    if(vplayerstate == 1) vplayerobj.sendEvent("PLAY");
  } else if(tabname == "360") {
    videoobj.className = class_video_off;
    if(has360 == "true") a360obj.className = "a360_link_on";
    zoomobj.className = class_zoom_off;
    marker.className = "a360_link_marker";

    videoobj.style.zIndex = 4;
    zoomobj.style.zIndex = 5;    
    if(has360 == "true") a360obj.style.zIndex = 6;

    vpobj.style.visibility = "hidden";
    ivobj.style.visibility = "hidden";
    if(has360 == "true") rotobj.style.visibility = "visible";
    if(vplayerstate == 1) vplayerobj.sendEvent("PLAY");
  } else {
    videoobj.className = class_video_on;
    if(has360 == "true") a360obj.className = "a360_link_off";
    zoomobj.className = class_zoom_off;
    marker.className = video_marker;

    if(has360 == "true") a360obj.style.zIndex = 7;
    zoomobj.style.zIndex = 8;
    videoobj.style.zIndex = 9;
    
    vpobj.style.visibility = "visible";
    ivobj.style.visibility = "hidden";
    if(has360 == "true") rotobj.style.visibility = "hidden";
  }
  marker.style.zIndex = 1;
}

function warrantynavTab(tabname) {
  var warrantyobj = document.getElementById("wnwarranty");
  var serviceobj = document.getElementById("wnservice");
  var partsobj = document.getElementById("wnparts");
  var marker = document.getElementById("wnmarker");
  var warobj = document.getElementById("wnwarrantyc");
  var servobj = document.getElementById("wnservicec");
  var ptobj = document.getElementById("wnpartsc");
  
  if(tabname == "warranty") {
    warrantyobj.className = "wn_warranty_link_on";
    serviceobj.className = "wn_service_link_off";
    partsobj.className = "wn_parts_link_off";
    warobj.style.display = "block";
    servobj.style.display = "none";
    ptobj.style.display = "none";
    marker.className = "wn_warranty_link_marker";
  } else if(tabname == "service") {
    warrantyobj.className = "wn_warranty_link_off";
    serviceobj.className = "wn_service_link_on";
    partsobj.className = "wn_parts_link_off";
    warobj.style.display = "none";
    servobj.style.display = "block";
    ptobj.style.display = "none";
    marker.className = "wn_service_link_marker";  
  } else {
    warrantyobj.className = "wn_warranty_link_off";
    serviceobj.className = "wn_service_link_off";
    partsobj.className = "wn_parts_link_on";
    warobj.style.display = "none";
    servobj.style.display = "none";
    ptobj.style.display = "block";
    marker.className = "wn_parts_link_marker"; 
  }
  marker.style.zIndex = 1;
}