// JavaScript Document
function createVideo() {
	var flashvars = {
		file: "../shop/guide/1.flv",
		image: "guide/1_full.jpg",
		screencolor: "999999",
		skin: "shop.swf",
		bufferlength: "3"
	};

	var params = {
		allowfullscreen: "true", 
		allowscriptaccess: "always",
		bgcolor: "#999"
	};

	var attributes = {
		id:"player",  
		name:"player"
	};
	swfobject.embedSWF("../portfolio/player.swf", "video", "500", "320", "9.0.115", false, flashvars, params, attributes);
}
function shopInteract() {
	createVideo();
	$('.productThumbs li a').each(function() {
		$.cacheImage($(this).attr('href'));
	});
	$('.productThumbs li:not(.active)').css('opacity', 0.75).live("mouseover", function() {
		$(this).stop().fadeTo('normal',1);
	}).live("mouseout", function() {
		$(this).stop().fadeTo('normal',0.75);
	});
	$('.productThumbs li a').click(function() {
		$('.productThumbs li.active').removeClass('active').fadeTo('normal', 0.75);
		$(this).parent().addClass('active');
		if ($(this).hasClass("flv")) {
			$('.largeimage').html("<div id=\"video\"><img src=\"guide/1_full.jpg\" width=\"500\" height=\"281\" alt=\"Front cover\" /></div>");
			createVideo();
		} else {
			src = $(this).attr('href');
			alt = $("img", this).attr('alt');
			$('.largeimage').html("<img src=\"" + src + "\" width=\" 500\" height=\"320\" alt=\"" + alt + "\" />");
		}
		return false;
	});
}
$(document).ready(function() {shopInteract();});