function showSection(section) {
	$(".menu-item-radio").attr('src', 'images/btn-category-ui.png');
	$(".gallery-image:visible").fadeOut('fast', function() {
		$(".gallery-image[show="+section+"]").fadeIn('fast');
	});
	$(".gallery-text:visible").fadeOut('fast', function() {
		$(".gallery-text[show="+section+"]").fadeIn('fast');
	});
	$(".menu-item-radio[show="+section+"]").attr('src', 'images/btn-category-ui-act.png');
}

function showSectionWeb(section) {
	$(".web-menu-item-radio").attr('src', 'images/btn-category-web.png');
	$(".web-gallery-image:visible").fadeOut('fast', function() {
		$(".web-gallery-image[show="+section+"]").fadeIn('fast');
	});
	$(".web-gallery-text:visible").fadeOut('fast', function() {
		$(".web-gallery-text[show="+section+"]").fadeIn('fast');
	});
	$(".web-menu-item-radio[show="+section+"]").attr('src', 'images/btn-category-web-act.png');
}

function showSectionMob(section) {
	$(".mobile-menu-item-radio").attr('src', 'images/btn-category-web.png');
	$(".mobile-gallery-image:visible").fadeOut('fast', function() {
		$(".mobile-gallery-image[show="+section+"]").fadeIn('fast');
	});
	$(".mobile-gallery-text:visible").fadeOut('fast', function() {
		$(".mobile-gallery-text[show="+section+"]").fadeIn('fast');
	});
	$(".mobile-menu-item-radio[show="+section+"]").attr('src', 'images/btn-category-web-act.png');
}

function showSectionFlash(section) {
	$(".flash-menu-item-radio").attr('src', 'images/btn-category-ui.png');
	$(".flash-gallery-image:visible").fadeOut('fast', function() {
		$(".flash-gallery-image[show="+section+"]").fadeIn('fast');
	});
	$(".flash-gallery-text:visible").fadeOut('fast', function() {
		$(".flash-gallery-text[show="+section+"]").fadeIn('fast');
	});
	$(".flash-menu-item-radio[show="+section+"]").attr('src', 'images/btn-category-ui-act.png');
}

function showSectionInFlash(section){
	//alert (section);
	$(".flash-movie:visible").hide();
	$(".flash-movie[show="+section+"]").show();
}

