var $j = jQuery.noConflict();
$j(document).ready(function () {
    var l = $j(document).height() / 2;
    var f = $j("#nav-bg");
    var j = $j("#main");
    var r = $j("#content");
    var g = $j("#nav-items");
    var n = 180;
    var o = "about";
    var a = g.width() - n;
    var d = $j(document).width();
    var k = $j("#slider");
    var c = $j("#slider-container span");
    var x = $j("#portfolio-content");
    var q = $j("#portfolio-images ul");
    var h = q.children().size();
    var ldpg = $j("#loadpage");
    j.height(l);
    var i = new Array();
    i.about = ([$j("#about-nav"), $j("#about-icon"), $j("#about-nav a"), $j("#about-nav a span"), $j("#about-content")]);
    i.portfolio = ([$j("#portfolio-nav"), $j("#portfolio-icon"), $j("#portfolio-nav a"), $j("#portfolio-nav a span"), $j("#portfolio-content")]);
    i.services = ([$j("#services-nav"), $j("#services-icon"), $j("#services-nav a"), $j("#services-nav a span"), $j("#services-content")]);
    i.contact = ([$j("#contact-nav"), $j("#contact-icon"), $j("#contact-nav a"), $j("#contact-nav a span"), $j("#contact-content")]);
    i.about[1].addClass("about-tab-off");
    i.portfolio[1].addClass("portfolio-tab-on");
    i.services[1].addClass("services-tab-off");
    i.contact[1].addClass("contact-tab-off");
    f.addClass("about-color-light");
    j.addClass("about-color");
    p();
    e(o, "portfolio");
    $j(window).bind("smartresize", function (s) {
        p();
        m();
        r.css("min-height", "450px")
    });

    i.about[1].hover(function () {
        if (o != "about") {
            $j(this).removeClass().addClass("about-tab-hover")
        }
    }, function () {
        if (o != "about") {
            $j(this).removeClass().addClass("about-tab-off")
        }
    });
    i.portfolio[1].hover(function () {
        if (o != "portfolio") {
            $j(this).removeClass().addClass("portfolio-tab-hover")
        }
    }, function () {
        if (o != "portfolio") {
            $j(this).removeClass().addClass("portfolio-tab-off")
        }
    });
    i.services[1].hover(function () {
        if (o != "services") {
            $j(this).removeClass().addClass("services-tab-hover")
        }
    }, function () {
        if (o != "services") {
            $j(this).removeClass().addClass("services-tab-off")
        }
    });
    i.contact[1].hover(function () {
        if (o != "contact") {
            $j(this).removeClass().addClass("contact-tab-hover")
        }
    }, function () {
        if (o != "contact") {
            $j(this).removeClass().addClass("contact-tab-off")
        }
    });
    i.about[1].click(function () {
        e(o, "about")
    });
    i.portfolio[1].click(function () {
        e(o, "portfolio")
    });
    i.services[1].click(function () {
        e(o, "services")
    });
    i.contact[1].click(function () {
        e(o, "contact")
    });

    function e(t, s) {
	$j(x).empty();
        if (t != s) {
            i[t][2].fadeOut(100, function () {
                i[t][4].fadeOut(100, function () {
                    if (s == "portfolio") {
                        $j(r).css({
                            overflow: "hidden"
                        })
                    } else {
                        $j(r).css({
                            width: "800px",
                            overflow: "visible"
                        })
                    }
                })
            });
            i[t][1].removeClass().addClass(t + "-tab-off");
            i[t][0].stop().animate({
                width: "60px"
            }, 400, function () {
                i[s][0].stop().animate({
                    width: a
                }, 400);
                i[s][1].removeClass().addClass(s + "-tab-on");
                j.fadeOut(100, function () {
                    $j(this).removeClass().addClass(s + "-color")
                }).fadeIn(500);
                i[s][2].fadeIn(200, function () {
                    i[s][4].fadeIn(200)
                });
                i[s][3].hide();
                o = s
            });
            f.fadeOut(600, function () {
                $j(this).removeClass().addClass(s + "-color-light")
            }).fadeIn(600)
        }

	$j(x).empty();
	$j(ldpg).show();
	$j(x).load('link-container.html', function() {
				//alert('Load was performed.');;
				$j(ldpg).fadeOut(200).hide();
			});
    }
    function p() {
        a = g.width() - n;
        if (a % 2 == 0) {
            i[o][0].width(a)
        } else {
            a -= 1;
            i[o][0].width(a)
        }
        i[o][2].fadeIn(500, function () {
            i[o][4].fadeIn(500)
        });
        i[o][3].hide()
    }
    b(d);

    function b(u) {
        var t = h * 300;
        var v = h * 4;
        var s = (t + v) - u;
        k.slider({
            min: 0,
            max: s,
            step: 1,
            slide: function (w, x) {
                c.hide();
                q.stop().animate({
                    right: x.value
                }, 400)
            }
        })
    }
    function m() {
        var s = $j(document).width();
        k.slider("destroy");
        q.stop().animate({
            right: 0
        }, 200);
        b(s)
    }
    $j("#portfolio-images > ul > li > a").fancybox({
        overlayColor: "black",
        overlayOpacity: "0.7",
        showCloseButton: false
    })



	$j('#link-container a').live('click',function(){
		var $this = $j(this);

		if($this.is('.webdesign')){	
			$j(x).empty();
			$j(ldpg).show();
			$j(x).fadeIn(600).load('webdesign.html', function() {
				if($j(x).find('img').length){
					$j(ldpg).fadeOut(200).hide();
				}
			});
		}
		else if($this.is('.photography')){
			$j(x).empty();
			$j(ldpg).show();
			$j(x).fadeIn(600).load('photography.html', function() {
				if($j(x).find('img').length){
					$j(ldpg).fadeOut(200).hide();
				}
			});
		}					
	});
});