﻿// JScript File

$(function() {

	/*** Initialize Skin ***/

	if ($.cookie('LiveCookieAnswerA')) {

		ansA = parseInt($.cookie('LiveCookieAnswerA'));
		ansB = parseInt($.cookie('LiveCookieAnswerB'));
		ansC = parseInt($.cookie('LiveCookieAnswerC'));

		switch(ansA) {
			case 0:
				$('body').addClass('a10-1');
				break;
			case 1:
				$('body').addClass('a10-1');
				break;
			case 2:
				$('body').addClass('a10-2');
				break;
			case 3:
				$('body').addClass('a10-3');
				break;
			case 4:
				$('body').addClass('a10-4');
				break;
			case 5:
				$('body').addClass('a10-5');
				break;
			case 6:
				$('body').addClass('a10-6');
				break;
			case 7:
				$('body').addClass('a10-7');
				break;
			case 8:
				$('body').addClass('a10-8');
				break;
			case 9:
				$('body').addClass('a10-9');
				break;
			case 10:
				$('body').addClass('a10-10');
				break;
		}

		switch(ansA + ansB) {
			case 0:
				$('body').addClass('ab10-1');
				break;
			case 1:
				$('body').addClass('ab10-1');
				break;
			case 2:
				$('body').addClass('ab10-1');
				break;
			case 3:
				$('body').addClass('ab10-2');
				break;
			case 4:
				$('body').addClass('ab10-2');
				break;
			case 5:
				$('body').addClass('ab10-3');
				break;
			case 6:
				$('body').addClass('ab10-3');
				break;
			case 7:
				$('body').addClass('ab10-4');
				break;
			case 8:
				$('body').addClass('ab10-4');
				break;
			case 9:
				$('body').addClass('ab10-5');
				break;
			case 10:
				$('body').addClass('ab10-5');
				break;
			case 11:
				$('body').addClass('ab10-6');
				break;
			case 12:
				$('body').addClass('ab10-6');
				break;
			case 13:
				$('body').addClass('ab10-7');
				break;
			case 14:
				$('body').addClass('ab10-7');
				break;
			case 15:
				$('body').addClass('ab10-8');
				break;
			case 16:
				$('body').addClass('ab10-8');
				break;
			case 17:
				$('body').addClass('ab10-9');
				break;
			case 18:
				$('body').addClass('ab10-9');
				break;
			case 19:
				$('body').addClass('ab10-10');
				break;
			case 20:
				$('body').addClass('ab10-10');
				break;
		}

		switch(ansB + ansC) {
			case 0:
				$('body').addClass('bc10-1');
				$('body').addClass('bc4-1');
				break;
			case 1:
				$('body').addClass('bc10-1');
				$('body').addClass('bc4-1');
				break;
			case 2:
				$('body').addClass('bc10-1');
				$('body').addClass('bc4-1');
				break;
			case 3:
				$('body').addClass('bc10-2');
				$('body').addClass('bc4-1');
				break;
			case 4:
				$('body').addClass('bc10-2');
				$('body').addClass('bc4-1');
				break;
			case 5:
				$('body').addClass('bc10-3');
				$('body').addClass('bc4-1');
				break;
			case 6:
				$('body').addClass('bc10-3');
				$('body').addClass('bc4-2');
				break;
			case 7:
				$('body').addClass('bc10-4');
				$('body').addClass('bc4-2');
				break;
			case 8:
				$('body').addClass('bc10-4');
				$('body').addClass('bc4-2');
				break;
			case 9:
				$('body').addClass('bc10-5');
				$('body').addClass('bc4-2');
				break;
			case 10:
				$('body').addClass('bc10-5');
				$('body').addClass('bc4-2');
				break;
			case 11:
				$('body').addClass('bc10-6');
				$('body').addClass('bc4-3');
				break;
			case 12:
				$('body').addClass('bc10-6');
				$('body').addClass('bc4-3');
				break;
			case 13:
				$('body').addClass('bc10-7');
				$('body').addClass('bc4-3');
				break;
			case 14:
				$('body').addClass('bc10-7');
				$('body').addClass('bc4-3');
				break;
			case 15:
				$('body').addClass('bc10-8');
				$('body').addClass('bc4-3');
				break;
			case 16:
				$('body').addClass('bc10-8');
				$('body').addClass('bc4-4');
				break;
			case 17:
				$('body').addClass('bc10-9');
				$('body').addClass('bc4-4');
				break;
			case 18:
				$('body').addClass('bc10-9');
				$('body').addClass('bc4-4');
				break;
			case 19:
				$('body').addClass('bc10-10');
				$('body').addClass('bc4-4');
				break;
			case 20:
				$('body').addClass('bc10-10');
				$('body').addClass('bc4-4');
				break;
		}

		// saving a little typing / improving readability

		var video1name = 'Barb Totzky';
		var video1url = 'http://www.youtube.com/watch?v=oZUMmTuxUEA';
		var video1text = '<b>Barb</b><br />&quot;With my space, I\'m able to be all the different aspects that I am.&quot;';

		var video2name = 'John Benton';
		var video2url = 'http://www.youtube.com/watch?v=HzGdfInCuWg';
		var video2text = '<b>John</b><br />&quot;I just love the feel of South Side. It\'s really pretty amazing.&quot;';

		var video3name = 'Abi Ferrin';
		var video3url = 'http://www.youtube.com/watch?v=nlir9ekGUbY';
		var video3text = '<b>Abi</b><br />&quot;I’m not just living here. I\'m growing here!&quot;';

		var video4name = 'Jennifer Morgan';
		var video4url = 'http://www.youtube.com/watch?v=MJTzWG7p7hk';
		var video4text = '<b>Jennifer</b><br />&quot;South Side is more than a space for artists — it has an energy of its own.&quot;';

		var video5name = 'Anita & Roger Palmer';
		var video5url = 'http://www.youtube.com/watch?v=CMtH4owUmWk';
		var video5text = '<b>Anita & Roger</b><br />&quot;We cannot imagine living any differently than we do at South Side.&quot;';

		var video6name = 'Kammi Harris';
		var video6url = 'http://www.youtube.com/watch?v=j3SiaW3gGrA';
		var video6text = '<b>Kammi</b><br />&quot;When you know you belong somewhere, you try to stay there.&quot;';

		switch(ansA + ansB + ansC) {
			case 0:
				$('body').addClass('abc10-1');
				$('body').addClass('abc8-1');
				$('body').addClass('abc6-1');
				$('#home-video-thumb').html(video1name);
				$('#home-video-thumb').attr("href", video1url);
				$('#home-video .details').html(video1text);
				break;
			case 1:
				$('body').addClass('abc10-1');
				$('body').addClass('abc8-1');
				$('body').addClass('abc6-1');
				$('#home-video-thumb').html(video1name);
				$('#home-video-thumb').attr("href", video1url);
				$('#home-video .details').html(video1text);
				break;
			case 2:
				$('body').addClass('abc10-1');
				$('body').addClass('abc8-1');
				$('body').addClass('abc6-1');
				$('#home-video-thumb').html(video1name);
				$('#home-video-thumb').attr("href", video1url);
				$('#home-video .details').html(video1text);
				break;
			case 3:
				$('body').addClass('abc10-1');
				$('body').addClass('abc8-1');
				$('body').addClass('abc6-1');
				$('#home-video-thumb').html(video1name);
				$('#home-video-thumb').attr("href", video1url);
				$('#home-video .details').html(video1text);
				break;
			case 4:
				$('body').addClass('abc10-2');
				$('body').addClass('abc8-2');
				$('body').addClass('abc6-1');
				$('#home-video-thumb').html(video1name);
				$('#home-video-thumb').attr("href", video1url);
				$('#home-video .details').html(video1text);
				break;
			case 5:
				$('body').addClass('abc10-2');
				$('body').addClass('abc8-2');
				$('body').addClass('abc6-2');
				$('#home-video-thumb').html(video2name);
				$('#home-video-thumb').attr("href", video2url);
				$('#home-video .details').html(video2text);
				break;
			case 6:
				$('body').addClass('abc10-2');
				$('body').addClass('abc8-2');
				$('body').addClass('abc6-2');
				$('#home-video-thumb').html(video2name);
				$('#home-video-thumb').attr("href", video2url);
				$('#home-video .details').html(video2text);
				break;
			case 7:
				$('body').addClass('abc10-3');
				$('body').addClass('abc8-2');
				$('body').addClass('abc6-2');
				$('#home-video-thumb').html(video2name);
				$('#home-video-thumb').attr("href", video2url);
				$('#home-video .details').html(video2text);
				break;
			case 8:
				$('body').addClass('abc10-3');
				$('body').addClass('abc8-3');
				$('body').addClass('abc6-2');
				$('#home-video-thumb').html(video2name);
				$('#home-video-thumb').attr("href", video2url);
				$('#home-video .details').html(video2text);
				break;
			case 9:
				$('body').addClass('abc10-3');
				$('body').addClass('abc8-3');
				$('body').addClass('abc6-2');
				$('#home-video-thumb').html(video2name);
				$('#home-video-thumb').attr("href", video2url);
				$('#home-video .details').html(video2text);
				break;
			case 10:
				$('body').addClass('abc10-4');
				$('body').addClass('abc8-3');
				$('body').addClass('abc6-3');
				$('#home-video-thumb').html(video3name);
				$('#home-video-thumb').attr("href", video3url);
				$('#home-video .details').html(video3text);
				break;
			case 11:
				$('body').addClass('abc10-4');
				$('body').addClass('abc8-3');
				$('body').addClass('abc6-3');
				$('#home-video-thumb').html(video3name);
				$('#home-video-thumb').attr("href", video3url);
				$('#home-video .details').html(video3text);
				break;
			case 12:
				$('body').addClass('abc10-4');
				$('body').addClass('abc8-4');
				$('body').addClass('abc6-3');
				$('#home-video-thumb').html(video3name);
				$('#home-video-thumb').attr("href", video3url);
				$('#home-video .details').html(video3text);
				break;
			case 13:
				$('body').addClass('abc10-5');
				$('body').addClass('abc8-4');
				$('body').addClass('abc6-3');
				$('#home-video-thumb').html(video3name);
				$('#home-video-thumb').attr("href", video3url);
				$('#home-video .details').html(video3text);
				break;
			case 14:
				$('body').addClass('abc10-5');
				$('body').addClass('abc8-4');
				$('body').addClass('abc6-3');
				$('#home-video-thumb').html(video3name);
				$('#home-video-thumb').attr("href", video3url);
				$('#home-video .details').html(video3text);
				break;
			case 15:
				$('body').addClass('abc10-5');
				$('body').addClass('abc8-4');
				$('body').addClass('abc6-3');
				$('#home-video-thumb').html(video3name);
				$('#home-video-thumb').attr("href", video3url);
				$('#home-video .details').html(video3text);
				break;
			case 16:
				$('body').addClass('abc10-6');
				$('body').addClass('abc8-5');
				$('body').addClass('abc6-4');
				$('#home-video-thumb').html(video4name);
				$('#home-video-thumb').attr("href", video4url);
				$('#home-video .details').html(video4text);
				break;
			case 17:
				$('body').addClass('abc10-6');
				$('body').addClass('abc8-5');
				$('body').addClass('abc6-4');
				$('#home-video-thumb').html(video4name);
				$('#home-video-thumb').attr("href", video4url);
				$('#home-video .details').html(video4text);
				break;
			case 18:
				$('body').addClass('abc10-6');
				$('body').addClass('abc8-5');
				$('body').addClass('abc6-4');
				$('#home-video-thumb').html(video4name);
				$('#home-video-thumb').attr("href", video4url);
				$('#home-video .details').html(video4text);
				break;
			case 19:
				$('body').addClass('abc10-7');
				$('body').addClass('abc8-6');
				$('body').addClass('abc6-4');
				$('#home-video-thumb').html(video4name);
				$('#home-video-thumb').attr("href", video4url);
				$('#home-video .details').html(video4text);
				break;
			case 20:
				$('body').addClass('abc10-7');
				$('body').addClass('abc8-6');
				$('body').addClass('abc6-4');
				$('#home-video-thumb').html(video4name);
				$('#home-video-thumb').attr("href", video4url);
				$('#home-video .details').html(video4text);
				break;
			case 21:
				$('body').addClass('abc10-7');
				$('body').addClass('abc8-6');
				$('body').addClass('abc6-5');
				$('#home-video-thumb').html(video5name);
				$('#home-video-thumb').attr("href", video5url);
				$('#home-video .details').html(video5text);
				break;
			case 22:
				$('body').addClass('abc10-8');
				$('body').addClass('abc8-6');
				$('body').addClass('abc6-5');
				$('#home-video-thumb').html(video5name);
				$('#home-video-thumb').attr("href", video5url);
				$('#home-video .details').html(video5text);
				break;
			case 23:
				$('body').addClass('abc10-8');
				$('body').addClass('abc8-7');
				$('body').addClass('abc6-5');
				$('#home-video-thumb').html(video5name);
				$('#home-video-thumb').attr("href", video5url);
				$('#home-video .details').html(video5text);
				break;
			case 24:
				$('body').addClass('abc10-8');
				$('body').addClass('abc8-7');
				$('body').addClass('abc6-5');
				$('#home-video-thumb').html(video5name);
				$('#home-video-thumb').attr("href", video5url);
				$('#home-video .details').html(video5text);
				break;
			case 25:
				$('body').addClass('abc10-9');
				$('body').addClass('abc8-7');
				$('body').addClass('abc6-5');
				$('#home-video-thumb').html(video5name);
				$('#home-video-thumb').attr("href", video5url);
				$('#home-video .details').html(video5text);
				break;
			case 26:
				$('body').addClass('abc10-9');
				$('body').addClass('abc8-7');
				$('body').addClass('abc6-6');
				$('#home-video-thumb').html(video6name);
				$('#home-video-thumb').attr("href", video6url);
				$('#home-video .details').html(video6text);
				break;
			case 27:
				$('body').addClass('abc10-9');
				$('body').addClass('abc8-8');
				$('body').addClass('abc6-6');
				$('#home-video-thumb').html(video6name);
				$('#home-video-thumb').attr("href", video6url);
				$('#home-video .details').html(video6text);
				break;
			case 28:
				$('body').addClass('abc10-10');
				$('body').addClass('abc8-8');
				$('body').addClass('abc6-6');
				$('#home-video-thumb').html(video6name);
				$('#home-video-thumb').attr("href", video6url);
				$('#home-video .details').html(video6text);
				break;
			case 29:
				$('body').addClass('abc10-10');
				$('body').addClass('abc8-8');
				$('body').addClass('abc6-6');
				$('#home-video-thumb').html(video6name);
				$('#home-video-thumb').attr("href", video6url);
				$('#home-video .details').html(video6text);
				break;
			case 30:
				$('body').addClass('abc10-10');
				$('body').addClass('abc8-8');
				$('body').addClass('abc6-6');
				$('#home-video-thumb').html(video6name);
				$('#home-video-thumb').attr("href", video6url);
				$('#home-video .details').html(video6text);
				break;
		}

	}

	/*** Home Text Widget ***/

	t=setInterval("RotateHomeText()", 3000);
	textPosition = 0;

	childlis = $('#home-text-widget ul').eq(1).find('li');
	childlis.eq(0).addClass('selected');

	/*** Events-Notices-Social Widget ***/

	var details = $('#home-left .details');
	var h2as = $('#home-left h2 a');

	$('#home-left-events .details').show();
	$('#home-left-events h2 a').addClass('selected');

	h2as.bind('mouseover', function(e) {

		var target = $(e.target);
		var thisDetail = $(target.parent().parent().find('.details'));

		h2as.removeClass('selected');
		details.hide();

		target.addClass('selected');
		thisDetail.show();

	});

	/*** How-do-you-live Widget ***/

	$('#live-widget li').bind('click',function(e) {

		var target = $(e.target);
		target.parent().find('li').removeClass('selected');
		target.addClass('selected');

	});

	$('#live-widget > p').bind('click',function(e) {

		var answer1 = $('#live-widget ul').eq(0).find('li.selected')
		var answer2 = $('#live-widget ul').eq(1).find('li.selected')
		var answer3 = $('#live-widget ul').eq(2).find('li.selected')

		$.cookie('LiveCookieAnswerA', $('#live-widget ul').eq(0).find('li').index(answer1),{ expires:1200, path: '/' });
		$.cookie('LiveCookieAnswerB', $('#live-widget ul').eq(1).find('li').index(answer2),{ expires:1200, path: '/' });
		$.cookie('LiveCookieAnswerC', $('#live-widget ul').eq(2).find('li').index(answer3),{ expires:1200, path: '/' });

		window.location.reload();

	});

	var ansAArray = new Array(	'My weekends are','for relaxing','for partying',
								'My musical tastes are','classical','classic rock',
								'My refrigerator is','full','empty'
								);
	var ansBArray = new Array(	'My social life is','laid-back','non-stop',
								'My vibe is','chill','energetic',
								'My fuel is','vegan','fast food'
								);
	var ansCArray = new Array(	'My style is','zen','chaotic',
								'My free time is','sacred','anything goes',
								'Entertaining at my place is about','from scratch','carry out',
								'My uniform is','classic','runway ready'
								);

	var ansAindex = Math.floor(Math.random()*(ansAArray.length/3));
	var ansBindex = Math.floor(Math.random()*(ansBArray.length/3));
	var ansCindex = Math.floor(Math.random()*(ansCArray.length/3));

	$('#live-widget div p').eq(0).html(ansAArray[ansAindex*3]);
	$('#live-widget div p').eq(1).html(ansBArray[ansBindex*3]);
	$('#live-widget div p').eq(2).html(ansCArray[ansCindex*3]);

	$('#live-widget div span').eq(0).html(ansAArray[ansAindex*3+1]);
	$('#live-widget div span').eq(1).html(ansAArray[ansAindex*3+2]);
	$('#live-widget div span').eq(2).html(ansBArray[ansBindex*3+1]);
	$('#live-widget div span').eq(3).html(ansBArray[ansBindex*3+2]);
	$('#live-widget div span').eq(4).html(ansCArray[ansCindex*3+1]);
	$('#live-widget div span').eq(5).html(ansCArray[ansCindex*3+2]);

	/*** Scroller ***/

	$("#photo-scroll").mbScrollable({
		width:216,
		elementsInPage:3,
		elementMargin:0,
		height:"auto",
		controls:"#photo-controls",
		slideTimer:600,
		autoscroll:true,
		scrollTimer:4000
	 });

	/*** Cee Box ***/

	$('.ceebox').ceebox();

	/*** Big Flash ***/

	$( '#ssolFlash' ).flash( { swf:'/shell.swf', width:958, height:578, wmode:'transparent' } );

});

function FlashToCeebox(swfFile) {
	$.fn.ceebox.popup( '<div>' + $.flash.create({ swf: swfFile }) + '</div>' , {width:350,height:250} );
}

function RotateHomeText() {

	childlis.eq(textPosition).hide();

	if (textPosition < childlis.length-1) {
		textPosition = textPosition + 1;
	} else {
		textPosition = 0;
	}

	childlis.eq(textPosition).show();

}

