$(document).ready(function() {      
       
    $("div.min").find("div:last").each(function (i) {
        var inner = $.trim($(this).text());
        $(this).flash(
        {
            swf: "swf/design.swf", width: 300, height: 18, wmode: "transparent",
            flashvars: {
                design: inner
            }
        });
    });
    
    $("div:not(div.cloned) > div.full").find("div:first").each(function (i) {
        var inner = $.trim($(this).text());
        $(this).flash(
        {
            swf: "swf/design_long.swf", width: 980, height: 18, wmode: "transparent",
            flashvars: {
                design: inner
            }
        });
    });    
    
    $("div#slider_latest").scrollable().autoscroll();
    $("div#slider_web").scrollable().navigator({
        navi: 'div.pagination ul'
    });
	$("div#slider_id").scrollable().navigator({
        navi: 'div.pagination ul'
    });
    
    $("div#slider_view").scrollable();
    
    slider_clicked = 0;
    $("a.view_next").click(function() {    
        if (slider_clicked == 1) {
            return false;
        }
        
        slider_clicked = 1;        
        var id = parseInt($("a.view_prev").attr("name")) - 1;
        if (id < 1) {
            id = parseInt($("a.view_next").attr("name"));
        } 
        $("a.view_prev").attr("name", id);     
        setTimeout(function() {             
            $("div.items > div").not(".cloned").find("div.full > div:last").addClass("ajax_loader").html("");
            $("div.items > div").not(".cloned").find("div.full > div:first").flash(
            {
                swf: "swf/design_long.swf", width: 980, height: 18, wmode: "transparent",
                flashvars: {
                    design: ''
                }
            });
            loadProject(id, set_group);   
        }, 400);
        
        setTimeout(function() { 
            slider_clicked = 0;
        }, 1000);
        
    });
    
    $("a.view_prev").click(function() {     
        if (slider_clicked == 1) {
            return false;
        }
        
        slider_clicked = 1;
        var id = parseInt($("a.view_prev").attr("name")) + 1;
        if (id > parseInt($("a.view_next").attr("name"))) {
            id = 1;
        }
        $("a.view_prev").attr("name", id);
        setTimeout(function() {             
            $("div.items > div").not(".cloned").find("div.full > div:last").addClass("ajax_loader").html("");
            loadProject(id, set_group);   
        }, 400);
        
        setTimeout(function() { 
            slider_clicked = 0;
        }, 1000);        
    });
    
    $("div.hover_min").remove();
    $("div.min").find("div:first").hover(function () {
        if ($(this).find("div.hover_min").size() == 0) {
            var href = $(this).find("a").attr("href");
            $(this).prepend("<div class=\"hover_min\"><a href=\"" + href + "\">Zoom</a></div>");
            $(this).find("div.hover_min").fadeIn(200);
        }
    }, function () {
        $(this).find("div.hover_min").fadeOut(200, function() {
            $(this).remove();
        });
    });
    
    var cacheImage = document.createElement('img');
    cacheImage.src = "img/message_sent.png";
    
    $("input[name=send]").click(function() {
        error = 0;
        if ($("input[name=name]").val() == "" || $("input[name=name]").val() == "Your name" || $("input[name=name]").val() == "Please enter your name!") {
            $("input[name=name]").css("color", "#cc3500");
            $("input[name=name]").val("Please enter your name!");            
            error = 1;
        }
        
        if ($("input[name=email]").val() == "" || $("input[name=email]").val() == "Your e-mail" || $("input[name=email]").val() == "Please enter your e-mail adress!") {
            $("input[name=email]").css("color", "#cc3500");
            $("input[name=email]").val("Please enter your e-mail adress!");   
            error = 1;         
        }        
        else if (!validateEmail("input[name=email]")) {
            $("input[name=email]").css("color", "#cc3500");
            $("input[name=email]").val("Please enter correct e-mail address!");   
            error = 1;         
        }      
        
        if ($("textarea[name=message]").val() == "" || $("textarea[name=message]").val() == "Your message" || $("textarea[name=message]").val() == "Please enter your message!") {
            $("textarea[name=message]").css("color", "#cc3500");
            $("textarea[name=message]").val("Please enter your message!");      
            error = 1;      
        }
        
        if (error == 1) {
            error = 0;
            return false;
        }
        
        $("input[name=name]").blur();
        $("input[name=email]").blur();
        $("textarea[name=message]").blur();
        
        $.ajax({
            url: "ajax",
            global: false,
            type: "POST",
            data: ({
                name: $("input[name=name]").val(),
                email: $("input[name=email]").val(),
                message: $("textarea[name=message]").val()
            }), 
            dataType: "html",
            async: true
        });
        
        $("div#leave_message, div#leave_message_none").fadeOut(300, function () {
            $("div#status").append("<div id=\"message_sent\"></div>");
            $("div#message_sent").fadeIn(300);
            $("div#leave_message, div#leave_message_none").remove();
                
            setTimeout(function() { 
                $("div#message_sent").fadeOut(300, function () {
                    $("div#status").append("<div id=\"leave_message_none\"></div>");
                    $("div#leave_message_none").fadeIn(300);
                    $("div#message_sent").remove();
                        
                    $("input[name=name]").val("Your name");
                    $("input[name=email]").val("Your e-mail");
                    $("textarea[name=message]").val("Your message");
                });    
            }, 2000);
        });
        
        return false;
    });
    
    $("input[name=name]").focus(function() {
        $("input[name=name]").css("color", "#6f6f6f");
        if ($(this).val() == "Your name"|| $(this).val() == "Please enter your name!") {        
            $(this).val("");
        }
    });
        
    $("input[name=name]").blur(function() {
        if ($(this).val() == "") {        
            $(this).val("Your name");
        }
    });
    
    $("input[name=email]").focus(function() {
        $("input[name=email]").css("color", "#6f6f6f");
        if ($(this).val() == "Your e-mail" || $(this).val() == "Please enter your e-mail adress!" || $(this).val() == "Please enter correct e-mail address!") {        
            $(this).val("");
        }
    });
        
    $("input[name=email]").blur(function() {
        if ($(this).val() == "") {        
            $(this).val("Your e-mail");
        }
    });
    
    $("textarea[name=message]").focus(function() {
        $("textarea[name=message]").css("color", "#6f6f6f");
        if ($(this).val() == "Your message" || $(this).val() == "Please enter your message!") {        
            $(this).val("");
        }
    });
        
    $("textarea[name=message]").blur(function() {
        if ($(this).val() == "") {        
            $(this).val("Your message");
        }
    });
            
}); 

