/*
	Site:		the-eye-place.co.uk
	File:		/assets/scripts/frames.js
	Version:	2008-10-12
	Author:		Andrew Disley, Simplified http://simplified.co.uk/
----------------------------------------------- */
function initPage(){
	$j("#ContentSecondary ul.brands").parent().parent().children("#ContentPrimary").prepend("<div id=\"showcase\"><span></span></div>");
	if (window.location.toString().split("#")[1] == "Bulgari") {
		$j("#ContentSecondary ul.brands li a.active").removeClass("active");
		$j("#ContentSecondary ul.brands li.bulgari a").addClass("active");
		$j("#showcase").css({ "background-image": "url(/assets/images/content/frames/bulgari.jpg)", "background-position": "left top" });
		$j("#showcase").html("<ul><li class=\"first\">1</li><li>2</li><li>3</li><li>4</li></ul>");
		$j("#showcase").prepend("<a class=\"external\" href=\"http://www.bulgari.com/\">View full range</a>");
		$j("#showcase ul li").click(function(){
			var liCount = ( $j(this).html() - 1 );
			var backgroundPosition = ( liCount * 445 );
			$j("#showcase").fadeIn("slow").css("background-position","-" + backgroundPosition + "px 0");
		});
	}
	if (window.location.toString().split("#")[1] == "RudyProject") {
		$j("#ContentSecondary ul.brands li a.active").removeClass("active");
		$j("#ContentSecondary ul.brands li.rudyproject a").addClass("active");
		$j("#showcase").css({ "background-image": "url(/assets/images/content/frames/rudyproject.jpg)", "background-position": "left top" });
		$j("#showcase").html("<ul><li class=\"first\">1</li><li>2</li><li>3</li></ul>");
		$j("#showcase").prepend("<a class=\"external\" href=\"http://www.rudyproject.com/products/\">View full range</a>");
		$j("#showcase ul li").click(function(){
			var liCount = ( $j(this).html() - 1 );
			var backgroundPosition = ( liCount * 445 );
			$j("#showcase").fadeIn("slow").css("background-position","-" + backgroundPosition + "px 0");
		});
	}
	if (window.location.toString().split("#")[1] == "Lindberg") {
		$j("#ContentSecondary ul.brands li a.active").removeClass("active");
		$j("#ContentSecondary ul.brands li.lindberg a").addClass("active");
		$j("#showcase").css({ "background-image": "url(/assets/images/content/frames/lindberg.jpg)", "background-position": "left top" });
		$j("#showcase").html("<ul><li class=\"first\">1</li><li>2</li></ul>");
		$j("#showcase").prepend("<a class=\"external\" href=\"http://www.lindberg.com/\">View full range</a>");
		$j("#showcase ul li").click(function(){
			var liCount = ( $j(this).html() - 1 );
			var backgroundPosition = ( liCount * 445 );
			$j("#showcase").fadeIn("slow").css("background-position","-" + backgroundPosition + "px 0");
		});
	}
	$j("#ContentSecondary ul.brands li a").click(function(){
		$j("#ContentSecondary ul.brands li a.active").removeClass("active");
		$j(this).addClass("active");
		$j("#showcase").html("<ul></ul>");
		var brandTitle = $j(this).parent().attr("class").split(" i")[0];
		var brandCount = $j(this).parent().attr("class").split(" i")[1];
		var brandURL = $j(this).attr("href");
		if ( (typeof brandURL !== "undefined") && (brandURL !== "#") ){
			$j("#showcase").prepend("<a class=\"external\" href=\""+ brandURL + "\">View full range</a>");
		}
		for (var i = brandCount - 1; i >= 0; i--){
			if ( i === 0 ) {
				$j('#ContentPrimary #showcase ul').prepend("<li class=\"first\">1</li>");
			} else {
				$j('#ContentPrimary #showcase ul').prepend('<li>' + (i+1) + '</li>');
			}
		}
		$j("#ContentPrimary").css({ "background-image": "none", "background-color": "#FFFFFF" });
		$j("#ContentPrimary #showcase").fadeIn("slow").css({ "background-image": "url(/assets/images/content/frames/" + brandTitle + ".jpg)", "background-position": "left top" });
		$j("#ContentPrimary #showcase ul li").click(function(){
			var liCount = ( $j(this).html() - 1 );
			var backgroundPosition = ( liCount * 445 );
			$j("#showcase").fadeIn("slow").css("background-position","-" + backgroundPosition + "px 0");
		});
		externalLinksInit();
		return false;
	});
}