var i = 0;
var site_url = $('h1 a').attr('href') + '/';

$(function(){
	$('h1').click(function(){
		document.location = site_url;
	});
	var img_replace = $('<img>')
						.attr('src', $('h1').css('background-image').replace(/["()]/gi, '').replace('url', '').replace('logo', 'logo_over')).hide().appendTo('body')
	var type;
	var el_index;
	$('#destacados dd a:not(.hover), #works_list a:not(.actual)').mouseenter(function(){
		var that = $(this);
		if(that.parent()[0].nodeName.toLowerCase() == 'dd'){
			type = 'dd';
		}else{
			type = 'a';
		}
		if(type == 'dd'){
			el_index = $('#destacados dd a').index(that);
		}else{
			el_index = $('#works_list a').index(that);
		}
		$('#destacados dd a').eq(el_index).addClass('hover');
		$('#works_list a:not(:eq('+ el_index +'))').stop().fadeTo('slow', 0.2);
		$('#works_list a:eq('+ el_index +')').stop().fadeTo(0, 1);
	}).mouseleave(function(){
		$('#destacados dd:not(.actual) a').removeClass('hover');
		$('#works_list a').stop().fadeTo(300, 1);
	}).click(function(){
		$('#destacados dd.actual, #works_list a.actual').removeClass('actual');
		if((type == 'dd' && !$(this).parent().hasClass('actual')) || (type == 'a' && !$(this).hasClass('actual'))){
			if(type == 'dd'){
				$(this).parent().addClass('actual');
				$('#work_list a:eq(' + el_index + ')').addClass('actual');
			}else{
				$(this).addClass('actual');
				$('#destacados dd:eq(' + el_index + ')').addClass('actual');
			}
			if(i != 0){
				if($('#work_details').css('display') != 'hidden'){
					$('#work_details:visible').slideUp(500);
				}
			}
			$('#work_details').load($(this).attr('href'), function(){
				$('#work_details').slideDown(500, function(){
					if(i==0){
						$('#wrapper').css('height', $('body').height());
					}
					$('.close_work').click(function(){
						$('#destacados dd.actual, #works_list a.actual').removeClass('actual');
						$('#work_details:visible').slideUp(500);
						return false;
					});
				});
				$.each($('a[rel^=shadowbox]'), function(i, el){
					var rel_arr = $(el).attr('rel').split(';');
					if(typeof(rel_arr[1]) != 'undefined' && rel_arr.length > 0){
						var height = rel_arr[1];
					}else{
						var height = 0;
					}
					Shadowbox.setup($(el), this, {
						height: height,
						width: 500,
						viewportPadding: 0
					});
				});
				/*Shadowbox.setup( $('a[rel^=shadowbox]', this), {
					height: 400,
					width: 500
				} );*/ 
			});
			i++;	
		}
		return false;
	});
});