$(document).ready(function(){

    $.getJSON("/js/main.php",function(data){
        $.each(data, function(i, member){
             $("#slider_" + i + " p").text(member.featuredinfo);
             $("#slider_" + i).find("a").each(function(i){
                $(this).attr("href",member.href);
                $(this).find("img").attr("src",member.thumbs[i]);
                //$(this).find("img").attr("alt",member.featuredinfo);
             });
        })
        setTimeout(fetchnext,100);
    });



    $("#featuredmembers_loading").fadeOut(1000, function(){
        $(".featuredmemberblock").fadeIn(2800);
    });
	
	 $("#search_Form_loading").fadeOut(600, function(){
		//alert('uday');
		$("#tabs").fadeIn(1000);
    });
	
	
	/*$("#maincontent_loading").fadeOut(500, function(){
        $(".maincontent").fadeIn(2800);
    });*/

    //alert('wait');
    //prep hidden slide area, append new <li>
    function fetchnext(){
			offset = document.getElementById("position").value;
			offset = parseInt(offset) + 4;
			document.getElementById("position").value = offset;
			//alert(" The position is " + i);
			//alert(offset);
		    $.getJSON("/js/main.php?i="+offset, function(data){
			$.each(data, function(j, member){
                 oldwidth = parseInt($("#slider_" + j + " ul").css("width"));
                 $("#slider_" + j + " ul").css("width",(oldwidth + 370) + "px");
                 //alert(member.featuredinfo);
                 
                 //Add another photographer to tape
                 $("#slider_" + j + " ul").append('<li><p>' + member.featuredinfo + "</p><a href='' target='_blank'><img src='' style='width:100px; height:100px' alt='' /></a><a href='' target='_blank'><img src='' style='width:100px; height:100px' alt='' /></a><a href='' target='_blank'><img src='' style='width:100px; height:100px' alt='' /></a></li>");
                 $("#slider_" + j + " li:last").find("a").each(function(k){
                    $(this).attr("href",member.href);
                    $(this).find("img").attr("src",member.thumbs[k]);
                    //$(this).find("img").attr("alt",member.featuredinfo);
                 });
            })
        });
    }

    //fetchnext();

    var newleft = 0;

    $("#nextBtn").click(function(){
        $(this).attr("disabled", "disabled");
        oldleft = parseInt($("#slider_0 ul").css("left"));
        maxleft = newleft = oldleft - 370;
        $("#slider_0 ul").animate({"left":newleft + "px"},600);
        $("#slider_1 ul").animate({"left":newleft + "px"},760);
        $("#slider_2 ul").animate({"left":newleft + "px"},975);
        $("#slider_3 ul").animate({"left":newleft + "px"},1250,function(){
        $("#nextBtn").removeAttr("disabled");
            if(newleft == maxleft)
            {
            	//** To fetch ahead because we are at the end of tape  -- if we are not at end of tape, no need to fetch
                setTimeout(fetchnext,70);  
            }
        });

//         $(".featuredmemberblock div").animate({"left":newleft + "px"},500,function(){
//             $("#nextBtn").removeAttr("disabled");
//         });

    });


    $("#prevBtn").click(function(){
        oldleft = parseInt($("#slider_0  ul").css("left"));
        if(newleft < 0)
        {
            $(this).attr("disabled", "disabled");
            newleft = oldleft + 370;
            $("#slider_0 ul").animate({"left":newleft + "px"},600);
            $("#slider_1 ul").animate({"left":newleft + "px"},760);
            $("#slider_2 ul").animate({"left":newleft + "px"},975);
            $("#slider_3 ul").animate({"left":newleft + "px"},1250,function(){
                $("#prevBtn").removeAttr("disabled");

            });
        }
    });


});