var isIE6 = navigator.userAgent.toLowerCase().indexOf('msie 6') != -1;
var isIE7 = navigator.userAgent.toLowerCase().indexOf('msie 7') != -1;

// preload spinner image
var spinner24 = new Image();
spinner24.src = "/lib/img/spinner_24.gif";

$(document).ready(function(){
	var portfolio_key;
    var prev_key;
    var next_key;
    var max_key;
     var current_position;
    
    
	if($("#content-area .content.displayed").attr("id") != undefined){
		var sect = $("#content-area .content.displayed").attr("id").slice(8);
	}
	var campaign_list = new Array ();
	var id_to_key = new Object ();
	if($(".campaign-wrapper").attr("id") != undefined){
	    portfolio_key = Number($(".campaign-wrapper").attr("id").slice(5));
	    var defaultPlaceAt = portfolio_key * 800;
        current_position = 16 + (defaultPlaceAt * -1);
        $( "#portfolio" ).css({ left: current_position});
        $("#curr_"+portfolio_key).css({left:defaultPlaceAt});
        setPrevNext_btn();
    } else {
    	portfolio_key = 0;
        current_position = 16;
    }
    
    
    
    
    //init lightbox
    function ligthbox_init () {
	    $("a.projectbox").each( function (){
	        if ($(this).data("hasLightbox") != true)
	        {
    	        $(this).data("hasLightbox", true);
    	    	$(this).lightbox($(this).attr("href"));
	        }
	    }); 
    }
    ligthbox_init ();
    
    //load campaign array
    $.ajax({
	  url: "/?array",
	  cache: false,
	  dataType: "json",
	  success: function(data){
	  	
	    campaign_list = data;
	    
	    max_key = campaign_list.length-1;
	    for(var i=0; i< max_key; i++){
        	id_to_key[campaign_list[i]] = i;
        }
        
	    setPrevNext_btn();
	  },
	  error: function(){
	  	alert("JSON data load error");
	  }
	});
	
	//Place Disabled btn
	$(".port-arrow .prev").parent().append($('<div></div>').addClass("prev").html('Previous').css('opacity',.3));
	$(".port-arrow .next").parent().append($('<div></div>').addClass("next").html('Next').css('opacity',.3));
	
	//Set Array Key for the Prev and Next Btn
    function setPrevNext_btn(){
		prev_key = portfolio_key-1;
		next_key = portfolio_key+1;
		$(".port-arrow a.prev").show();
		$(".port-arrow div.prev").hide();
		$(".port-arrow a.next").show();
		$(".port-arrow div.next").hide();
		if(prev_key < 0){
			$(".port-arrow a.prev").hide();
			$(".port-arrow div.prev").show();
		}
		if(next_key > max_key){
			$(".port-arrow a.next").hide();
			$(".port-arrow div.next").show();
		}
	}
	


	
    $("#content-navigation a").click(function () {
    	sect = $(this).parent().attr("id").slice(4);
    	var content_id = "#content-"+sect;
    	
    	//change nav selected
    	$("#content-navigation a").removeClass("selected");
		$(this).addClass("selected");
		
		$("#content-area .content").hide();
		if (typeof $(content_id).attr('id') != "undefined"){
			$(content_id).fadeIn().addClass("displayed");
		} else {
			$("#content-area").append('<div id="loading"><img src="/lib/img/spinner.gif" alt="spinner" width="48" height="48"/></div>');
			$.ajax({
			  url: "/?pg="+sect,
			  cache: false,
			  success: function(html){
			      
			  	$("#content-area #loading").remove();
			    $("#content-area").append(html);
			    if(!isIE6){
			    	$("#content-area").fadeIn("slow");
			    }
			    $("#content-area div.content:last").addClass("displayed");
			    if(sect=="clients"){
			    	init_clientList ();
			    }
			  },
			  error: function(){
			  	alert("error");
			  }
			}); 
		}
		return false;
    });
    
    if (sect = "clients"){
	    init_clientList ();
    }
    
    init_localLinks ();
    
    
        
    //Portfolio
   
    $(".port-arrow a").click(function() {
    	var direction = -1;
		var	array_key = next_key;
		if ($(this).attr("class") == "prev"){
			direction = 1;
			array_key = prev_key;
    	}
    	    	
    	var goto = current_position+(direction * 800);
    	var placeAt = array_key * 800;
    	load_portfolio (campaign_list[array_key],array_key,placeAt,direction);
    	$( "#portfolio" ).animate({ left: goto}, 2000, 'easeOutCubic' );
    	current_position = goto;
    	portfolio_key = array_key;
    	setPrevNext_btn();
    	return false;
    });
    
	$(document).bind("lightbox.postAttach",function (){
	    
	   	$("#lightbox .detail-content a.projectbox").each( function (){
	    	$(this).lightbox($(this).attr("href"));
	    });
	    
	    $("#lightbox .detail-content a.close").click( function (){
	    	$(document).trigger('lightbox.close');
	    	return false;
	    });
	    //Download link
	    $(".download-link").click(function () {
		    //window.location = $(this).attr("href");
	    });
	});
	
    
	function load_portfolio (pid,key,position,direction){
	
		if (typeof $("#curr_"+key).attr('id') != "undefined"){
			$("#curr_"+key).css({left:position});
		} else {
			
			var arrow;
			if (direction == -1)
			{
			  arrow = $("div.port-arrow .next:last");
			}
			else if (direction == 1)
			{
			  arrow = $("div.port-arrow .prev:last");
			}
			
			if (arrow && $("span.loading", arrow.parents("div.port-arrow:first")).html() == null)
			{
			  arrow.after('<span class="loading"><img src="/lib/img/spinner_24.gif" alt="spinner" width="24" height="24"/></span>');
			}
		    
		    $.ajax({
			  url: "/?pid="+pid+"&key="+key,
			  cache: false,
			  success: function(html){
			      
			    var htmlObject = $(html);
                
                var img = new Image();
                
                img.onload = function()
                {
    			  	$("div.port-arrow span.loading").remove();
    			    $("#portfolio").append(htmlObject.hide());
    			    $("#portfolio div.campaign-wrapper:last").hide();
    			    $("#portfolio div.campaign-wrapper:last").fadeIn("slow");
    			    $("#portfolio div.campaign-wrapper:last").css({left:position});
    			    
    			    ligthbox_init ();
                }
                
                img.src = $("img.campaign_image", htmlObject).attr("src");
			  },
			  error: function(){
			  	alert("portfolio error");
			  }
			});
		}
	}
	
	
	function init_clientList (){
		 $(".clientList-nav a").click(function () {
	    	var link_id = $(this).attr("id");
	    	var content_id = "#list-"+link_id;
	    	$(".clientList-nav a").removeClass("selected");
			$(this).addClass("selected");
			$("#content-area .clientList").hide().removeClass("displayed");
			$(content_id).fadeIn().addClass("displayed");
			return false;
	    });
	    
	    $(".client-col a").click(function() {
	    	//alert("CLICK");
	    	var href = $(this).attr("href");
	    	var get_str = href.slice(2);
	    	var get_array = get_str.split("/");
	    	var pid = Number(get_array[3]);
	    	var key = Number(get_array[2]);
	    	var placeAt = key * 800;
	    	var goto = 16 + (placeAt * -1);
			
	    	load_portfolio (pid,key,placeAt);
	    	$( "#portfolio" ).animate({ left: goto}, 800, 'easeOutCubic' );
	    	current_position = goto;
	    	portfolio_key = key;
	    	setPrevNext_btn();

	    	return false;
	    });
	    	    
	}
	
	function init_localLinks (){
	   $("a.local").click(function() {
	    	//alert("CLICK");
	    	var href = $(this).attr("href");
	    	var get_str = href.slice(2);
	    	var get_array = href.split("/");
	    	var pid = Number(get_array[get_array.length-1]);
	    	var key = id_to_key[pid];

	    	var placeAt = key * 800;
	    	var goto = 16 + (placeAt * -1);
						
	    	load_portfolio (pid,key,placeAt);
	    	$( "#portfolio" ).animate({ left: goto}, 800, 'easeOutCubic' );
	    	current_position = goto;
	    	portfolio_key = key;
	    	setPrevNext_btn();

	    	return false;
	    });
	}
});