// Simple follow the mouse script

var divName = 'visit_web'; // div that is to follow the mouse
                       // (must be position:absolute)
var offX = 15;          // X offset from mouse position
var offY = 0;          // Y offset from mouse position

function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}

function follow(evt) {if (document.getElementById) {
        var obj = document.getElementById(divName).style; 
        //obj.visibility = 'visible';
obj.left = (parseInt(mouseX(evt))+offX) + 'px';
obj.top = (parseInt(mouseY(evt))+offY) + 'px';}}
document.onmousemove = follow;


$(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);

        $(this).oneTime(350, function() {
            $(".works_list").css("position", "relative");
            $(".works_list").css("top", "0");
            $(".works_list").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;
                        //NORMAL
			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"));
				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 = "'+$("#"+eldiv.id+" .entry a").attr("href")+'"';
                                eldiv_txt += '></div>';
                                $("#"+eldiv.id).append(eldiv_txt);

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

                                //ON Click

			}

 			//$(this).oneTime((time+300), function() {$(".postmetadata").fadeOut(); });

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

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

                        $("#content .postmetadata_mouse").click(
                            function(){ 
                                    if( $(this).attr("rel") != "undefined")
                                        {
                                            /*window.screen.width*/
                                          //  alert($(this).attr("rel"));
                                            window.open($(this).attr("rel"), 'Work', 'height='+window.screen.height+',width='+window.screen.width+',scrollbars=yes,resizable=yes,toolbar=yes,menubar=yes');
                                        }
                                });
                        


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

		});

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

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



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

}