$(document).ready(function(){
	
	// cookie setup, for menu collapse
	var COOKIE_NAME = 'guchmu_cookie';
	var options = { path: '/', expires: 10 };
	var count = 1;
	
	// check for available cookie, adjust menu view accordingly
	var cookieVal = $.cookie(COOKIE_NAME);
	if(cookieVal == 'menu:close'){
		$("#navtop").next("#navmain").hide();
		$("#navtop").removeClass("opened");
	}else{
		$("#navtop").addClass("opened");
	}
	
	
	// clickable function for projects
	$(".clickable").click(function(){
		// if we have an child a tag
		if($(this).find("a").length){
			window.location=$(this).find("a").attr("href");
		}
		
	});
	
	// clickable hover, general
	$('.clickable').hover(function() {
		$(this).css('cursor','pointer');
	}, function() {
		$(this).css('cursor','auto');
	});	
	
	// navigation menu hover
	$('.navtop').hover(function() {
		$(this).css('cursor','pointer');
		$(this).find("span.navtext").toggleClass("menuover");
		$(this).find("span.navarrow").css("display","inline");
		
		// show proper arrow
		if($("#navtop").hasClass('opened')){
			$(this).find("span.navarrow").html("↑");
		}else{
			$(this).find("span.navarrow").html("↓");
		}
		
	}, function() {
		$(this).css('cursor','auto');
		$(this).find("span.navtext").toggleClass("menuover");
		$(this).find("span.navarrow").css("display","none");
		
	});
	
	// navigation menu click
	$("#navtop").click(function() {
		var e = this;
		$(this).next("#navmain").slideToggle(400, function(){
		
			$("#navtop").toggleClass("opened");
			// toggle text title
			if($("#navtop").hasClass('opened')){
				//$("#toggle_title").html('Menu (hide)');
				$.cookie(COOKIE_NAME, 'menu:open', options);
				$(e).find("span.navarrow").html("↑");

			}else{
				//$("#toggle_title").html('Menu (show)');
				$.cookie(COOKIE_NAME, 'menu:close', options);
				$(e).find("span.navarrow").html("↓");
			}
		
		});
	});
	
	
	// border over highlight behavior
	$('.borderhover').hover(function() {
		$(this).css('border', '1px solid #999');
	 }, function() {
		$(this).css('border', '1px solid #ddd');
	});
	
	// decide if we use js generated header and footer or static one
	//if(!$.browser.msie){
	if(false){
	// populate header
	var xPos, yPos, yPosFooter = 0;
	var fullWidth = 950;
	var fullHeightHeader = 100;
	var rowHeightHeader = 85;
	var rowHeight = 85
	var fullHeightFooter = 40;
	var rowHeightFooterOffset = 25;
	var numRows = Math.ceil(fullHeightHeader / rowHeightHeader);
	
	var paperHead = Raphael("dynHeader", fullWidth, fullHeightHeader);
	var paperFoot = Raphael("dynFooter", fullWidth, fullHeightFooter);
	
	for(var i = 0; i < numRows; i++){
		
		// reset xPos and yPos
		xPos = 0;
		yPos = i * rowHeight;
		yPosFooter = yPos + rowHeightFooterOffset;
		
		//alert(yPos);
		while(xPos < fullWidth){
			var r0=Math.floor(Math.random()*5);
			//r0 = 2;
			var r1=Math.floor(Math.random()*101); 
			var r2=Math.floor(Math.random()*101); 
			var r3=Math.floor(Math.random()*101); 
			paperHead.rect(xPos , yPos , r0, rowHeight).attr({fill: "rgb(" + r1 + "%, " + r2 + "%, " + r3 + "%)", stroke: "rgb(" + r1 + "%, " + r2 + "%, " + r3 + "%)"}); 
			paperFoot.rect(xPos , fullHeightFooter - yPosFooter , r0, rowHeight).attr({fill: "rgb(" + r1 + "%, " + r2 + "%, " + r3 + "%)", stroke: "rgb(" + r1 + "%, " + r2 + "%, " + r3 + "%)"}); 
			xPos = xPos + r0;
		}
	}
	
	
	// force render for Safari
	paperHead.safari();
	paperFoot.safari();
	}
	

});