/* Layout columns
-------------------------------------------------------------- */
function layoutcol(){
	if($('#leftside').length != 0 && $('#rightside').length != 0){
		$('body').addClass('col3');
	}
	else if($('#leftside').length != 0 || $('#rightside').length != 0){
		$('body').addClass('col2');
	}
	else if($('#leftside').length == 0 && $('#rightside').length == 0){
		$('body').addClass('col1');
	}
}

/* Grid columns
-------------------------------------------------------------- */
function gridcol(){	
	if($('.column').length != 0) {
		var cw = parseInt($('#content').width());
		var margin = parseInt($('.column').css('margin-right'));
		
		var gridcol1 = cw;
		var gridcol2 = (cw - margin)/2;
		var gridcol3 = Math.floor((cw - margin*2)/3);
	
		$('head').append(
			'<style>'+
				'.gridcol1 { width: '+gridcol1+'px; }'+
				'.gridcol2 { width: '+gridcol2+'px; }'+
				'.gridcol3 { width: '+gridcol3+'px; }'+
			'</style>'
		);
	}
}

/* Aside text input width setup
-------------------------------------------------------------- */
function aside_input(){
	if($('aside input:text').length != 0){
		var cw = parseInt($('input:text').parent().css('width'));
		
		var ibl = parseInt($('aside input:text').css('border-left-width'));
		var ibr = parseInt($('aside input:text').css('border-right-width'));
		
		var ipl = parseInt($('aside input:text').css('padding-left'));
		var ipr = parseInt($('aside input:text').css('padding-right'));
		
		$('aside input:text').css('width', cw-ibl-ibr-ipl-ipr);
	}
	if($('aside input:password').length != 0){
		var cw = parseInt($('input:password').parent().css('width'));
		
		var ibl = parseInt($('aside input:password').css('border-left-width'));
		var ibr = parseInt($('aside input:password').css('border-right-width'));
		
		var ipl = parseInt($('aside input:password').css('padding-left'));
		var ipr = parseInt($('aside input:password').css('padding-right'));
		
		$('aside input:password').css('width', cw-ibl-ibr-ipl-ipr);
	}
}


/* Multi level navigation
-------------------------------------------------------------- */
function multilevel_nav(target){	
	$(target).find('li').each(function(){
		$(this).has('ul').addClass('nav-with-ul').children('a').append('<span class="nav-arrow"></span>');
	});
	
	$(target).find('.nav-with-ul').each(function(){
		$(this).hover(function(){
			$(this).children('ul').css('display', 'block');
		}, function(){
			$(this).children('ul').css('display', 'none');
		});
	});
}

jQuery.fn.init_multilevel_nav = function(){
	return this.each(function(){
		multilevel_nav(this);
	});
};

/* Accordion navigation
-------------------------------------------------------------- */
function accordion_nav(target){
	var id = $(target).attr('id');
	
	$('#'+id+' ul').hide();
	$('#'+id+' ul:first').show();
	$('#'+id+' li a').click(
		function(){
			var checkElement = $(this).next();
			if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
				return false;
			}
			if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
				$('#'+id+' ul:visible').slideUp('normal');
				checkElement.slideDown('normal');
				return false;
			}
		}
	);
}

jQuery.fn.init_accordion_nav = function(){
	return this.each(function(){
		accordion_nav(this);
	});
};

/* Document Ready
-------------------------------------------------------------- */
$(document).ready(function(){

	layoutcol(); // Layout columns
	gridcol(); // Grid columns
	aside_input(); // Aside text input width setup
	$('#product-nav').init_accordion_nav(); // Accordion navigation
	$('#main-nav ul, #sub-nav ul').init_multilevel_nav(); // Multi level navigation
			
	//$('#carousel').nivoSlider({
	//	effect:'random', // Specify sets like: 'fold,fade,sliceDown'
	//	slices:15, // For slice animations
	//	boxCols: 8, // For box animations
	//	boxRows: 4, // For box animations
	//	animSpeed:500, // Slide transition speed
	//	pauseTime:5000, // How long each slide will show
	//	startSlide:0, // Set starting Slide (0 index)
	//	directionNav:false, // Next & Prev navigation
	//	directionNavHide:false, // Only show on hover
	//	controlNav:false, // 1,2,3... navigation
	//	controlNavThumbs:false, // Use thumbnails for Control Nav
	//	controlNavThumbsFromRel:false, // Use image rel for thumbs
	//	controlNavThumbsSearch: '.jpg', // Replace this with...
	//	controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
	//	keyboardNav:true, // Use left & right arrows
	//	pauseOnHover:true, // Stop animation while hovering
	//	manualAdvance:false, // Force manual transitions
	//	captionOpacity:0.8, // Universal caption opacity
	//	prevText: 'Prev', // Prev directionNav text
	//	nextText: 'Next', // Next directionNav text
	//	beforeChange: function(){}, // Triggers before a slide transition
	//	afterChange: function(){}, // Triggers after a slide transition
	//	slideshowEnd: function(){}, // Triggers after all slides have been shown
	//	lastSlide: function(){}, // Triggers when last slide is shown
	//	afterLoad: function(){} // Triggers when slider has loaded
	//});
	
	$("a.overlay").fancybox(); // Lightbox
	
	// Login box toggle
	$("#login-button").click(function(e) {
		e.preventDefault();
		$("#login-form").slideToggle();
	});
	$("div#login").mouseup(function() {
		return false;
	});
	$(document).mouseup(function(e) {
      if(!$(e.target).is(".loginBtn")) {
    	  $(".login_button").removeClass("login_open");
    	  $("div#login").slideUp();
      }
	}); 
	
   // ajax login
	$("#loginForm").submit(function(){
		var datas = $("#loginForm").serialize();
		$.ajax({
			type: "POST",
			url: "/login",
			data: datas,
			beforeSend: function(){
				$("#loginForm :submit").val("Kérlek várj...");
			},
			success: function(msg){
				if (msg){
					alert(msg);
					$("#loginForm :submit").val("Bejelentkezés");
				}
				else {
					location.reload(true);
				}
			}
		});
		return false;
	});

	// Felugró ablak
	$("#popup").overlay({
		top: 50,
		mask: {
			// you might also consider a "transparent" color for the mask
			color: '#000',
			// load mask a little faster
			loadSpeed: 200,
			// very transparent
			opacity: 0.6
		},
		// disable this for modal dialog-type of overlays
		closeOnClick: true,
		// load it immediately after the construction
		load: true
	});

	// Marquee 
	$('#hirfolyam div').marquee();
});

// Flexslider

$(window).load(function() {
	$('.flexslider').flexslider();
});