$(document).ready(function (){ 

        //SUSTITUIR CABECERA
        $("#header").css("position", "absolute");
        $("#header").css("top", "-2000em");
        //EFECTO FADE TRABAJOS
        // $("#content .post").css("position", "absolute");
        // $("#content .post").css("top", "-2000em");
        $("#content .post").css("visibility","hidden");
        $("#content .post").fadeOut(0);

        /*$(".works_list").css("position", "relative");
        $(".works_list").css("top", "0");
        $(".works_list").css("left", "0");*/
 
        $(".postmetadata").css("top", "-1000px");
        $(".postmetadata").css("left", "-1000px");

        $(this).oneTime(300, function() {

            $(".works_list").css("position", "relative");
            $(".works_list").css("top", "0");
            $(".works_list").css("left", "0");

            $(".postmetadata").css("top", "0");
            $(".postmetadata").css("left", "0");
        
        });
 
        if($.browser.msie)
        {
            QueryLoader.selectorPreload = ".works_list";
            QueryLoader.init();
        }else
        {showimages();}


        /*$('ul.works_list').Sortable(
			{
				accept : 	'sortableitem',
				helperclass : 	'sorthelper',
				activeclass : 	'sortableactive',
				hoverclass : 	'sortablehover',
				opacity: 		0.8,
				fx:				200, 
				opacity:		0.4,
				revert:			true
			}
		)
    $('.works_list').Sortable(
			{
				accept : 	'sortableitem',
				helperclass : 	'sorthelper',
				activeclass : 	'sortableactive',
				hoverclass : 	'sortablehover',
				opacity: 		0.8,
				 
				revert:			true,
				floats:			true,
				tolerance:		'pointer'
			}
		)*/




});

function showimages()
{
	var time= 500;
		$(this).oneTime(330, function() {
                        // $("#content .post").css("position", "relative");
                        // $("#content .post").css("top", "0");
			$("#content .post").css("visibility","visible");
			time= 500;
                        //HOME
                        for(var cont=0;cont<$("#content .post").length;cont++)
			{
				fadein(time, $("#content .post")[cont]);

				time = time +200;

				var eldiv = $("#content .post")[cont];
                                if ($.iPhone.present) {
                                }else{
                                     $("#"+eldiv.id+" .entry").css("visibility","hidden");
                                }
				//alert($("#"+eldiv.id+" .entry img").attr("src"));
                               // alert(   eldiv.id );
                                var taula = String(eldiv.id).split("-");
                               //alert(taula[2]);
                                //list($nom, $post_id, $cat_id) = split('[/.-]', $date);
				var imagen = $("#"+eldiv.id+" .entry img").attr("src");
                                if ($.iPhone.present) {
                                }else{
				$("#"+eldiv.id).css("background-image","url("+imagen+")");
				$("#"+eldiv.id).css("background-repeat","no-repeat");
				$("#"+eldiv.id).css("background-position","0 0");
                                }
				//alert(eldiv.id);
                               // alert($("#"+eldiv.id+" .entry a").attr("href"));
				//$("#"+eldiv.id).append('<div class="postmetadata_mouse" id="mouse_'+eldiv.id+'" ></div>');
                                var eldiv_txt='<div class="postmetadata_mouse" id="mouse_'+eldiv.id+'"';
                                if($("#"+eldiv.id+" .entry a").attr("href") !="undefined") eldiv_txt += ' rel = "index.php?cat='+taula[2]+'"';
                                eldiv_txt += '></div>';
                                $("#"+eldiv.id).append(eldiv_txt);
                                //ON Click

                                //VIDEO
                                if(String($("#"+eldiv.id+" .entry").html()).indexOf("<object")>-1)
                                {
                                     $("#"+eldiv.id+" .entry").css("visibility","visible");
                                }

			}
                        
                        })

                 $(".postmetadata").css("visibility", "hidden");
                 //$(".postmetadata").fadeOut(1);

		//MOUSE OVER
		var dentro_postmetadata=false;
		var dentro_postmetadata_mouse = false;
		$("#page").mouseover(function(){
				 
			if(!dentro_postmetadata && !dentro_postmetadata_mouse)
                            {
                                $(".postmetadata").css("visibility", "hidden");
                                //$(".postmetadata").fadeOut(1);
                            }
                                
		});
		var nombre_anterior = "";
		$(this).oneTime(time+500, function() {
			$(".postmetadata_mouse").mouseover(function(){
				//nombre_anterior = nombre;
				var nombre = String(this.id).split("_")[1];                                
                                 //$(".postmetadata").fadeOut(0);
                                $(".postmetadata").css("visibility", "hidden");
                                //alert(nombre);
                                //$("#"+nombre+" .postmetadata").fadeIn(3);
                                $("#"+nombre+" .postmetadata").css("visibility", "visible");
                               
				dentro_postmetadata_mouse=true;
				if( $(this).attr("rel") != "undefined") $("#"+nombre).css("cursor","pointer");
				

			}).mouseout(function(){ 
				dentro_postmetadata_mouse=false;  
			});
                        //------------------------------

                       
                         $("#content .postmetadata_mouse").click(
                            function(){
                                    if( $(this).attr("rel") != "undefined")
                                        {
                                            /*window.screen.width*/
                                           //alert($(this).attr("rel"));
                                           document.location.href = ($(this).attr("rel") );
                                        }
                                });


                        //-----------------------

		});

		 
		$(".postmetadata").mouseover(function(){ 
			dentro_postmetadata=true;

		}).mouseout(function(){ 
			dentro_postmetadata=false; 
		});
}



function fadein(time, div)
{
	$(this).oneTime(time, function() {$(div).fadeIn("slow"); }); 

}