// JavaScript Document

$(document).ready(function () {

	if ($.browser.safari) {
		$("#safariwarning").html("If the Calendar is not displayed above please reload this page. There is a bug in Safari we are working to fix.");
	}
	
	// hide overflow
    $('#pagewrapper').css('overflow', 'hidden');
 	$('#scrollwrapper').css('overflow', 'hidden');
	$('#canvas .artScroll').css('overflow', 'hidden');

	// facelift image replacement
//	FLIR.init( { path: '/rawcanvas/facelift/' } );
//	FLIR.auto([ 'div#timez p','div#dayz p' ]);
//	FLIR.replace( 'div.panel p' , new FLIRStyle({ mode:'wrap'}) );

	// canvas variables
    var $panels = $('#canvas .artContainer > div');
    var $container = $('#canvas .artContainer');
	var $scroll = $('#canvas .artScroll');
    var horizontal = true;

    	// float the panels left if horizontal
    if (horizontal) {
        $panels.css({
            'float' : 'left',
            'position' : 'relative' // IE fix to ensure overflow is hidden
        });

        // calculate a new width for the canvas container (so it holds all panels)
        $container.css('width', $panels[0].offsetWidth * $panels.length);
    }

	// scroll option
	var scrollOptions = {
		
		target: '#scrollwrapper',		
		hash: 'true',
		axis: 'xy',
		duration: 1800,
		// note: easing plugin is enabled (http://gsgd.co.uk/sandbox/jquery/easing/)
		easing: 'easeInOutSine'
	};

	var canvasScrollOptions = {
		
		target: $scroll,
		axis: 'xy',
		duration: 700,
		easing: 'easeInOutSine'
	};

		// set nav links to scroll
	$('#navigation').localScroll(scrollOptions);
	
		// set canvas navs to scroll
	$('#canvas .canvasnav').localScroll(canvasScrollOptions);

		// scroll to relevant section if hash. else, scroll home
    if (window.location.hash) {
    	scrollOptions.duration = 1;
		$.localScroll.hash(scrollOptions);
	} else {
		scrollOptions.duration = 1;
		$('#scrollwrapper').scrollTo('#home',scrollOptions);
	}

	// if hash, highlight relevant nav item
    function selectNav() {
        $(this)
            .parent('li')
            .addClass('current');
    }

    function trigger(data) {
        var el = $('#navigation ul').find('a[href$="' + data.id + '"]').get(0);
        selectNav.call(el);
    }

		// scroll to first nav link,"home," once sections set
    if (window.location.hash) {
        trigger({ id : window.location.hash.substr(1) });
    } 


	// initiate lavaLamp main navigation
	$(function() {
        $("#mainnav").lavaLamp({
            fx: "easeOutElastic",
            speed: 1800
        });
    });

		// initiate lavaLamp canvas navigation
	$(function() {
        $("#canvas .canvasnav").lavaLamp({
            fx: "easeOutSine",
            speed: 200
        });
    });

   // embed google map
/*	      if (GBrowserIsCompatible()) { // if the browser is compatible with Google Map's  
	        var m = new GMap2(document.getElementById("googleMap"));     
	        var marker = new GMarker(new GLatLng(49.276293,-123.120518));
	        var html = '<div id="mapInfo">'+
	           '<a href="http://www.raw-canvas.com">Raw-Canvas</a><br>'+
	           '1046 Hamilton St | Vancouver, BC<br>'+
	           '604 687 1729</div>';

			m.setCenter(new GLatLng(49.279041,-123.120486), 15);
		    m.addControl(new GLargeMapControl());
	        m.addControl(new GMapTypeControl());
	//		m.setMapType(G_HYBRID_MAP);
			m.addOverlay(marker);
		    marker.openInfoWindowHtml(html);
		    GEvent.addListener(marker, "click", function() {
	          marker.openInfoWindowHtml(html);
	        });

	      }  
	    else {alert("Your browser is not worthy.");}
*/

	// embed imagevue gallery
      var flashVars = {
      };
      swfobject.embedSWF("imagevue/imagevue2.swf", "imagevue", 800, 550, "8.0.0", "imagevue/EXPRESSINSTALL.SWF", flashVars, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#E94383'}, {id: 'imagevue', name: 'imagevue'});
      // swfobject.embedSWF("splatter/rawsplat.swf", "rawsplat", 800, 550, "8.0.0", "imagevue/EXPRESSINSTALL.SWF", flashVars, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#E94383'}, {id: 'rawsplat', name: 'rawsplat'});

	// initiate shadowbox
	Shadowbox.init();

	// initiate calander

//	if (window.location.hash == '#calendar') {
//		alert ('calendar is loading')
//		calvis.ready(main);
//	}

//    $("#navigation a[href='#calendar']").click(function () {
//		alert ('calendar is loading')
//		calvis.ready(runcalander);
//    });

	calvis.ready(main);

	function main() {

	  var calId = 'info@raw-canvas.com';  // set calerdar account

	  var calendar = new calvis.Calendar();
	  // set the CSS IDs for various visual components for the calendar container
	  calendar.setCalendarBody('calendarBodyDiv');
	  calendar.setNavControl('navControlDiv');
 	  calendar.setStatusControl('statusControlDiv');
//	  calendar.setViewControl('viewControlDiv');
	  calendar.setEventCallback('click', displayEvent);

	  // set the calenar to pull data from this Google Calendar account
	  calendar.setPublicCalendar(calId);  
	
	  calendar.setDefaultView('month');
	
	  // display the calendar
	  calendar.render();
	
//		$("#content20081231").html('31<div class="eventMouseOut"><a href="http://www.raw-canvas.com/events/New_years_eve.jpg">NEW YEARS EVE 2008 - A NEW VISION</a></div>');

//	    Shadowbox.setup($('#content20081231 a'), {
//			player:     'img',
//        	content:   'http://www.raw-canvas.com/events/New_years_eve.jpg'
//	    });
		}

	function displayEvent(event) { 
		
		var title = event.getTitle().getText();  
		var date = event.getTimes()[0].getStartTime().getDate();
		var content = event.getContent().getText();  
		var location_ = event.getLocations()[0].getValueString().split('@')[0];

	var poster = [];
	poster.push('http://www.raw-canvas.com/events/');
	poster.push(location_);

	  var eventHtml = [];
	  eventHtml.push('<div class="shadowbox_message">');
	  eventHtml.push(date.toString());
	  eventHtml.push('<br><br>');
	  eventHtml.push('<p style="font-size: 11px;">');
	  eventHtml.push(content); 
	  eventHtml.push('</p>');
	  eventHtml.push('<br>');
	  eventHtml.push('</div>');

		
    var fullHtml = {
        player:     'html',
        title:      title,
        content:    eventHtml.join(''),
        height:     250,
        width:      420
    };

	var posterImg = {
		player:     'img',
    	content:    poster.join('')
	};

		if (content && location_) {
    		Shadowbox.open([fullHtml, posterImg], {
        		continuous: true
    		});
		}
		else if (location_) {
	    	Shadowbox.open([posterImg], {
	        	continuous: true
	    		});
		}
		else if (content) {
	    		Shadowbox.open([fullHtml], {
		        continuous: true
		    });
		}

	}	




	// hide calendar controls

//	$("#navControlDiv").hide();
//  $("#navControlDiv input#prevMonth").hide();
//	$("#viewControlDiv").hide();
//	$("#yearChooser").hide();

//close DOM ready check
});