var bg_timer
var hover_timer = false
var resetstate = function(){$('#msg p').fadeOut('fast');$('#products').fadeOut("fast");$('#extra-nav ul').fadeIn("slow");$('#black').animate( { width:"400px" }, { queue:false, duration:2000 } );$('#main').animate( { width:"397px" }, { queue:false, duration:2000 } );$('#logo').animate( { left:"105px" }, { queue:false, duration:2000 } );}

var erdekel = function(v){
    resetstate();
    var value = $("."+v).children("h2").html();    	
    $('#hd-contact').click();
    $('#message').val("Érdeklődni szeretnék erről a termékükről :\n"+value+"\n");
    $('#message').focus();
}

$(document).ready(function(){
	  
	$("#black").resizable({alsoResize: '#main', helper: 'resizehandler', minWidth: 280, maxWidth:500}); $("#main").resizable();
	$('#content .content-box').wrap('<div class="content-wrapper"></div>')
	$('#content h1').click(function(e){
		resetstate()
		$('#content .content-wrapper').slideUp('slow',function(){readjust()})
		var l = $(e.target).next();		
	})
	var default_nav_pos = $('#extra-nav ul').offset().left
	var loaded_images = [];
	var bg_i = 0;
	var hiddens = $.find("#bg input[type='hidden']")
	var loadnextbg = function(){
	  if(bg_i<hiddens.length){
	    var h = $(hiddens[bg_i])
    		h.parent().hide()
  		var src = h.val()
  		$('<img src="">').appendTo(h.parent()).hide().load(function(){
  			loaded_images.push(this)
			  $(this).show()
  			if(loaded_images.length==1){
  			  $(this).parent().fadeIn('medium')
  			}else if(loaded_images.length==2){
        		    bg_timer = setInterval(function(){bgfade()}, 11000)
  			}  			
  			loadnextbg()
  			$(this).mousedown(function(e){
  				e.preventDefault()
  				return false
  			})
  		}).attr('src',src)
  		h.remove()
  		bg_i++
	  }else{
	    return true
	  }
	}
	loadnextbg()
	
	var bg_j = 0
	
	var bgfade = function(){
		$('#black').css('border','none')
		var old = $(loaded_images[bg_j]).parent()
		bg_j++
		if(bg_j>=loaded_images.length)
			bg_j=0
		var nu = $(loaded_images[bg_j]).parent()
		old.fadeOut("medium", function(){
		    nu.hide().fadeIn("medium");			
		})
	}
	
	var readjust = function(){
	  // Fade footer out if content runs into it, or vice versa
	  var ttop = $(window).height() - 30
	  var cnt = $("#content")
	  var cnt_h = cnt.innerHeight() + parseInt(cnt.css('margin-top')) + 90
	    /*if(cnt_h > ttop){
    		$('#footer').fadeOut('fast')
	    }else{
    		$('#footer').fadeIn('fast')
    		$("#footer").css({'position':'absolute', 'top':ttop-90+'px'})
	    }
    */
	// Move top nav and bg to left if window is small
	    var wwid = $(window).width()
	    var cwid = $('#extra-nav ul').outerWidth()
	    var xpos = default_nav_pos
	    if(wwid<cwid+xpos+30){
    		xpos = wwid-30-cwid
    		if(xpos<510)
	            xpos = 510
	    }
	    $('#extra-nav ul').css('left',xpos+'px')
	    //$('#bg').css({'left':xpos-default_nav_pos+'px','width':default_nav_pos-xpos+wwid+'px'})    
	    $('#menu-dropdown').css('left',(xpos+10)+'px')
	}
	
	
	
	$(window).resize(function(){ readjust() })
	
	readjust()		
	
	var closemenu = function(){
	    hover_timer = false
	    $('#menu-dropdown').fadeOut('fast')
	}
	
	var openmenu = function(){
	    $('#menu-dropdown').fadeIn('fast')
	}
	
	var closecountdown = function(){
	    hover_timer = setTimeout(function(){closemenu()},300)
	}
	
	var countdowncancel = function(){
	    if(hover_timer){
	    	clearTimeout(hover_timer)
	    	hover_timer = false
	    }
	}

	$('.nav-menus').click(function(e){e.preventDefault(); return false})
	$('.nav-menus, #menu-dropdown').hover(function(){
	    countdowncancel()
	    openmenu()
	}, function(){
	    closecountdown()
	})
	
	var email = $('#email');
	var name = $('#name');
	var mobil = $('#mobil');
	var message = $('#message');
	
	var email_dt = "Email címe";
	var name_dt = "Neve";
	var mobil_dt = "Telefon száma";
	var message_dt = "Üzenete";
	
	email.focus(function(e){ if($(this).val()==email_dt)$(this).val('') })
	email.blur(function(e){ if($(this).val()=='')$(this).val(email_dt) })
	name.focus(function(e){ if($(this).val()==name_dt)$(this).val('') })
	name.blur(function(e){ if($(this).val()=='')$(this).val(name_dt) })
	mobil.focus(function(e){ if($(this).val()==mobil_dt)$(this).val('') })
	mobil.blur(function(e){ if($(this).val()=='')$(this).val(mobil_dt) })
	message.focus(function(e){ if($(this).val()==message_dt)$(this).val('') })
	message.blur(function(e){ if($(this).val()=='')$(this).val(message_dt) })	
	$('#submit').click(function(){
	    $(this).attr("disabled", "disabled");
	    var email = $('#email').val();
	    var name = $('#name').val();
	    var mobil = $('#mobil').val();
	    var message = $('#message').val();
	    message = encodeURIComponent(message);
	    if (email != email_dt && name != name_dt){
		$.post("/action/sendmail.php",{n:name,t:mobil,e:email,m:message},function(data){		    
		    $('#email').val("");
		    $('#name').val("");
		    $('#message').val(data.msg);		
		},"json");	    	    	
	    } else {
		$('#email').css("color","red");
		$('#name').css("color","red");
	    }
	});
	
	var placemaker = function(){
	    $('#black').animate( { width:"99%" }, { queue:false, duration:2000 } )
	    $('#main').animate( { width:"280px" }, { queue:false, duration:2000 } )	
	    $('#logo').animate( { left:"60px" }, { queue:false, duration:2000 } )
	    $('#extra-nav ul').fadeOut('slow');
	    $('#products').fadeIn('slow');
	    $('#msg p').fadeIn('slow');
	}
	
	$('#products span').click(function(e){
	    e.preventDefault();
	    resetstate();
	});
	$('#hd-kandallo, .nav-kandallo').click(function(e){
	    e.preventDefault();
	    placemaker();
	    $('.prod').fadeOut('fast');
	    setTimeout(function(){$('#prod-kandallo').fadeIn('slow');},1000);
	});
	
	$('#hd-cserepkalyha, .nav-cserepkalyha').click(function(e){
	    e.preventDefault();
	    placemaker();	    
	    $('.prod').fadeOut('fast');
	    setTimeout(function(){$('#prod-cserepkalyha').fadeIn('slow');},1000);
	});
	
	$('#hd-tuzterbetet').click(function(e){
	    e.preventDefault();
	    placemaker();
	    $('.prod').fadeOut('fast');
	    setTimeout(function(){$('#prod-tuzterbetet').fadeIn('slow');},1000);
	});
	
	$("span.screenshot").fancybox({'zoomOpacity':true,'overlayShow':false,'zoomSpeedIn':500,'zoomSpeedOut':500});
})