$(document).ready(function(){
 
	// MENU
	$(".menu-search ul li li:first-child a").css("border-top", "none");
	$(".menu-search ul").supersubs({ 
		minWidth:    15,
		maxWidth:    40	
	})
	.superfish({ 
		autoArrows:  false,
		dropShadows: false 
	});
	
	var htmlStr = $("code").html();
    $("code").text(htmlStr);
	
	// BOX HIDE
	$('.hide').click( function() {
		$(this).parent().next('.content').fadeToggle(100);
	});
	
	// THUMB OPTIONS
	$("a.zoom").fancybox({
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	true,
		'overlayColor'	:	'#000',
		'titlePosition'	:	'over'
	});
	$("img.shadow").wrap("<span class='shadow'></span>");
	$("img.left").wrap("<span class='shadow left'></span>");
	$("img.right").wrap("<span class='shadow right'></span>");
	$(function() {
		$("div.thumb").hover(
			function() {
				$(this).children("img").fadeTo(200, 0.85).end().children("div").show();
			},
			function() {
				$(this).children("img").fadeTo(200, 1).end().children("div").hide();
			});
	});
	
	// SYSTEM MESSAGES
	$(".messages:first-child").css({"margin": "0 0 1px"});
	
	// MESSAGE BOX
	$(".content .message:last-child").css({"border-bottom": "none","padding": "12px 0 0"});
	
	if ($.browser.msie && $.browser.version.substr(0,1)<8) {
	  $(".content .message:last-child").css({"border-bottom": "none","padding": "11px 0 0"});
	}

	// TABS
	$(".tabs").tabs({ fx: { opacity: 'toggle' } });
	
	// TABLE SORTER	
	var $allTable = $(".table-all");
	var tablesorterConfig = { widgets: ['zebra'], headers:{ 0:{sorter:false} } };
	tablesorterConfig.headers[$allTable.find("thead th").length - 1] = { sorter:false };

	$allTable
	.tablesorter(tablesorterConfig)          
	.tablesorterPager({container: $("#pager"), positionFixed: false, size : 5 });
	
	var $sortingTable = $(".sorting");
	var tablesorterConfig = { widgets: ['zebra'], headers:{ 0:{sorter:false} } };
	tablesorterConfig.headers[$sortingTable.find("thead th").length - 1] = { sorter:false };

	$sortingTable
	.tablesorter(tablesorterConfig)  
	
	// CHECK ALL PAGES
	$('.checkall').click(function () {
		$(this).parents('table').find(':checkbox').attr('checked', this.checked);
	});	
	
	// BUTTON LINKS
	$("a.button").wrapInner("<span></span>");
	$("a.button, button, .pager img").hover(
		function() {
			$(this).stop().fadeTo(200, 0.7);
		},
		function() {
			$(this).stop().fadeTo(200, 1.0);
		}
	);
	
	// STYLE FILE BUTTON
	$("input[type=file]").wrap("<div style='display : inline-block; overflow : hidden; width : auto; height : 27px;'></div>");
	$("input[type=file]").filestyle({
	   imageheight : 27,
	   imagewidth : 65,
	   width : 166
	});
	
	// FORMS
	$(".line:odd").css({"border-top": "2px solid #f2f4f7","border-bottom": "2px solid #f2f4f7"});
	$(".line:first-child").css({"border-top": "none"});
	$(".line:last-child").css({"border-bottom": "none"});
	
	$('input.datepicker').datePicker({clickInput:true});
	
	$(".pager select, select").wrap("<div class='sb-overlay'></div>");
	$(".pager select, select").sbCustomSelect();
	
	$("input[type=radio], input[type=checkbox]").each (function () 
		{ 
		if ($(this).parents("table").length == 0)
		{
		 $(this).customInput()
		}
	});
	
	$('input , textarea').click( function() {
		if (this.value == this.defaultValue) {
			this.value = '';
		}
	});
	
	$('input , textarea').blur( function() {
		if (this.value == '') {
			this.value = this.defaultValue;
		}
	});
	
	// Input and textarea IE 7 fix
	if ($.browser.msie && $.browser.version.substr(0,1)<8) {
		$("input.small").wrap("<div class='input-small'></div>");
		$("input.medium").wrap("<div class='input-medium'></div>");
		$("input.big").wrap("<div class='input-big'></div>");
		$("input.xl").wrap("<div class='input-xl'></div>");
		$("textarea.small").wrap("<div class='textarea-small'></div>");
		$("textarea.medium").wrap("<div class='textarea-medium'></div>");
		$("textarea.big").wrap("<div class='textarea-big'></div>");
		$("textarea.xl").wrap("<div class='textarea-xl'></div>");
	}
	
	// TABEL STATICS
	$('table.statics').graphTable({series: 'columns', position : 'replace', height : '200px', colors: colors, stack: 0});	
	$('.flot-graph').before('<div class="space"></div>');

	function showTooltip(x, y, contents) {
        $('<div id="tooltip">' + contents + '</div>').css( {
            position: 'absolute',
            display: 'none',
            top: y+5,
            left: x+5
        }).appendTo("body").fadeIn("fast");
    }
 
    var previousPoint = null;
    $(".flot-graph").bind("plothover", function (event, pos, item) {
        $("#x").text(pos.x);
        $("#y").text(pos.y);
 
		if (item) {
			if (previousPoint != item.dataIndex) {
				previousPoint = item.dataIndex;
				
				$("#tooltip").remove();
				var x = item.datapoint[0],
					y = item.datapoint[1];
				
				showTooltip(item.pageX, item.pageY,
							"<b>" + item.series.label + "</b>: " + y);
			}
		}
		else {
			$("#tooltip").remove();
			previousPoint = null;            
		}
    });
	
});