$j = jQuery.noConflict();

function changeImage1(flag)
{
  var selectedImage;
  var a1 = document.getElementById('videotutor2').style.display;
  var b1 = document.getElementById('videotutor3').style.display;
  var c1 = document.getElementById('videotutor4').style.display;
  var d1 = document.getElementById('videotutor5').style.display;

  if(a1=="" || a1=="block")
      selectedImage = "videotutor2";
  else if(b1=="" || b1=="block")
      selectedImage = "videotutor3";
  else if(c1=="" || c1=="block")
      selectedImage = "videotutor4";
  else if(d1=="" || d1=="block")
      selectedImage = "videotutor5";

  
  if(selectedImage == "videotutor2")
  {
      if(flag == "nextimage" || flag=='two1' || flag=='view_install' )
    {     
      $j('#videotutor2').hide();
      $j('#videotutor3').show();
      $j('#videotutor4').hide();
      $j('#videotutor5').hide();
      $j('#one1').css('color','#578E5F');
      $j('#two1').css('color','#578E5F');
      $j("#nextimage").attr({src : "../../images/arrow_next.gif"});
      $j("#previmage").attr({src : "../../images/arrow_previous.gif"});     
      $j(".player").css('background-color','');
      $j(".player1").css('background-color','#ffffcc');
      $j("#SignUp").css('background-color','');
      $j("#Install").css('background-color','#ffffcc');
      $j("#UploadH").css('background-color','');
      $j("#UploadHH").css('background-color','');
      $j('.signup_tutor1').hide();
      $j('.signup_tutor2').show();
      $j('.signup_tutor3').hide();
      $j('.signup_tutor4').hide();
      $j('#TutorialsTitle').attr("innerHTML","Install h! browser utility");       
      $j('.tutor1').hide();$j('.tutor3').hide();$j('.tutor4').hide(); $j('.tutor2').show();  
      $j('#one1').css('cursor','pointer');
      $j("#previmage").css('cursor','pointer');
    }       
  }
  if(selectedImage == "videotutor3" )
  {
     if(flag == "nextimage" || flag=='two1' || flag=='view_toolbar' )
    {
       $j('#videotutor2').hide();
      $j('#videotutor3').hide();
      $j('#videotutor4').show();
      $j('#videotutor5').hide();
      $j('#one1').css('color','#578E5F');
      $j('#two1').css('color','#578E5F');
      $j("#nextimage").attr({src : "../../images/arrow_next.gif"});
      $j("#previmage").attr({src : "../../images/arrow_previous.gif"});     
      $j(".player").css('background-color','');
      $j(".player1").css('background-color','');
      $j(".player2").css('background-color','#ffffcc');
      $j("#SignUp").css('background-color','');
      $j("#Install").css('background-color','');
      $j("#UploadH").css('background-color','#ffffcc');
      $j("#UploadHH").css('background-color','');
      $j('#TutorialsTitle').attr("innerHTML","Using h! Toolbar");
      $j('.tutor1').hide();$j('.tutor3').show();$j('.tutor4').hide(); $j('.tutor2').hide();  
      $j('.signup_tutor1').hide();
      $j('.signup_tutor2').hide();
      $j('.signup_tutor3').show();
      $j('.signup_tutor4').hide();
    }
    else if(flag == "previmage" || flag=='one1' )
    {
       $j('#videotutor2').show();
      $j('#videotutor3').hide();
      $j('#videotutor4').hide();
      $j('#videotutor5').hide();
      $j('#one1').css('color','');
      $j('#two1').css('color','#578E5F');
      $j("#nextimage").attr({src : "../../images/arrow_next.gif"});
      $j("#previmage").attr({src : "../../images/arrow_previous1.gif"});      
      $j(".player").css('background-color','#ffffcc');
      $j(".player1").css('background-color','');
      $j("#SignUp").css('background-color','#ffffcc');
      $j("#Install").css('background-color','');
      $j("#UploadH").css('background-color','');
      $j("#UploadHH").css('background-color','');
      $j('#TutorialsTitle').attr("innerHTML","h! Sign Up");
      $j('.tutor1').show();$j('.tutor3').hide();$j('.tutor4').hide(); $j('.tutor2').hide();    
      $j('.signup_tutor1').show();
      $j('.signup_tutor2').hide();
      $j('.signup_tutor3').hide();
      $j('.signup_tutor4').hide();        
    }   
    }
    if(selectedImage == "videotutor4")
  {
     if(flag == "nextimage" || flag=='two1' || flag=='view_upload' )
    {
      $j('#videotutor2').hide();
      $j('#videotutor3').hide();
      $j('#videotutor4').hide();
      $j('#videotutor5').show();
      $j('#one1').css('color','#578E5F');
      $j('#two1').css('color','');
      $j("#nextimage").attr({src : "../../images/arrow_next1.gif"});
      $j("#previmage").attr({src : "../../images/arrow_previous.gif"});     
      $j(".player").css('background-color','');
      $j(".player1").css('background-color','');
      $j(".player2").css('background-color','');
      $j(".player3").css('background-color','#ffffcc');
      $j("#SignUp").css('background-color','');
      $j("#Install").css('background-color','');
      $j("#UploadH").css('background-color','');
      $j("#UploadHH").css('background-color','#ffffcc');
      $j('#TutorialsTitle').attr("innerHTML","Upload using h! toolbar");
      $j('.signup_tutor1').hide();
      $j('.signup_tutor2').hide();
      $j('.signup_tutor3').hide();
      $j('.signup_tutor4').show();
      $j('.tutor1').hide();$j('.tutor3').hide();$j('.tutor4').show(); $j('.tutor2').hide();  
      $j('#one1').css('cursor','pointer');
      $j('#two1').css('cursor','default');
      $j("#nextimage").css('cursor','default');
      $j("#previmage").css('cursor','pointer');   
    }
    else if(flag == "previmage" || flag=='one1' )
    {
      $j('#videotutor2').hide();
      $j('#videotutor3').show();
      $j('#videotutor4').hide();
      $j('#videotutor5').hide();
      $j('#one1').css('color','#578E5F');
      $j('#two1').css('color','#578E5F');
      $j("#nextimage").attr({src : "../../images/arrow_next.gif"});
      $j("#previmage").attr({src : "../../images/arrow_previous.gif"});     
      $j(".player").css('background-color','');
      $j(".player1").css('background-color','#ffffcc');
      $j(".player2").css('background-color','');
      $j(".player3").css('background-color','');
      $j("#SignUp").css('background-color','');
      $j("#Install").css('background-color','#ffffcc');
      $j("#UploadH").css('background-color','');
      $j("#UploadHH").css('background-color','');
      $j('#TutorialsTitle').attr("innerHTML","Install h! browser utility");
      $j('.tutor1').hide();$j('.tutor3').hide();$j('.tutor4').hide();  $j('.tutor2').show();   
      $j('.signup_tutor1').hide();
      $j('.signup_tutor2').show();
      $j('.signup_tutor3').hide();
      $j('.signup_tutor4').hide();          
    }   
    }   
    if(selectedImage == "videotutor5")
  {   
     if(flag == "previmage" || flag=='one1'   || flag=='view_signup' )
    {     
      $j('#videotutor2').show();
      $j('#videotutor3').hide();
      $j('#videotutor4').hide();
      $j('#videotutor5').hide();
      
      $j('#one1').css('color','#578E5F');
      $j('#two1').css('color','#578E5F');
      
      $j("#nextimage").attr({src : "../../images/arrow_next.gif"});
      $j("#previmage").attr({src : "../../images/arrow_previous1.gif"});      
        
      $j(".player").css('background-color','#ffffcc');
      $j(".player1").css('background-color','');
      $j(".player2").css('background-color','');
      $j(".player3").css('background-color','');
      
      $j("#SignUp").css('background-color','#ffffcc');
      $j("#Install").css('background-color','');
      $j("#UploadH").css('background-color','');
      $j("#UploadHH").css('background-color','');       
      
      $j('.tutor1').hide();$j('.tutor3').show();$j('.tutor4').hide(); $j('.tutor2').hide();  
      $j('.signup_tutor1').show();
      $j('.signup_tutor2').hide();
      $j('.signup_tutor3').hide();
      $j('.signup_tutor4').hide();
      $j('#one1').css('cursor','default');        
      $j('#one1').css('color','');  
      $j("#previmage").css('cursor','default'); 
      $j("#nextimage").css('cursor','pointer'); 
      $j('#two1').css('cursor','pointer');      
    }   
    }
}

