new pisilinux web sites

Projects/Panel/Resources/Themes/default/js/matrix.js

@@ -0,0 +1,165 @@
+
+$(document).ready(function(){
+
+	// === Sidebar navigation === //
+	
+	$('.submenu > a').click(function(e)
+	{
+		e.preventDefault();
+		var submenu = $(this).siblings('ul');
+		var li = $(this).parents('li');
+		var submenus = $('#sidebar li.submenu ul');
+		var submenus_parents = $('#sidebar li.submenu');
+		if(li.hasClass('open'))
+		{
+			if(($(window).width() > 768) || ($(window).width() < 479)) {
+				submenu.slideUp();
+			} else {
+				submenu.fadeOut(250);
+			}
+			li.removeClass('open');
+		} else 
+		{
+			if(($(window).width() > 768) || ($(window).width() < 479)) {
+				submenus.slideUp();			
+				submenu.slideDown();
+			} else {
+				submenus.fadeOut(250);			
+				submenu.fadeIn(250);
+			}
+			submenus_parents.removeClass('open');		
+			li.addClass('open');	
+		}
+	});
+	
+	var ul = $('#sidebar > ul');
+	
+	$('#sidebar > a').click(function(e)
+	{
+		e.preventDefault();
+		var sidebar = $('#sidebar');
+		if(sidebar.hasClass('open'))
+		{
+			sidebar.removeClass('open');
+			ul.slideUp(250);
+		} else 
+		{
+			sidebar.addClass('open');
+			ul.slideDown(250);
+		}
+	});
+	
+	// === Resize window related === //
+	$(window).resize(function()
+	{
+		if($(window).width() > 479)
+		{
+			ul.css({'display':'block'});	
+			$('#content-header .btn-group').css({width:'auto'});		
+		}
+		if($(window).width() < 479)
+		{
+			ul.css({'display':'none'});
+			fix_position();
+		}
+		if($(window).width() > 768)
+		{
+			$('#user-nav > ul').css({width:'auto',margin:'0'});
+            $('#content-header .btn-group').css({width:'auto'});
+		}
+	});
+	
+	if($(window).width() < 468)
+	{
+		ul.css({'display':'none'});
+		fix_position();
+	}
+	
+	if($(window).width() > 479)
+	{
+	   $('#content-header .btn-group').css({width:'auto'});
+		ul.css({'display':'block'});
+	}
+	
+	// === Tooltips === //
+	$('.tip').tooltip();	
+	$('.tip-left').tooltip({ placement: 'left' });	
+	$('.tip-right').tooltip({ placement: 'right' });	
+	$('.tip-top').tooltip({ placement: 'top' });	
+	$('.tip-bottom').tooltip({ placement: 'bottom' });	
+	
+	// === Search input typeahead === //
+	$('#search input[type=text]').typeahead({
+		source: ['Dashboard','Form elements','Common Elements','Validation','Wizard','Buttons','Icons','Interface elements','Support','Calendar','Gallery','Reports','Charts','Graphs','Widgets'],
+		items: 4
+	});
+	
+	// === Fixes the position of buttons group in content header and top user navigation === //
+	function fix_position()
+	{
+		var uwidth = $('#user-nav > ul').width();
+		$('#user-nav > ul').css({width:uwidth,'margin-left':'-' + uwidth / 2 + 'px'});
+        
+        var cwidth = $('#content-header .btn-group').width();
+        $('#content-header .btn-group').css({width:cwidth,'margin-left':'-' + uwidth / 2 + 'px'});
+	}
+	
+	// === Style switcher === //
+	$('#style-switcher i').click(function()
+	{
+		if($(this).hasClass('open'))
+		{
+			$(this).parent().animate({marginRight:'-=190'});
+			$(this).removeClass('open');
+		} else 
+		{
+			$(this).parent().animate({marginRight:'+=190'});
+			$(this).addClass('open');
+		}
+		$(this).toggleClass('icon-arrow-left');
+		$(this).toggleClass('icon-arrow-right');
+	});
+	
+	$('#style-switcher a').click(function()
+	{
+		var style = $(this).attr('href').replace('#','');
+		$('.skin-color').attr('href','css/maruti.'+style+'.css');
+		$(this).siblings('a').css({'border-color':'transparent'});
+		$(this).css({'border-color':'#aaaaaa'});
+	});
+	
+	$('.lightbox_trigger').click(function(e) {
+		
+		e.preventDefault();
+		
+		var image_href = $(this).attr("href");
+		
+		if ($('#lightbox').length > 0) {
+			
+			$('#imgbox').html('<img src="' + image_href + '" /><p><i class="icon-remove icon-white"></i></p>');
+		   	
+			$('#lightbox').slideDown(500);
+		}
+		
+		else { 
+			var lightbox = 
+			'<div id="lightbox" style="display:none;">' +
+				'<div id="imgbox"><img src="' + image_href +'" />' + 
+					'<p><i class="icon-remove icon-white"></i></p>' +
+				'</div>' +	
+			'</div>';
+				
+			$('body').append(lightbox);
+			$('#lightbox').slideDown(500);
+		}
+		
+	});
+	
+
+	$('#lightbox').live('click', function() { 
+		$('#lightbox').hide(200);
+	});
+
+	
+	
+});