var $j = jQuery.noConflict();

$j(function() {
    $j("#menu-main").load("lib/menu_main.php"); // Load the menu.
    if ($j("#comment-form").length > 0) $j("#comment-form").hide(); // initialize twitter content 
	lightBox(); // initialize & configure lightbox script

	navigation(); // dynamic light selection in the menu (windows7-like)

    if ($j("#twitter").length > 0) twitter(); // initialize twitter content 
    if ($j("#blog_posts").length > 0) blog_posts(); // initialize blog posts content
	if ($j("form#contact").length > 0) contactForm(); // initialize javascript validators for the contact form 
    if ($j("form#comment").length > 0) commentForm(); // initialize javascript validators for the comment form 

	if ($j("#slides").length > 0) setInterval("slides()", 5000); // slide timer (5000 / 1000ms = 5 sec)

	if ($j("#newsline").length > 0) setInterval("newsline()", 4000); // news timer

	if ($j("#folio").length > 0) folio(500, 0.6); // portfolio sleek image shade (timer, opacity)
    $j('.dialog').dialog({ autoOpen: false });
});


// functions
function show_ecommerce_info() {
    if ($j("#ecommerce-packages").length == 0) {
        $j.post("html/ecommerce.html", function(data){
                $j("#main-content").fadeOut(1000, function () {
                $j("#main-content").html(data);
                $j("#main-content").fadeIn(1000);
              }); 
        });
    }
}

function show_website_info() {
    if ($j("#website-packages").length == 0) {
        $j.post("html/websites.html", function(data){
                $j("#main-content").fadeOut(1000, function () {
                $j("#main-content").html(data);
                $j("#main-content").fadeIn(1000);
              }); 
        });
    }
}

function show_bespoke_info() {
    if ($j("#bespoke-package").length == 0) {
        $j.post("html/bespoke.html", function(data){
                $j("#main-content").fadeOut(1000, function () {
                $j("#main-content").html(data);
                $j("#main-content").fadeIn(1000);
              }); 
        });
    }
}

function twitter() {
    $j.post("lib/twitter.php", function(data){
      $j("#twitter").html(data);
    });
}

function blog_posts() {
    $j.post("lib/blog_posts.php", function(data){
      $j("#blog_posts").html(data);
    });
}

function show_comment_form() {
    $j('#comment-form').slideDown('slow');
    $j('#show-comment-form').hide();
    $j('#hide-comment-form').show();
}

function hide_comment_form() {
    $j('#comment-form').slideUp('slow');
    $j('#hide-comment-form').hide();
    $j('#show-comment-form').show();
}
function contactForm() {
	$j(".input", "form#contact").blur(function() { validateInput($j(this)); }); // validate when unfocus
	$j("#submit", "form#contact").click(function() { // validate on submit
		$j(".input", "form#contact").each(function() { validateInput($j(this)); })
		if (!isFormValid('contact'))
			return false;
	});
}
function commentForm() {
	$j(".input", "form#comment").blur(function() { validateInput($j(this)); }); // validate when unfocus
	$j("#submit", "form#comment").click(function() { // validate on submit
		$j(".input", "form#comment").each(function() { validateInput($j(this)); })
		if (!isFormValid('comment'))
			return false;
	});
}
function isFormValid(form) {
	return $j(".input.incorrect", "form#"+form).length > 0 ? false : true;
}
function validateInput(obj) {
	var id = obj.attr("id");
	var correct = false;
	if (id == "email") { // email validator
		if (obj.val().match(/^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/))
			correct = true;
	}
	else if (id == "message") { // message validator
		if (obj.val().replace(/(^\s+)|(\s+$)/g, "") != "")
			correct = true;
	}
	else if (id == "name") { // name validator
		if (obj.val().replace(/(^\s+)|(\s+$)/g, "") != "")
			correct = true;
	}
    else { // standard validator
		if (obj.val().replace(/(^\s+)|(\s+$)/g, "") != "")
			correct = true;
	}
	obj.removeClass("correct incorrect"); // clearing
	if (correct) {
		obj.addClass("correct");
	}
	else {
		obj.addClass("incorrect");
	}
}

function navigation() {
	$j("li a", "#nav").
		mousemove(function(e) {
			var relativeY = (e.pageY - this.offsetTop - 45) / 4;
			$j(this).css("backgroundPosition", "center " + relativeY + "px");
		}).
		mouseout(function(e) {
			$j(this).css("backgroundPosition", "center center");
		});
}

//

function lightBox() {
	$j("a[rel^='lightbox']").prettyPhoto({
		animationSpeed: 'fast', /* fast/slow/normal */
		padding: 40, /* padding for each side of the picture */
		opacity: 0.5, /* Value betwee 0 and 1 */
		showTitle: true, /* true/false */
		allowresize: true, /* true/false */
		counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
		theme: 'dark_rounded', /* light_rounded / dark_rounded / light_square / dark_square */
		callback: function() { }
	});
}

//

function folio(time, opacity) {
	$j("img", "#folio")
		.css("opacity", 1)
		.hover(
			function() {
				$j(this).stop().animate({ opacity: opacity }, time);
			},
			function() {
				$j(this).stop().animate({ opacity: 1 }, time);
			}
		);
}

//

function slides() {

	if (ie6) {
		return; // ie6 fails to animate overall opacity of the transparent PNGs
	}

	var $active = $j("#slides img.active");

	if ($active.length == 0) {
		$active = $j("#slides img:last");
	}

	var $next = $active.next().length ?
			$active.next() :
			$j("#slides img:first");

	$active.addClass("pre-active");

	$next.
		css({ opacity: 0 }).
		addClass("active").
		animate({ opacity: 1 }, 1000, function() {
			$active.removeClass("active pre-active");
		});

}

//

function newsline() {
	var $ph = $j("#newsline a.ph");

	if ($ph.length == 0) { // prepare basement
		var $first = $j("#newsline a:first");
		$j("#newsline p").append("<br />").append($first.clone());
		$ph = $first.addClass("ph");
	}

	var $active = $j("#newsline a.active");

	if ($active.length == 0) {
		$active = $j("#newsline a:last");
	}

	var $next = $active.next().next().length ?
			$active.next().next() :
			$j("#newsline a:not(.ph):first");

	$next.addClass("active");
	$active.removeClass("active");

	if (ie6) { // bha! another ie6 opacity fail
		$ph.html($next.html());
		$ph.attr("href", $next.attr("href"));
	}
	else {
		$ph.animate({ opacity: 0 }, 500, function() { // hiding
			$ph.html($next.html());
			$ph.attr("href", $next.attr("href"));
			$ph.animate({ opacity: 1 }, 300); // revealing
		});
	}
}

//

var ie6 = jQuery.browser.msie && parseInt(jQuery.browser.version) < 7;