/* PLAY VIDEO TUTORIALS */

function selectvideo(flag)
{
if (flag=='play_video1' || flag=='SignUp')
{
      $j('#videotutor2').show();
      $j('#videotutor3').hide();
      $j('#videotutor4').hide();
      $j('#videotutor5').hide();
      $j('#one1').css('color','');
      $j('#two1').css('color','#578E5F');
      $j("#nextimage").attr({src : "../../images/arrow_next.gif"});
      $j("#previmage").attr({src : "../../images/arrow_previous1.gif"});      
      $j(".player").css('background-color','#ffffcc');
      $j(".player1").css('background-color','');
      $j(".player2").css('background-color','');
      $j(".player3").css('background-color','')
      $j("#SignUp").css('background-color','#ffffcc');
      $j("#Install").css('background-color','');
      $j("#UploadH").css('background-color','');
      $j("#UploadHH").css('background-color','');
      $j('.signup_tutor1').show();
      $j('.signup_tutor2').hide();
      $j('.signup_tutor3').hide();
      $j('.signup_tutor4').hide();
      $j('#TutorialsTitle').attr("innerHTML","h! Sign Up");
      $j('.tutor1').show();$j('.tutor3').hide();$j('.tutor4').hide(); $j('.tutor2').hide();       
      $j('#one1').css('cursor','default');
}
else if(flag=='play_video2' ||  flag=='Install')
{
      $j('#videotutor2').hide();
      $j('#videotutor3').show();
      $j('#videotutor4').hide();
      $j('#videotutor5').hide();
      $j('#one1').css('color','#578E5F');
      $j('#two1').css('color','#578E5F');
      $j("#nextimage").attr({src : "../../images/arrow_next.gif"});
      $j("#previmage").attr({src : "../../images/arrow_previous.gif"});     
      $j(".player").css('background-color','');
      $j(".player1").css('background-color','#ffffcc');
      $j(".player2").css('background-color','');
      $j(".player3").css('background-color','')
      $j("#SignUp").css('background-color','');
      $j("#Install").css('background-color','#ffffcc');
      $j("#UploadH").css('background-color','');
      $j("#UploadHH").css('background-color','');
      $j('.signup_tutor1').hide();
      $j('.signup_tutor2').show();
      $j('.signup_tutor3').hide();
      $j('.signup_tutor4').hide();
      $j('#TutorialsTitle').attr("innerHTML","Install h! browser utility");        
      $j('.tutor1').hide();$j('.tutor3').hide();$j('.tutor4').hide(); $j('.tutor2').show();
}
else if(flag=='play_video3' || flag=='UploadH')
{
      $j('#videotutor2').hide();
      $j('#videotutor3').hide();
      $j('#videotutor4').show();
      $j('#videotutor5').hide();
      $j('#one1').css('color','#578E5F');
      $j('#two1').css('color','#578E5F');
      $j("#nextimage").attr({src : "../../images/arrow_next.gif"});
      $j("#previmage").attr({src : "../../images/arrow_previous.gif"});     
      $j(".player").css('background-color','');
      $j(".player1").css('background-color','');
      $j(".player2").css('background-color','#ffffcc');
      $j(".player3").css('background-color','')
      $j("#SignUp").css('background-color','');
      $j("#Install").css('background-color','');
      $j("#UploadH").css('background-color','#ffffcc');
      $j("#UploadHH").css('background-color','');
      $j('.signup_tutor1').hide();
      $j('.signup_tutor2').hide();
      $j('.signup_tutor3').show();
      $j('.signup_tutor4').hide();
      $j('#TutorialsTitle').attr("innerHTML","Using h! Toolbar");
      $j('.tutor1').hide();$j('.tutor3').show();$j('.tutor4').hide(); $j('.tutor2').hide();  
}
else if(flag=='play_video4' || flag=='UploadHH')
{
      $j('#videotutor2').hide();
      $j('#videotutor3').hide();
      $j('#videotutor4').hide();
      $j('#videotutor5').show();
      $j('#one1').css('color','#578E5F');
      $j('#two1').css('color','');
      $j("#nextimage").attr({src : "../../images/arrow_next1.gif"});
      $j("#previmage").attr({src : "../../images/arrow_previous.gif"});     
      $j(".player").css('background-color','');
      $j(".player1").css('background-color','');
      $j(".player2").css('background-color','');
      $j(".player3").css('background-color','#ffffcc');
      $j("#SignUp").css('background-color','');
      $j("#Install").css('background-color','');
      $j("#UploadH").css('background-color','');
      $j("#UploadHH").css('background-color','#ffffcc');
      $j('.signup_tutor1').hide();
      $j('.signup_tutor2').hide();
      $j('.signup_tutor3').hide();
      $j('.signup_tutor4').show();
      $j('#TutorialsTitle').attr("innerHTML","Upload using h! toolbar");
      $j('.tutor1').hide();$j('.tutor3').hide();$j('.tutor4').show(); $j('.tutor2').hide();  
      $j('#two1').css('cursor','default');
}
}

/* PLAY VIDEO TUTORIALS END*/

$j(document).ready(function(){
	 
$j('#TutorialsTitle').attr("innerHTML","h! Sign Up");
	 
	 /* TUTORIALS  CLICK EVENT*/
$j('#one1').css('cursor','default');
$j('#two1').css('color','#578E5F');
$j("#nextimage").attr({src : "../../images/arrow_next.gif"});
$j("#previmage").css('cursor','default');
$j(".player").css('background-color','#ffffcc');
$j("#SignUp").css('background-color','#ffffcc');
/* TUTORIALS CLICK END*/

$j('#one').css('color','#f1a556');
$j("#next").attr({src : "../../images/arrow_next.gif"});
	
});