$(document).ready(function() {


// class= "external"
$(".external").attr({ target: "_blank" });

//homepage hez
$(".hez").click(function () { 
	$(".aboutyou").addClass("alignright");
	$(".sec1").addClass("hidden");
	$(".sec2").removeClass("hidden");
    });

	
//footer
$("#tagiot div").hover(
      function () {
	    $("#tagiot div").removeClass("selected2");
        $(this).addClass(("selected2"));
      }, 
      function () {
        $(this).removeClass("selected2");
      }
    );
		
$(".tags").click(function () { 

	$(".tags").removeClass("selected");
	$(".tohen").removeClass("selected");
	$(".lex").removeClass("selected");
	
	$(this).addClass("selected");

	
	$("#footText div").hide();
	$("#tagText").show();
   });		
		
$(".lex").click(function () { 

	$(".tags").removeClass("selected");
	$(".tohen").removeClass("selected");
	$(".lex").removeClass("selected");
	
	$(this).addClass("selected");
	
	$("#footText div").hide();
	$("#lexicon").show();
   });		
		
$(".tohen").click(function () { 

	$(".tags").removeClass("selected");
	$(".tohen").removeClass("selected");
	$(".lex").removeClass("selected");
	
	$(this).addClass("selected");
	
	$("#footText div").hide();
	$("#tohen").show();
   });		



$(".clearOnFocus").focus(function() {
$(this).val("");
});
   

$("#bigger").click(function () { 
var size = parseFloat($(".content").css("font-size"));
size += 3;
size = size + "px";
$(".content").css('font-size', size);  
});


$("#smaller").click(function () { 
var size = parseFloat($(".content").css("font-size"));
size -= 3;
if(size < 1)
	return false;
size = size + "px";
$(".content").css('font-size', size);  
});
   
$("#audio").click(function () {
      $(".audio").toggle();
    });   
	

$(".pageAudio").toggle(
      function () {
		$("#zoom").removeClass("type1");
		$("#zoom").addClass("type2");
      },
      function () {
		$("#zoom").removeClass("type2");
		$("#zoom").addClass("type1");
      });

	
$(".imageFlip").hover(function () {
	$("img:first", this).toggle()
	$("img:eq(1)", this).toggle()
    }, function () {
	$("img:first", this).toggle()
	$("img:eq(1)", this).toggle()
    });     
   
$(".cssFlip").hover(function () {
	$(this).removeClass("type1");
	$(this).addClass("type2");
    }, function () {
	$(this).removeClass("type2");
	$(this).addClass("type1");
    });   


	
});

