/*
Options
========
    * content: define the new content of the flipped box. It works with: html, text or a jQuery object ex:$("selector")
    * direction: the direction where to flip. Possible values: 'tb', 'bt', 'lr', 'rl' (default:'tb')
    * bgColor: Flip element starting background color
    * color: Flip element ending background color
    * speed: Speed of the two animations (default: 500)
    * onBefore: Synchronous function excuted before the animation starts
    * onAnimation: Synchronous function excuted at half animation
    * onEnd: Synchronous function excuted after animation end
*/
$(document).ready(function(){
	


/* ~~~ language function ~~~ */			

	$('#language').click(function() {
		$('#topHeader').toggle('normal');		  
	});

/* ~~~ BGIA ~~~ */	

	$("#bgiaBT").click(function(){
		$("#bgia").flip({
			direction: 'bt',
			/*color: '#D46419',*/
			/*content: $("#anyDiv")*/
			speed: 400,
			content: "<div id='bgia'><img class='imgFloatRight' src='img/portfolio/Bgia_small.jpg' width='500' height='180' alt='The Brogan Group' /><span class='textHead'>THE BROGAN GROUP</span><br /><span class='textBody'>Brogan Group Investment Advisors LLC is a registered investment advisor.</span><br /><span><a href='http://www.thebrogangroup.com' target='_blank'>Visit the website &#8250;</a></span></div>"
		});
	});
	$("#bgiaTB1").click(function(){
		$("#bgia").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='bgiaTwo'><img src='img/portfolio/Bgia_medium.jpg' /></div>"
		});
	});
	$("#bgiaTB2").click(function(){
		$("#bgia").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='bgiaTwo'><img src='img/portfolio/Bgia_medium2.jpg' /></div>"
		});
	});
	
/* ~~~ BFR ~~~ */	

	$("#bfrBT").click(function(){
		$("#bfr").flip({
			direction: 'bt',
			/*color: '#D46419',*/
			/*content: $("#anyDiv")*/
			speed: 400,
			content: "<div id='bfr'><img class='imgFloatRight' src='img/portfolio/BFR_small.jpg' width='500' height='180' alt='Blue Floor Records' /><span class='textHead'>BLUE FLOOR MUSIC</span><br /><span class='textBody'>Blue Floor Records is the Philadelphia based label and production house.</span><br /><span><a href='http://www.bluefloormusic.com' target='_blank'>Visit the website &#8250;</a></span></div>"
		});
	});
	$("#bfrTB1").click(function(){
		$("#bfr").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='bfrTwo'><img src='img/portfolio/BFR_medium.jpg' /></div>"
		});
	});
	$("#bfrTB2").click(function(){
		$("#bfr").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='bfrTwo'><img src='img/portfolio/BFR_medium2.jpg' /></div>"
		});
	});
	
/* ~~~ PM4S ~~~ */	

	$("#pm4sBT").click(function(){
		$("#pm4s").flip({
			direction: 'bt',
			/*color: '#D46419',*/
			/*content: $("#anyDiv")*/
			speed: 400,
			content: "<div id='pm4s'><img class='imgFloatRight' src='img/portfolio/PM4S_small.jpg' width='500' height='180' alt='Prepare Me 4 Surgery' /><span class='textHead'>PM4S</span><br /><span class='textBody'>Prepare Me 4 Surgery offers a range of customized surgical coaching services.</span><br /><span><a href='http://prepareme4surgery.com' target='_blank'>Visit the website &#8250;</a></span></div>"
		});
	});
	$("#pm4sTB1").click(function(){
		$("#pm4s").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='pm4sTwo'><img src='img/portfolio/pm4s_medium.jpg' /></div>"
		});
	});
	$("#pm4sTB2").click(function(){
		$("#pm4s").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='pm4sTwo'><img src='img/portfolio/pm4s_medium2.jpg' /></div>"
		});
	});
	
/* ~~~ SIM ~~~ */	

	$("#cioBT").click(function(){
		$("#cio").flip({
			direction: 'bt',
			/*color: '#D46419',*/
			/*content: $("#anyDiv")*/
			speed: 400,
			content: "<div id='cio'><img class='imgFloatRight' src='img/portfolio/Cio_small.jpg' width='500' height='180' alt='SIM AWARDS' /><span class='textHead'>SIM AWARDS</span><br /><span class='textBody'>Society for Information Management (SIM) - Annual CIO Leadership Awards</span><br /><span><a href='http://www.cioleadershipawards.com' target='_blank'>Visit the website &#8250;</a></span></div>"
		});
	});
	$("#cioTB1").click(function(){
		$("#cio").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='cioTwo'><img src='img/portfolio/Cio_medium.jpg' /></div>"
		});
	});
	$("#cioTB2").click(function(){
		$("#cio").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='cioTwo'><img src='img/portfolio/Cio_medium2.jpg' /></div>"
		});
	});
	
/* ~~~ CAM ~~~ */	

	$("#camBT").click(function(){
		$("#cam").flip({
			direction: 'bt',
			/*color: '#D46419',*/
			/*content: $("#anyDiv")*/
			speed: 400,
			content: "<div id='cam'><img class='imgFloatRight' src='img/portfolio/Cam_small.jpg' width='500' height='180' alt='Cam Healing' /><span class='textHead'>CAM HEALING</span><br /><span class='textBody'>integrates complementary alternative medicine with conventional medical therapies to promote healing of the body, soul and mind.</span><br /><span><a href='http://www.camhealing.com' target='_blank'>Visit the website &#8250;</a></span></div>"
		});
	});
	$("#camTB1").click(function(){
		$("#cam").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='camTwo'><img src='img/portfolio/Cam_medium.jpg' /></div>"
		});
	});
	$("#camTB2").click(function(){
		$("#cam").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='camTwo'><img src='img/portfolio/Cam_medium2.jpg' /></div>"
		});
	});
	
