// -*- coding:utf-8 -*-

$(document).ready(function(){
	$("#expand-collapse-button").click(function(e) {
		if($(this).hasClass("collapse"))
		    {
			$("#submenu").animate({left: "360px"}, 1000 );
			$(this).removeClass("collapse");
			$(this).addClass("expand");

		    }
		else
		    {
			$("#submenu").animate({left: "490px"}, 1000 );
			$(this).removeClass("expand");
			$(this).addClass("collapse");
		    };

	    });
	
	
	$("a.btn-web").hover(
			     function () {
				 $(this).find("img").attr({src: "/media/style/images/btn_web_over.png"});
			     }, 
			     function () {
				 $(this).find("img").attr({src: "/media/style/images/btn_web.png"});
			     }
			     );
	

	$("a.btn-mobile").hover(
			     function () {
				 $(this).find("img").attr({src: "/media/style/images/btn_mobile_over.png"});
			     }, 
			     function () {
				 $(this).find("img").attr({src: "/media/style/images/btn_mobile.png"});
			     }
			     );

	$("a.btn-lab").hover(
			     function () {
				 $(this).find("img").attr({src: "/media/style/images/btn_lab_over.png"});
			     }, 
			     function () {
				 $(this).find("img").attr({src: "/media/style/images/btn_lab.png"});
			     }
			     );

	$("a.btn-systems").hover(
			     function () {
				 $(this).find("img").attr({src: "/media/style/images/btn_systems_over.png"});
			     }, 
			     function () {
				 $(this).find("img").attr({src: "/media/style/images/btn_systems.png"});
			     }
			     );	
    });