var DEFAULT_WINDOW = 'images/simple-window.png';
var CREATION_WINDOW = 'images/creation-window.png';
var UNCONVENTIONAL_WINDOW = 'images/unconventional-window.png';
var PORTFOLIO_WINDOW = 'images/portfolio-window.png';
var BUYART_WINDOW = 'images/buyart-window.png';


window.onload = function() {

	$('#logo-cp a, #logo-sc a').attr('target', '_blank');

	$('#cp').css({
		top: '-82px'
	});
	$('#webmaster').css({
		top: '-32px'
	});
	
	$('#cp span').unbind('mouseover').bind('mouseover', function(){
		$(this).css({
			background: 'transparent url(images/website-pat-hover.gif) center center no-repeat'
		});
	}).unbind('mouseout').bind('mouseout', function(){
		$(this).css({
			background: 'transparent url(images/website-pat.gif) center center no-repeat'
		});	
	}).unbind('click').bind('click', function(){
		$('#cp').animate({
			top: '0px'
		}, 300, function() {
			setTimeout(function(){
				$('#cp').animate({
					top: '-82px'
				}, 300);
			}, 3000);
		});
	});
	
	$('#webmaster span').unbind('mouseover').bind('mouseover', function(){
		$(this).css({
			background: 'transparent url(images/website-master-hover.gif) center center no-repeat'
		});
	}).unbind('mouseout').bind('mouseout', function(){
		$(this).css({
			background: 'transparent url(images/website-master.gif) center center no-repeat'
		});	
	}).unbind('click').bind('click', function(){
		$('#webmaster').animate({
			top: '0px'
		}, 300, function() {
			setTimeout(function(){
				$('#webmaster').animate({
					top: '-32px'
				}, 300);
			}, 3000);
		});
	});
	
	if(!$.browser.msie)
		$('#cp span, #webmaster span').click();



	$('#creation-area')
		.unbind('mouseover')
		.unbind('mouseout')
		.bind('mouseover', function(){
			$('#window').fadeOut(100, function() {
				$('#window').attr('src', CREATION_WINDOW).fadeIn(200);
			});
			
		})
		.bind('mouseout', function(){
			$('#window').fadeOut(100, function() {
				$('#window').attr('src', DEFAULT_WINDOW).fadeIn(200);
			});
		});
		
	$('#unconventional-area')
		.unbind('mouseover')
		.unbind('mouseout')
		.bind('mouseover', function(){
			$('#window').fadeOut(100, function() {
				$('#window').attr('src', UNCONVENTIONAL_WINDOW).fadeIn(200);
			});
			
		})
		.bind('mouseout', function(){
			$('#window').fadeOut(100, function() {
				$('#window').attr('src', DEFAULT_WINDOW).fadeIn(200);
			});
		});
	
	$('#portfolio-area')
		.unbind('mouseover')
		.unbind('mouseout')
		.bind('mouseover', function(){
			$('#window').fadeOut(100, function() {
				$('#window').attr('src', PORTFOLIO_WINDOW).fadeIn(200);
			});
			
		})
		.bind('mouseout', function(){
			$('#window').fadeOut(100, function() {
				$('#window').attr('src', DEFAULT_WINDOW).fadeIn(200);
			});
		});
		
	$('#bottom-motto').hide();
	//alert(screen.height);
	if (screen.height > 800) {

		$('#bottom-motto').show().stop().fadeTo(1000, 0.5).bind('mouseenter', function(){
			$(this).stop().fadeTo(500, 1);
		}).bind('mouseleave', function(){
			$(this).stop().fadeTo(500, 0.5);
		});
	}


};