/* ~~~ Ocka ~~~ */	

	$("#ockaBT").click(function(){
		$("#ocka").flip({
			direction: 'bt',
			/*color: '#D46419',*/
			/*content: $("#anyDiv")*/
			speed: 400,
			content: "<div id='ocka'><img class='imgFloatRight' src='img/portfolio/Ocka_small.jpg' width='500' height='180' alt='Ockanickon - Yndian Guides' /><span class='textHead'>OCKANICKON</span><br /><span class='textBody'>Ockanickon is an Y-Indian Guide Program, with main purpose to foster the father and son understanding and companionship.</span><br /><span><a href='http://www.indianguides-ockanickon.com' target='_blank'>Visit the website &#8250;</a></span></div>"
		});
	});
	$("#ockaTB1").click(function(){
		$("#ocka").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='ockaTwo'><img src='img/portfolio/Ocka_medium.jpg' /></div>"
		});
	});
	$("#ockaTB2").click(function(){
		$("#ocka").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='ockaTwo'><img src='img/portfolio/Ocka_medium2.jpg' /></div>"
		});
	});
/* ~~~ Dolce ~~~ */	

	$("#dolceBT").click(function(){
		$("#dolce").flip({
			direction: 'bt',
			/*color: '#D46419',*/
			/*content: $("#anyDiv")*/
			speed: 400,
			content: "<div id='dolce'><img class='imgFloatRight' src='img/portfolio/Dolce_small.jpg' width='500' height='180' alt='Dolce Carini' /><span class='textHead'>DOLCE CARINI</span><br /><span class='textBody'>Dolce Carini is a famous Italian Pizza Restaurant in Center City Philadelphia, Pennsylvania.</span><br /><span><a href='http://dolce-carini.com' target='_blank'>Visit the website &#8250;</a></span></div>"
		});
	});
	$("#dolceTB1").click(function(){
		$("#dolce").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='dolceTwo'><img src='img/portfolio/Dolce_medium.jpg' /></div>"
		});
	});
	$("#dolceTB2").click(function(){
		$("#dolce").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='dolceTwo'><img src='img/portfolio/Dolce_medium2.jpg' /></div>"
		});
	});
/* ~~~ Matolly ~~~ */	

	$("#matollyBT").click(function(){
		$("#matolly").flip({
			direction: 'bt',
			speed: 400,
			content: "<div id='matolly'><img class='imgFloatRight' src='img/portfolio/Matolly_small.jpg' width='500' height='180' alt='Matolly Federation' /><span class='textHead'>MATOLLY</span><br /><span class='textBody'>Matolly Federation is under the YMCA of Mt. Laurel and serves Moorestown, Mt. Laurel, Medford, and Lumberton communities.</span><br /><span><a href='http://matolly.com' target='_blank'>Visit the website &#8250;</a></span></div>"
		});
	});
	$("#matollyTB1").click(function(){
		$("#matolly").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='matollyTwo'><img src='img/portfolio/Matolly_medium.jpg' /></div>"
		});
	});
	$("#matollyTB2").click(function(){
		$("#matolly").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='matollyTwo'><img src='img/portfolio/Matolly_medium2.jpg' /></div>"
		});
	});
/* ~~~ Boost ~~~ */	

	$("#boostBT").click(function(){
		$("#boost").flip({
			direction: 'bt',
			speed: 400,
			content: "<div id='boost'><img class='imgFloatRight' src='img/portfolio/Boost_small.jpg' width='500' height='180' alt='Boost Networking' /><span class='textHead'>BOOST</span><br /><span class='textBody'>Boost is a networking group comprised of professionals in the greater Philadelphia area.</span><br /><span><a href='http://boostnetworking.com' target='_blank'>Visit the website &#8250;</a></span></div>"
		});
	});
	$("#boostTB1").click(function(){
		$("#boost").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='boostTwo'><img src='img/portfolio/Boost_medium.jpg' /></div>"
		});
	});
	$("#boostTB2").click(function(){
		$("#boost").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='boostTwo'><img src='img/portfolio/Boost_medium2.jpg' /></div>"
		});
	});
/* ~~~ Leary ~~~ */	

	$("#learyBT").click(function(){
		$("#leary").flip({
			direction: 'bt',
			speed: 400,
			content: "<div id='boost'><img class='imgFloatRight' src='img/portfolio/Leary_small.jpg' width='500' height='180' alt='Leary's Pub' /><span class='textHead'>LEARY'S PUB</span><br /><span class='textBody'>Leary's Pub is a Family Owned and Operated Restaurant in Aston, Pennsylvania.</span><br /><span><a href='http://learyspub.com' target='_blank'>Visit the website &#8250;</a></span></div>"
		});
	});
	$("#learyTB1").click(function(){
		$("#leary").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='learyTwo'><img src='img/portfolio/Leary_medium.jpg' /></div>"
		});
	});
	$("#learyTB2").click(function(){
		$("#leary").flip({
			direction: 'tb',
			speed: 400,
			content: "<div class='learyTwo'><img src='img/portfolio/Leary_medium2.jpg' /></div>"
		});
	});

});