var zurich = { src: '/media/flash/zurich-cn-bt.swf'};
    sIFR.useStyleCheck = true;
	sIFR.activate(zurich);

	sIFR.replace(zurich, {
		selector: '#homepage h2',
		css: [
			'.sIFR-root { color: #000000; font-size: 16px; }'
		],
		offsetTop: 3,
		wmode: 'transparent'
	});

	$(function(){
		$("#q").focus(function(){
			$("label[for='q']").hide();
		});
		
		$("#q").blur(function(){
			if($(this).val() == ''){
				$("label[for='q']").show();
			}
		});
		
		$("#decreaseSize").click(function(){
			var $textSize = $("#content").css("font-size").replace(/px/, "");
			var $newTextSize = $textSize * 0.9;
			
			$("#content").css('font-size', $newTextSize + "px");	
		});
		
		$("#normal").click(function(){
			$("#content").css('font-size', "12px");	
		});			
		
		$("#increaseSize").click(function(){
			var $textSize = $("#content").css("font-size").replace(/px/, "");
			var $newTextSize = $textSize * 1.1;
			
			$("#content").css('font-size', $newTextSize + "px");	
		});		
		
		showMenu($("#navigation li.activeNav ul"));
		showSubMenu($("#navigation li.activeNav li li.activeNav").parent());

		$("#navigation li span").not($("#navigation li li span")).click(function(){
			$("#navigation ul").hide()
			$("#navigation li.clicked").removeClass('clicked hover');
			$(this).parent().addClass("clicked hover");
			showMenu($(this).parent().find('ul').not($("#navigation ul ul")));
			$("#homepage, #page").css('top', '23px');
		});
		
		$("#navigation li.activeNav span").not($("#navigation li li span")).click(function(){
			showMenu($("#navigation li.activeNav ul"));
			showSubMenu($("#navigation li.activeNav li li.activeNav").parent());
		});
		
		$("#navigation li li span").click(function(){
			showSubMenu($(this).parent().find('ul'));
		});

		$("#navigation").not(".home #navigation").hover(
			function(){},
			function(){
				//restore();
			}
		);

		$("#navigation li").not("#navigation li.activeNav, #navigation li.clicked").hover(
			function(){
                $(this).addClass('hover');
			},
			function(){
                $(this).removeClass('hover');
			}
		);
		
		$("#workList").tablesorter({
			headers: { 0: { sorter: false }, 3: { sorter: false } },
			dateFormat: "dd/mm/yy"
		});
		
		$('ul#gallery li img').click(function(e){
			e.preventDefault;
			var $bigImg = $(this).parent().attr('href');
			$("#main_image").html('<img src="/media/image/gallery/' + $bigImg + '" />');
			return false;
		});

	});
	
	function restore(){
		/*$("#navigation li.clicked ul").not("#navigation li.activeNav ul").css({ left: 0 });
		$("#navigation li.clicked ul ul").not("#navigation li.activeNav ul").css({ left:0, width: 0 });
		$("#navigation li.clicked ul li").not("#navigation li.activeNav ul").css({ margin: 0 });
		$("#navigation li.clicked ul").not("#navigation li.activeNav ul").hide();*/
		$("#navigation li.clicked").removeClass('clicked hover');
		
		showMenu($("#navigation li.activeNav ul"));
		showSubMenu($("#navigation li.activeNav li li.activeNav").parent());
	}
	
	function showMenu($obj){
		var $parentWidth = $obj.parent().width();
		var $parentPos = $obj.parent().position();
		var $objWidth = $obj.width();
		
		$("#navigation ul li").css({margin: 0});
		$obj.find('ul').css({width:0}).hide();

		if($parentPos != null){
            var $left = $parentPos.left - ($objWidth - $parentWidth)/2;
            if($left < 0){
				$left = 0;
            }
            
            if($.browser.msie && $.browser.version < 7){
				$left = $left - 735;
            }
            
            $obj.show().css({ left: $left });
		}

		else{
            $obj.show();
		}
		//$obj.show();
	}
	
	function showSubMenu($obj){
		var $subs = $obj.find('li');
		var $p = $obj.parent();
		var $pN = $p.next();
		var $pP = $p.prev();
		
		$("#navigation li li ul").hide()
		$("#navigation ul li.clicked").removeClass('clicked hover');
		$obj.parent().addClass("clicked hover");
		
		var $pW = $p.width();
		
		$obj.parent().parent().find('ul').css({width:0}).hide();
		$p.css({marginLeft: 0});
		$p.next().css({ marginLeft: 0 });
		
		var $subsW = 0;
		
		$obj.css({ left: $pW }).show();
		
		$subs.each(function(){
			$subsW += $(this).width();
		});
		
		var $half = $subsW / 2;
		
  		$obj.animate({ width: $subsW + 5 },500);
  		
  		$p.animate({ marginLeft: '-' + $half },500);
  		if($pN != null){
            $pN.animate({ marginLeft: $half + $pW },500);
  		}
  		
  		if($pP != null){
            $pP.animate({ marginLeft: '-' + ($half + $pW) },500);
  		}
  		


		//$obj.show();
	}