// JavaScript Document
$().ready(function() {
			
	var danhdau=1;
	// xuly ghim
	$("#pingim").click(function() {
		if ($(this).attr("src")=="images/pin.png")
		{
			$(this).attr("src", "images/pin_on.png"); 
			danhdau=1;
		}
		else
		{
			$(this).attr("src", "images/pin.png"); 
			danhdau=0;
		}

	});
	
	// xu ly menu

		$("#wrapmenu").mouseover(function() {
			if (danhdau==0){
			$(this).animate({ width:"160px" },{ queue:false, duration:400});
			}
		});
	
		$("#wrapmenu").mouseout(function() {
			if (danhdau==0){
			$(this).animate({ width:"30px" },{ queue:false, duration:400});
			}
		});
		
		/*$("#wrapmenu").mousemove(function(e){
      		//alert(e.pageX +', '+ e.pageY);
			if (danhdau==0){
				if(e.pageX > ($("#wrapmenu").width()-10)){
					$("#submenu1,#submenu2,#submenu3,#submenu4,#submenu5").slideUp('slow');
					$("#mm").slideUp('slow');
					//$("#cc").removeClass("muitenxuong"); 
					//$("#cc").toggleClass("muitenlen");
                	//$("#cc").addClass("muitenxuong"); 
				}
			}
   		});
		*/
		
		$("body").mousemove(function(e){
      		//alert(e.pageX +', '+ e.pageY);
			if (danhdau==0){
				if(e.pageX > ($("#wrapmenu").width()-10)){
					$("#submenu1,#submenu2,#submenu3,#submenu4,#submenu5").slideUp('slow');
					$("#mm").slideUp('slow');
				}
			}
   		});

	// xu ly offer
	$("#cc").mouseover(function() {
		if (danhdau==0){
		$("#wrapmenu").animate({ width:"160px" },{ queue:false, duration:400});
		}
	});
	
	$("#cc").mouseout(function() {
		if (danhdau==0){
		$("#wrapmenu").animate({ width:"30px" },{ queue:false, duration:400});
		}
	});

	$("#cc").click(function() {
		$("#mm").slideToggle("slow");
		$(this).toggleClass("muitenxuong");
	});
	
	// xu ly menu dropdown
	//$("ul#dsmenu > li >a").click(function() {
	//	$(this).parent("li").find("div").slideToggle('slow');
	//}); cai nay la ko tu dong nhu thang con lai dc nen moi dung ben duoi
	
	$("#menu1").click(function() {
		$("#submenu1").slideToggle('slow');
		$("#submenu2").slideUp('slow');
		$("#submenu3").slideUp('slow');
		$("#submenu4").slideUp('slow');
		$("#submenu5").slideUp('slow');
		
	});
	
	$("#menu2").click(function() {
		$("#submenu2").slideToggle('slow');
		$("#submenu1").slideUp('slow');
		$("#submenu3").slideUp('slow');
		$("#submenu4").slideUp('slow');
		$("#submenu5").slideUp('slow');
		
	});
	
	$("#menu3").click(function() {
		$("#submenu3").slideToggle('slow');
		$("#submenu1").slideUp('slow');
		$("#submenu2").slideUp('slow');
		$("#submenu4").slideUp('slow');
		$("#submenu5").slideUp('slow');
		
	});
	
	$("#menu4").click(function() {
		$("#submenu4").slideToggle('slow');
		$("#submenu1").slideUp('slow');
		$("#submenu2").slideUp('slow');
		$("#submenu3").slideUp('slow');
		$("#submenu5").slideUp('slow');
		
	});
	
	$("#menu5").click(function() {
		$("#submenu5").slideToggle('slow');
		$("#submenu1").slideUp('slow');
		$("#submenu2").slideUp('slow');
		$("#submenu3").slideUp('slow');
		$("#submenu4").slideUp('slow');
		
	});
	
	
	
	//$("a:last").css("text-decoration", "underline");
	$("#wrapmenu").animate({ width:"160px" },{ queue:false, duration:0});
	//setTimeout($('#wrapmenu').animate({ width:"30px" },{ queue:false, duration:1000}),5000);
	
	// xu ly 5 buc hinh o trang chu
	$("img[name='btn1']").click(function() {
		$("img[name='h2'],img[name='h3'],img[name='h4'],img[name='h5']").slideUp();
		$("img[name='h1']").slideDown();
		$("img[name='btn1']").attr("src", "images/bt1on.png");
		$("img[name='btn2']").attr("src", "images/bt2.png");
		$("img[name='btn3']").attr("src", "images/bt3.png");
		$("img[name='btn4']").attr("src", "images/bt4.png");
		$("img[name='btn5']").attr("src", "images/bt5.png");
	});
	$("img[name='btn2']").click(function() {
		$("img[name='h1'],img[name='h3'],img[name='h4'],img[name='h5']").slideUp();
		$("img[name='h2']").slideDown();
		$("img[name='btn1']").attr("src", "images/bt1.png");
		$("img[name='btn2']").attr("src", "images/bt2on.png");
		$("img[name='btn3']").attr("src", "images/bt3.png");
		$("img[name='btn4']").attr("src", "images/bt4.png");
		$("img[name='btn5']").attr("src", "images/bt5.png");
	});
	$("img[name='btn3']").click(function() {
		$("img[name='h1'],img[name='h2'],img[name='h4'],img[name='h5']").slideUp();
		$("img[name='h3']").slideDown();
		$("img[name='btn1']").attr("src", "images/bt1.png");
		$("img[name='btn2']").attr("src", "images/bt2.png");
		$("img[name='btn3']").attr("src", "images/bt3on.png");
		$("img[name='btn4']").attr("src", "images/bt4.png");
		$("img[name='btn5']").attr("src", "images/bt5.png");
	});
	$("img[name='btn4']").click(function() {
		$("img[name='h1'],img[name='h2'],img[name='h3'],img[name='h5']").slideUp();
		$("img[name='h4']").slideDown();
		$("img[name='btn1']").attr("src", "images/bt1.png");
		$("img[name='btn2']").attr("src", "images/bt2.png");
		$("img[name='btn3']").attr("src", "images/bt3.png");
		$("img[name='btn4']").attr("src", "images/bt4on.png");
		$("img[name='btn5']").attr("src", "images/bt5.png");
	});
	$("img[name='btn5']").click(function() {
		$("img[name='h1'],img[name='h2'],img[name='h3'],img[name='h4']").slideUp();
		$("img[name='h5']").slideDown();
		$("img[name='btn1']").attr("src", "images/bt1.png");
		$("img[name='btn2']").attr("src", "images/bt2.png");
		$("img[name='btn3']").attr("src", "images/bt3.png");
		$("img[name='btn4']").attr("src", "images/bt4.png");
		$("img[name='btn5']").attr("src", "images/bt5on.png");
	});
	
	// xuly effect trang 9 icon
	$("div.ds9icon > a").mouseover(function() {
		$(this).find("img").animate({opacity: 0.3},500);
	});
	
	$("div.ds9icon > a").mouseout(function() {
		$(this).find("img").animate({opacity: 1},500);

	});
	
	
	// xuly effect trang 4 icon
	$("div.ds4icon > a").mouseover(function() {
		$(this).find("img").animate({opacity: 0.3},500);
	});
	
	$("div.ds4icon > a").mouseout(function() {
		$(this).find("img").animate({opacity: 1},500);

	});
	
	
	
	
	//----------------------------------- Xu ly Popup--------------
	
	/* $('#btlogin').click(function() { 
        $.blockUI({ message: $('#blogin') }); 
     });
	
	$('#btlogin01').click(function() { 
        $.blockUI({ message: $('#blogin') }); 
     });
	
	
	$('#btnsignup').click(function() { 
        $.blockUI({ message: $('#bsignup') }); 
         //setTimeout($.unblockUI, 2000); 
    });
	
	$('#kill5').click(function() {
 		//setTimeout($.unblockUI, 0);
		$.blockUI({ message: $('#form1') }); 
	});
	
	
	// nhan ESC se thoat //
	document.onkeydown = function(e){ 
	  if (e == null) { // ie 
		keycode = event.keyCode; 
	  } else { // mozilla 
		keycode = e.which; 
	  } 
	  if(keycode == 27){ // escape, close box 
		setTimeout($.unblockUI, 0);
	  } 
	}
	*/
	
	$('#btlogin').click(function() { 
		$('#backgroundPopup').show();								 
        $('#bsignup').slideUp('slow');
		$('#blogin').slideDown('slow');
     });
	
	
	$('#btnsignup').click(function() { 
		$('#blogin').slideUp('slow');
		$('#bsignup').slideDown('slow');
    });
	
	$('#btlogin01').click(function() { 
		$('#bsignup').slideUp('slow');
		$('#blogin').slideDown('slow');
    });
	
	$('img.closepopup').click(function() { 
        $('#bsignup').slideUp('slow');
		$('#blogin').slideUp('slow');
		$('#backgroundPopup').hide();
     });
	
	// ket thuc --------------------------Xu ly popup--------------
	
	
	// -------------- xu ly tooltip --------------------
	
	$('#btlogin').mouseover(function() { 
        $("#tooltiplogin").show(); 
     });
	
	$('#btlogin').mouseout(function() { 
        $("#tooltiplogin").hide(); 
     });
	
	$('#btlogout').mouseover(function() { 
        $("#tooltiplogout").show(); 
     });
	
	$('#btlogout').mouseout(function() { 
        $("#tooltiplogout").hide(); 
     });
	
	$('#btaddfavorite').mouseover(function() { 
        $("#tooltipaddfavorite").show(); 
     });
	
	$('#btaddfavorite').mouseout(function() { 
        $("#tooltipaddfavorite").hide(); 
     });
	
	$('#bthelp').mouseover(function() { 
        $("#tooltiphelp").show(); 
     });
	
	$('#bthelp').mouseout(function() { 
        $("#tooltiphelp").hide(); 
     });
	
	
	$('#btemail').mouseover(function() { 
        $("#tooltipemail").show(); 
     });
	
	$('#btemail').mouseout(function() { 
        $("#tooltipemail").hide(); 
     });
	
	$('#bthome').mouseover(function() { 
        $("#tooltiphome").show(); 
     });
	
	$('#bthome').mouseout(function() { 
        $("#tooltiphome").hide(); 
     });
	
	$('#btimglib').mouseover(function() { 
        $("#tooltipimglib").show(); 
     });
	
	$('#btimglib').mouseout(function() { 
        $("#tooltipimglib").hide(); 
     });
	
	$('#btfav').mouseover(function() { 
        $("#tooltipfav").show(); 
     });
	
	$('#btfav').mouseout(function() { 
        $("#tooltipfav").hide(); 
     });
	
	$('#bthis').mouseover(function() { 
        $("#tooltiphis").show(); 
     });
	
	$('#bthis').mouseout(function() { 
        $("#tooltiphis").hide(); 
     });
	
	$('#btcalltrack').mouseover(function() { 
        $("#tooltipcalltracking").show(); 
     });
	
	$('#btcalltrack').mouseout(function() { 
        $("#tooltipcalltracking").hide(); 
     });
	
	$('#bttrace').mouseover(function() { 
        $("#tooltipmailtracking").show(); 
     });
	
	$('#bttrace').mouseout(function() { 
        $("#tooltipmailtracking").hide(); 
     });
	
	// Ket thuc -------------- xu ly tooltip --------------------
	
	
	// Fix window ----------------------------------------------------
	var p = $("div.pbottom");
	var position = p.position();		   
	$("div.pcenter").css('height', (position.top-59)+'px');
	
	$(window).resize(function() {
	var position = $("div.pbottom").position();		   
	$("div.pcenter").css('height', (position.top-59)+'px');
	
	//var bjo = $("div.pccontaint").height();   
	//var wjo = $("div.pccontaint").width();
	//$("#gallery").height(bjo+'px');
	//$("#gallery").width(wjo+'px');
	});
	
	var chieudaiwin = $(window).width();  
	$("#searchdiv").css('margin-left', ((chieudaiwin/2)-130)+'px');
	
	$("#txtpass").focus(function() {
		$(this).removeClass("textfpass");
		$(this).addClass("textf");
	});
	
	$("#txtpass").blur(function() {
		if ($("#txtpass").val()=="")
		{
			$(this).removeClass("textf");
			$(this).addClass("textfpass");
		}
	});
	
	$("#txtpass1").focus(function() {
		$(this).removeClass("textf1pass");
		$(this).addClass("textf1");
	});
	
	$("#txtpass1").blur(function() {
		if ($("#txtpass1").val()=="")
		{
			$(this).removeClass("textf1");
			$(this).addClass("textf1pass");
		}
	});
	
	$("#textf1").focus(function() {
		$(this).removeClass("textf1pass");
		$(this).addClass("textf1");
	});
	
	$("#textf1").blur(function() {
		if ($("#textf1").val()=="")
		{
			$(this).removeClass("textf1");
			$(this).addClass("textf1pass");
		}
	});
	
	$("#textf2").focus(function() {
		$(this).removeClass("textf1pass");
		$(this).addClass("textf1");
	});
	
	$("#textf2").blur(function() {
		if ($("#textf2").val()=="")
		{
			$(this).removeClass("textf1");
			$(this).addClass("textf1pass");
		}
	});

	// ket thuc xu li Fix window--------------------------------------
}); 

// ngoai Jquery
function changecontent(x,y,z,a,b,c){
	document.getElementById(x).style.display='block';
	document.getElementById(y).style.display='none';
	document.getElementById(z).style.display='none';	
	document.getElementById(a).className='number';
	document.getElementById(b).className='number1';
	document.getElementById(c).className='number1';	
}

function loginshow()
{
		$('#backgroundPopup').show();								 
        $('#bsignup').slideUp('slow');
		$('#blogin').slideDown('slow');	
}

function okne()
{
	
	var bjo = $("div.pccontaint").height();   
	var wjo = $("div.pccontaint").width();
	$("#gallery").height(bjo+'px');
	$("#gallery").width(wjo+'px');
}