function validateEmail(field) {
    var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
    if(reg.test($(field).val()) == false) {
        return false;
    }
    return true;
}

function fullHeight(value) {
    $("div#slider_view").height(value + 98);
    $("div#slider_view").css("height", (value + 98) + "px");
    return true;
}

function loadProject(id, group) {
    set_group = group;
    img = new Image();
	
	/*
	if (id == 1 && group == 'webdesign') {
		id = 2;
	}
    */
	
    $(img).load(function () {   
        info_img = $.ajax({
            url: "ajax",
            global: false,
            cache: false,
            type: "POST",
            data: ({
                project_id: id,
                group: set_group
            }),
            dataType: "html",
            async: false
        }).responseText;       
        
        if (info_img) {
            info_split = info_img.split("|");            
            $("div:not(div.cloned) > div.full").find("div:first").each(function (i) {
                $(this).flash(
                {
                    swf: "swf/design_long.swf", width: 980, height: 18, wmode: "transparent",
                    flashvars: {
                        design: info_split[0]
                    }
                });
            });
            
            $("div#slider_view").height(parseInt(info_split[1]) + 98);
            $("div#slider_view").css("height", (parseInt(info_split[1]) + 98) + "px");
        }
        
        $(this).hide();    
        $("div.items > div").not(".cloned").find("div.full > div:last").removeClass("ajax_loader").html(this);
        $(this).fadeIn(300);
    });
    
    $(img).attr("src", "showcase/" + set_group + "/full/" + id + ".jpg");
    return true;
}