function WorkArt()
{
	var showX = 235;
	var hideX = 1000;
	var speed = 1500;
	
	var brandGreen = '#7d9434';
	var brandRed = '#9d251f';
	var brandYellow = '#a6821e';
	var brandGrey = '#efeeee';
	
	var showMonitor = true;
	
	WorkArt.prototype.init = function()
	{	
	
		// ART
		$('#id_workArt').css('position', 'absolute');
		$('#id_workArt').css('background-color', brandGreen);
		$('#id_workArt').css('width','auto');
		$('#id_workArt').css('height','auto');
		$('#id_workArt').css('top', '200px');
		$('#id_workArt').css('left', $(window).width()+hideX);
		$('#id_workArt').css('padding', '8px');
		
		
		// COMPUTER MONITOR
		$('#id_monitor').css('position', 'absolute');
		$('#id_monitor').css('margin-left', 'auto');
		$('#id_monitor').css('margin-right', 'auto');
		$('#id_monitor').css('float', 'none');
		$('#id_monitor').css('width','386px');
		$('#id_monitor').css('height','316px');
		$('#id_monitor').css('top', '200px');
		
		$('#id_monitor').css('left', $(window).width()+hideX);
		
		$('#id_monitor_video').css('text-align', 'center');
		$('#id_monitor_video').css('margin-left', 'auto');
		$('#id_monitor_video').css('margin-right', 'auto');
		$('#id_monitor_video').css('margin-top', '16px');
		$('#id_monitor_video').css('width', '321px');
		$('#id_monitor_video').css('height', 'auto');
		$('#id_monitor_video').css('vertical-align', 'middle');
		
		
		
		// WORK DESCRIPTION
		$("#id_workDesc").css('position', 'absolute');
		$("#id_workDesc").css('width', '325px');
		$("#id_workDesc").css('padding', '10px');
		$("#id_workDesc").css('height', 'auto');
		$("#id_workDesc").css('background-color', brandGrey);
		$("#id_workDesc").css('top', '520px');
		$("#id_workDesc").css('left', $(window).width()+hideX);
		$('#id_workDesc').css('background-color', '#efeeee');
		$('#id_workDesc').css('border', 'double');
		$('#id_workDesc').css('border-width', 'medium');
	}
	
	setArt = function(_src, _descHead, _descBody, _cinSrc)
	{
		//$("#id_workArt").html('<img src="'+_src+'"></img>');
		// ART
		$("#id_workArt").animate({"left":$(window).width()+100}, "slow", function(){
			$("#id_monitor_video").html(_cinSrc);
			var heightStart = _cinSrc.indexOf("height=");
			var heightEnd = _cinSrc.indexOf('"', heightStart+8);
			var cinHeight = _cinSrc.substring(heightStart+8,heightEnd);
			$('#id_monitor_video').css('margin-top', 16+(100-(cinHeight/2)));
			$("#id_workArt").html('<img src="'+_src+'" id="id_workArt_img"></img>');
			$("#id_workDesc").html('<span class="class_workDesc_head">'+_descHead+'</span><span class="class_workDesc_body"><p class="medium">'+_descBody+'</p></span>');
			
			
			$('#id_workArt_img').bind("load",function(){ showArt(); });
		});
		
		
		/*
		$('#id_workArt_img').load(function() {
			alert("loaded");
 	 		//$("#id_workArt").animate({"left":showX}, "slow");
		});
		*/
		
		if(_cinSrc==undefined || _cinSrc == "")
		{
			showMonitor=false;
		} else 
		{
			showMonitor = true;
		}
		
		
		// MONITOR
		$("#id_monitor").animate({"left":$(window).width()+hideX}, speed-500, function(){
			
		});
		
		$("#id_workDesc").animate({"left":$(window).width()+hideX}, speed-500, function(){
			
		});
	}
	
	showArt = function()
	{
		$("#id_workArt").animate({"left":showX}, speed);
		if(showMonitor)
		{
			$("#id_workDesc").css('top', '520px');
			$("#id_monitor").animate({"left":showX+$("#id_workArt").width()+10}, speed);
		} else 
		{
			$("#id_workDesc").css('top', '200px');
		}
				
		$("#id_workDesc").animate({"left":showX+$("#id_workArt").width()+35}, speed);
	}
	
	hideArt = function()
	{
		$("#id_workArt").animate({"left":$(window).width()+hideX}, speed);
		$("#id_monitor").animate({"left":$(window).width()+hideX}, speed-500);
		$("#id_workDesc").animate({"left":$(window).width()+hideX}, speed-500);
	}
}