$(function(){
	$(".menu-item").click(function() {		
		showSection($(this).attr('show')); 
	});
	
	$(".menu-item-radio").click(function() {
		showSection($(this).attr('show'));
	});
	
	$(".web-menu-item").click(function() {		
		showSectionWeb($(this).attr('show'));
	});
	
	$(".web-menu-item-radio").click(function() {
		showSectionWeb($(this).attr('show'));
	});
	
	$(".mobile-menu-item").click(function() {		
		showSectionMob($(this).attr('show'));
	});
	
	$(".mobile-menu-item-radio").click(function() {
		showSectionMob($(this).attr('show'));
	});
	
	$(".flash-menu-item").click(function() {		
		showSectionFlash($(this).attr('show'));
	});
	
	$(".flash-menu-item-radio").click(function() {
		showSectionFlash($(this).attr('show'));
	});
	
	$(".inflash-menu-item-butt").click(function() {
		showSectionInFlash($(this).attr('show'));
		//alert ('yes');
	});
	
	
	/*$("#ui").click(function() {	
		$('#ui').addClass('naveign-act');
		$("#mobile").removeClass("naveign-act");
		$("#web").removeClass("naveign-act");
		$("#flash").removeClass("naveign-act");
		$("#banners").removeClass("naveign-act");
		$("#corp").removeClass("naveign-act");
		//$("#ui").toggleClass("naveign-act");
		//$("#ui").toggleClass('naveign-act', $("#ui").hasClass('naveign-act') );		
		$("#design").load("dui.html");	
		
	});
	$("#mobile").click(function() {
		$('#ui').removeClass('naveign-act');
		$("#mobile").addClass("naveign-act");
		$("#web").removeClass("naveign-act");
		$("#flash").removeClass("naveign-act");
		$("#banners").removeClass("naveign-act");
		$("#corp").removeClass("naveign-act");
		
		//$("#mobile").toggleClass('naveign-act', $("#mobile").hasClass('naveign-act') );	
		//$("#mobile").toggleClass("naveign-act");
		
		$("#design").load("dmobile.html");			  
	});
	
	$("#web").click(function() {
		$('#ui').removeClass('naveign-act');
		$("#mobile").removeClass("naveign-act");
		$("#web").addClass("naveign-act");
		$("#flash").removeClass("naveign-act");
		$("#banners").removeClass("naveign-act");
		$("#corp").removeClass("naveign-act");
		
		//$("#web").toggleClass('naveign-act', $("#web").hasClass('naveign-act') );	
		//$("#web").toggleClass("naveign-act");
		
		$("#design").load("dweb.html");	
	});
	
	$("#flash").click(function() {
		$('ui').removeClass('naveign-act');
		$("#mobile").removeClass("naveign-act");
		$("#web").removeClass("naveign-act");
		$("#flash").addClass("naveign-act");
		$("#banners").removeClass("naveign-act");
		$("#corp").removeClass("naveign-act");
		
		//$("#flash").toggleClass('naveign-act', $("#flash").hasClass('naveign-act') );	
		//$("#flash").toggleClass("naveign-act");
		
		$("#design").load("dflash.html");	
	});
		 
	$("#banners").click(function() {
		$('#ui').removeClass('naveign-act');
		$("#mobile").removeClass("naveign-act");
		$("#web").removeClass("naveign-act");
		$("#flash").removeClass("naveign-act");
		$("#banners").addClass("naveign-act");
		$("#corp").removeClass("naveign-act");
		
		//$("#banners").toggleClass('naveign-act', $("#banners").hasClass('naveign-act') ); 
		//$("#banners").toggleClass("naveign-act");		
		$("#design").load("dbanners.html");		
	});
	
	$("#corp").click(function() {
		$('#ui').removeClass('naveign-act');
		$("#mobile").removeClass("naveign-act");
		$("#web").removeClass("naveign-act");
		$("#flash").removeClass("naveign-act");
		$("#banners").removeClass("naveign-act");
		$("#corp").addClass("naveign-act");
		
		//$("#corp").toggleClass('naveign-act', $("#corp").hasClass('naveign-act') ); 	
		//$("#corp").toggleClass("naveign-act");	
		  $("#design").load("dcorp.html");		
	});*/
	
});

//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
//loading popup with jQuery magic!
function loadPopup(){
	//loads popup only if it is disabled
	if(popupStatus==0){
		$("#backgroundPopup").css({
		"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$("#popupContact").fadeIn("slow");
		popupStatus = 1;
	}
}
//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$("#popupContact").fadeOut("slow");
		popupStatus = 0;
	}
}
//centering popup
function centerPopup(){
	//request data for centering
	var windowWidth = window.innerWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact").height();
	var popupWidth = $("#popupContact").width();
	//centering
	
	var popupTop = (windowHeight - popupHeight)/2;
	var popupLeft = (windowWidth - popupWidth)/2;
	$("#popupContact").css({
	"position": "fixed",
	"top":popupTop,
	"left": popupLeft
	});
	//only need force for IE6
	
	$("#backgroundPopup").css({
	"height": windowHeight
	});

}
//LOADING POPUP
//Click the button event!
function start (){
	//alert("inn");
	//centering with css
	centerPopup();
	//load popup
	loadPopup();
}

function stop(){
	disablePopup();
}	

//CLOSING POPUP
//Click the x event!
$("#popupContactClose").click(function(){
	disablePopup();
});
//Click out event!
$("#backgroundPopup").click(function(){
	disablePopup();
});
//Press Escape event!
$(document).keypress(function(e){
	if(e.keyCode==27 && popupStatus==1){
		disablePopup();
	}
});