$(document).ready(function(){
    
    $('.imgr img').hide();
    $('#load').hide();
    
    var switchy = 'true';
    var viewType = $.cookie('viewType');
    
    // Delete tags if window width is under X
    var viewportWidth = $(window).width();
    
    if (viewportWidth < 1218) {
		$('#tagsr').hide();    
    }
    
    function ignite() {
	
		if (viewType == 'off') {
			
			// Hide Imgs
			$('.imgr img').show();
			$('.imgr img').fadeTo(0, 1);
    		
    	} else {
			
			// Hide Imgs
			$('.imgr img').show();
			$('.imgr img').fadeTo(0, 0);
    		
    	}
    	
    }

    // Image Load
	$('.imgr img').load(function(){ 
			//$(this).css({'visibility':'visible'});
	    if (viewType == 'off') {
	    	$(this).fadeTo(0, 1);
	    } else {
	    	$(this).fadeTo(0, 1).fadeTo(200, 0.99).fadeTo(200, 0);
	    }
	    
	});
	
	// Hover Function
	$('.imgr img').hover(function(event) {
		if (viewType == 'off') {
	    	//$(this).fadeTo(0, 1);
	    } else {
	    	$(this).fadeTo(0, 1);
	    }
        
    }, function(event) {
    	if (viewType == 'off') {
        	//$(this).fadeTo(400, 0);
        } else {
        	$(this).fadeTo(400, 0);
        }
        
    });
    
	// Hover Tags
	$('#Typography').hover(function(event) {
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 0);
			$('.Typography img').fadeTo(0, 1);	
		} else {
			$('.Typography img').fadeTo(0, 1);
		}
        
    }, function(event) {
    
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 1);
			
		} else {
			$('.Typography img').fadeTo(100, 0);
		}
        
    });
    
	$('#Identity').hover(function(event) {
		
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 0);
			$('.Identity img').fadeTo(0, 1);
			
		} else {
			$('.Identity img').fadeTo(0, 1);
		}
        
    }, function(event) {
		
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 1);
			
		} else {
			$('.Identity img').fadeTo(100, 0);
		}
        
    });
    
	$('#Print').hover(function(event) {
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 0);
			$('.Print img').fadeTo(0, 1);
		} else {
			$('.Print img').fadeTo(0, 1);
		}
        
    }, function(event) {
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 1);
			
		} else {
			$('.Print img').fadeTo(100, 0);
		}
        
    });
    
	$('#Web').hover(function(event) {
		
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 0);
			$('.Web img').fadeTo(0, 1);
		} else {
			$('.Web img').fadeTo(0, 1);
		}
        
    }, function(event) {
		
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 1);
			
		} else {
			$('.Web img').fadeTo(100, 0);
		}
        
    });
    
	$('#Packaging').hover(function(event) {
		
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 0);
			$('.Packaging img').fadeTo(0, 1);
			
		} else {
			$('.Packaging img').fadeTo(0, 1);
		}
        
    }, function(event) {

		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 1);
			
		} else {
			$('.Packaging img').fadeTo(100, 0);
		}
    });
    
	$('#Typography').hover(function(event) {
	
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 0);
			$('.Typography img').fadeTo(0, 1);
		} else {
			$('.Typography img').fadeTo(0, 1);
		}
        
    }, function(event) {

		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 1);
		} else {
			$('.Typography img').fadeTo(100, 0);
		}
        
    });
    
	$('#Imagery').hover(function(event) {
		
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 0);
			$('.Imagery img').fadeTo(0, 1);
		} else {
			$('.Imagery img').fadeTo(0, 1);
		}
        
    }, function(event) {
		
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 1);
		} else {
			$('.Imagery img').fadeTo(100, 0);
		}
        
    });
    
	$('#Digital-Identity').hover(function(event) {
		
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 0);
			$('.Digital-Identity img').fadeTo(0, 1);
		} else {
			$('.Digital-Identity img').fadeTo(0, 1);
		}
        
    }, function(event) {
		
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 1);
		} else {
			$('.Digital-Identity img').fadeTo(100, 0);
		}
        
    });
    
	$('#All').hover(function(event) {
		
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 0);
			$('.All img').fadeTo(0, 1);
		} else {
			$('.All img').fadeTo(0, 1);
		}
        
    }, function(event) {
		
		if (viewType == 'off') {
			$('.imgs img').fadeTo(0, 1);
		} else {
			$('.All img').fadeTo(100, 0);
		}
        
    });
    
    // Visual Preview
	$('#switch').click(function(event) {

		if (switchy == 'true') {
			$("#switch").html("On");
			$.cookie('viewType', 'off', {path: "/"}, {expires: 21});
			viewType = 'off';
			switchy = 'false';
			ignite();
		} else {
			$("#switch").html("Off");
			$.cookie('viewType', 'on', {path: "/"}, {expires: 21});
			viewType = 'on';
			switchy = 'true';
			ignite();
		}
		
    });
    
    if (viewType == 'off') {
    	$("#switch").html("On");
		switchy = 'false';
		ignite();
    } else {
    	$("#switch").html("Off");
		switchy = 'true';
		ignite();
    }
	
	return false;
	
});


$(window).resize(function(){

    // Delete tags if window width is under X
    var viewportWidth = $(window).width();
    
    if (viewportWidth < 1200) {
		$('#tagsr').fadeTo(200, 0).hide();    
    } else {
    	$('#tagsr').show().fadeTo(200, 1); 
    }

});