$(document).ready(function(){
		$(".widget").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
		$(".widget2").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true).bind('tabsshow', function(event, ui) {
			
			var tabIndex = $(this).tabs('option', 'selected') + 1;
			var tabList  = tabIndex;
			var margin   = 0;
			if ( tabList > 4) {
				margin = (tabList-4) * 100;
			}
			$(".widget2 .ui-tabs-nav").css ("margin-top","-" + margin + "px");
			
		});
		
		$(".widget3").tabs({fx:{opacity: "toggle"}}).tabs();
		
		/*.bind('tabsshow', function(event, ui) {
			
			var tabIndex = $(this).tabs('option', 'selected') + 1;
			var tabList = tabIndex;
			var margin   = 0;
			if ( tabList > 4) {
				margin = (tabList-4) * 101;
			}
			$(".widget3 .ui-tabs-nav").css ("margin-top","-" + margin + "px");
			
		});*/
		
		$(".gallery").cycle({fx:'fade', timeout:5000});
		
		$(".png, .mask, #menu li a, #logo, .up, .down").pngfix();
		
		$(".iconOver").hover(
			function() { 
				var img = $(this).attr('id');
				$(this).attr('src', '/include/images/base/' + img + '_over.png');
			},
			function() {
				var img = $(this).attr('id');
				$(this).attr('src', '/include/images/base/' + img + '.png');
			}
		);
		//$(document).pngFix(); 
});

function onAfter() {
	var url = this.id;
	$("#galleryLink").attr({onClick:'go_to (self,\''+ url +'\')'});
}

function go_to (target, href) { try { target.location = href; } catch (e) { } }

function open_acc (id) {
	$(".accordion > div.active").removeClass ("active");
	$(".accordion > div.list").hide();
	$("#list_" + id).show();
	$("#header_" + id).addClass("active");
}

function tabUp() {
	var margin = $(".widget3 .ui-tabs-nav").css ("margin-top");
	margin = parseInt (margin);
	
	if ( margin < 0) {
		margin += 101;
		$(".widget3 .ui-tabs-nav").css ("margin-top",margin + "px");
	}
}

function tabDown() {
	var margin = $(".widget3 .ui-tabs-nav").css ("margin-top");
	var items  = $(".widget3 .ui-tabs-list-nav").attr("id").substring(1);
	
	items  = parseInt (items);
	margin = parseInt (margin);
	
	if ( margin-405 >= (items*101) * -1) {
		margin -= 101;
		$(".widget3 .ui-tabs-nav").css ("margin-top", margin + "px");
	}
}