$(document).ready(function(){

    copyrightTextPositioning = function(lang) {
        var textHeight = $("#text ." + lang).height();
        $("#text").animate({height: textHeight});
        if (textHeight-9 > $("#bottom").height()) {
            $("#bottom").animate({height: textHeight + 9})
        }
        else {$("#bottom").animate({height: 205});}
    }

    $(".pointer").hover(function() {$(this).css('cursor', 'pointer');});    
    
    // cookie for language controll
    if ($.cookie("language") == null) {
        $.cookie("language", "hun");
    }
    var lang = $.cookie('language');

    $("." + lang).fadeIn("slow", function() { $(this).css("display", "block") }); 
    copyrightTextPositioning(lang);

    // slideshow
    $(".fade").innerfade({
		speed: 2000,
		timeout: 6000,
		type: 'sequence',
		containerheight: '100px',
		children: 'img'
	});		
    $("#frameForSlides").css("display", "block");
    
    // thumbs
    $(".thumb.no0").css({borderColor: "#fcc"});

	$(".thumb").click(
	   function() {
            $(".thumb").css({borderColor: "white"});
            $(this).css({borderColor: "#fcc"});
            
	        var className = $(this).attr("class");
	        className = className.substr(6);
	        className = ".fromThumb." + className;
            $(".fromThumb").fadeOut("fast");
	        $(className).fadeIn("slow", function() {$("#right").css("backgroundImage", "")})
	    }
    );
        
    // thumbs arrow navigation up and down
    var slideEnabled = true;
    var thumbsFrameHeight = $("#thumbsFrame").height();
    var movePix = parseFloat($("#thumbsViewPort").height());
    var countThumbSubFrames = Math.ceil(parseFloat(thumbsFrameHeight)/movePix);
    var currThumbSubFrame = 1;
    
    $("#thumbs").hover(
        function() {showArrows()},
        function() {hideArrows()}
    );
    
    $("#arrowUpThumbs").click(
        function() {
            currThumbSubFrame--;
            if (currThumbSubFrame > 0) {moveThumbs()}
            else {currThumbSubFrame = 1;}
        }
    );
    
    $("#arrowDownThumbs").click(
        function() {
            currThumbSubFrame++;
            if (currThumbSubFrame <= countThumbSubFrames) {moveThumbs()}
            else {currThumbSubFrame = countThumbSubFrames}
        }
    );

    moveThumbs = function() {
        hideArrows();
        var newMarginTop = -1*((currThumbSubFrame-1)*movePix)+"px";
        $("#thumbsFrame").animate({marginTop : newMarginTop});            
        showArrows();    
    }
    
    showArrows = function() {
        if (currThumbSubFrame > 1) {
            $("#arrowUpThumbs").fadeIn("fast");
        }
        if (currThumbSubFrame !== countThumbSubFrames) { 
            $("#arrowDownThumbs").fadeIn("fast");
        }
    }
    
    hideArrows = function() {
        $("#arrowUpThumbs").fadeOut("fast");    
        $("#arrowDownThumbs").fadeOut("fast");
    }
    
    // language switcher
    $("#switchLanguage").click(
        function() {
            var lang = $.cookie("language");
            if (lang == "hun") {
                $.cookie("language", "eng");
                $(".eng").fadeIn("normal");
                $(".hun").fadeOut("normal");
                copyrightTextPositioning("eng");
            }
            if (lang == "eng") {
                $.cookie("language", "hun");
                $(".eng").fadeOut("normal");
                $(".hun").fadeIn("normal");
                copyrightTextPositioning("hun");
            }
        }
    );
    
    // send button
    $("#sendBtn").hover(
        function() {
            $(this).css("color", "#cc6a00");
        },
        function() {
            $(this).css("color", "#3c3c3c");
        }
    );

    // send message
    $("#sendBtn").click(
        function() {
            var dataToSend = $("form").serialize();
            $("#alert, #success").animate({marginLeft: "-389px"});          

            $.post("uzenjMandinak.php", dataToSend,
                function(data) {
                    var response = data.split(",");

                    // message sent
                    if (response[0] == "+") {
                        $("#success").animate({marginLeft: "0px"});
                        $("#name").val("");
                        $("#email").val("");
                        $("#message").val("");
                    }
                    
                    // server error
                    if (response[0] == "?") {
                        var hibaHun = "Rendszerhiba lépett fel. Kérlek, próbáld meg később."                        
                        var hibaEng = "There was a server error. Please try again later."                        
                        $("div#alert div.hun").html(hibaHun);
                        $("div#alert div.eng").html(hibaEng);
                        $("#alert").animate({marginLeft: "0px"});
                    }
                    
                    // missing datas (name, email, message)
                    else {
                        var hibaHun = "Ellenőrizd ", hibaEng = "Check "; hibaNum = 0;
                        
                        if (response[3] == "-") {
                            hibaHun += "a neved, ";
                            hibaEng += "your name, ";
                            hibaNum++;
                        }

                        if (response[4] == "-") {
                            hibaHun += "az email címed, ";
                            hibaEng += "your email address, ";
                            hibaNum++;
                        }

                        if (response[5] == "-") {
                            hibaHun += "az üzenetet, ";
                            hibaEng += "your message, ";
                            hibaNum++
                        }

                        hibaHun = hibaHun.slice(0, hibaHun.length-2);
                        hibaHun += "!";
                        hibaEng = hibaEng.slice(0, hibaEng.length-2);
                        hibaEng += "!";
                        
                        if (hibaNum > 1) {
                            var vesszo = hibaHun.lastIndexOf(",");
                            var start = hibaHun.substr(0,vesszo);
                            var end = hibaHun.substr(vesszo+1);
                            hibaHun = start + " és" + end;
                            
                            var vesszo = hibaEng.lastIndexOf(",");
                            var start = hibaEng.substr(0,vesszo);
                            var end = hibaEng.substr(vesszo+1);
                            hibaEng = start + " and" + end;
                        }
                        
                        $("div#alert div.hun").html(hibaHun);
                        $("div#alert div.eng").html(hibaEng);
                        $("#alert").animate({marginLeft: "0px"});
                    }
                    
                }
            );
        }
    );       
});