$(function() {

// Start Shadowbox
		
Shadowbox.init({
	players:    ["img","iframe","html"],
	overlayOpacity:		0.85,
			handleOversize:    "drag"
});


// Jquery Cycle


$('#slidecon').cycle({
	fx:      'scrollHorz',
	timeout:  0,
	speed:    500,
	prev:    '#prev',
	next:    '#next',
	pager:   '#slidenav',
	pagerAnchorBuilder: pagerFactory
});

function pagerFactory(idx, slide) {
	var s = idx > 3 ? ' style="display:none"' : '';
	return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
};
    
// Jquery Fade Hover

$("#slidecon li").hover(function() { //On hover...

	var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'

	//Set a background image(thumbOver) on the <a> tag - Set position to bottom
	$(this).find("a").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});

	//Animate the image to 0 opacity (fade it out)
	$(this).find("span").stop().animate({opacity: 0}, 300);

} , function() { //on hover out...

	//Animate the image back to 100% opacity (fade it back in)
	$(this).find("span").stop().animate({opacity: 1}, 300);

});


//	Textfield Clear/Populate Value
	
$(".defaultvalue").each(function() {
	var default_value = this.value;
	$(this).focus(function() {
		if(this.value == default_value) {
			this.value = "";
		}
	});
	$(this).blur(function() {
		if(this.value == "") {
			this.value = default_value;
		}
	});
});

});

// Shadowbox Windows
		
function becki(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/becki.gif" class="img" /></span><p class="caption"><strong>2011 - Project Becki:</strong> Graphic &amp Logo Design</p></div>',
        player:     "html",
        height:     457,
        width:      610
    });
};

function becki2(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/becki2.gif" class="img" /></span><p class="caption"><strong>2011 - Project Becki:</strong> Graphic &amp; Logo Design</p></div>',
        player:     "html",
        height:     457,
        width:      610
    });
};

function twotwothree(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/223.jpg" class="img" /></span><p class="caption"><strong>2011 - 223 Crestwood For Sale:</strong> Website Design</p><a href="http://www.223crestwood.com" class="link" target="_blank">visit website</a></div>',
        player:     "html",
        height:     653,
        width:      610,
    });
};

function geedio(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/geedio.jpg" class="img" /></span><p class="caption"><strong>2011 - Geedio:</strong> Graphic / Usability Design</p></div>',
        player:     "html",
        height:     653,
        width:      610
    });
};

function geedio2(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/geedio2.jpg" class="img" /></span><p class="caption"><strong>2011 - Geedio:</strong> Graphic / Usability Design</p></div>',
        player:     "html",
        height:     653,
        width:      610
    });
};

function geedio3(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/geedio3.jpg" class="img" /></span><p class="caption"><strong>2011 - Geedio:</strong> Graphic / Usability Design</p></div>',
        player:     "html",
        height:     578,
        width:      610
    });
};

function nommer(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/nommer.gif" class="img" /></span><p class="caption"><strong>2011 - Nommernation:</strong> Website &amp Logo Design</p><a href="http://www.nommernation.com" class="link" target="_blank">visit website</a></div>',
        player:     "html",
        height:     693,
        width:      610
    });
};

function rem(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/rem.jpg" class="img" /></span><p class="caption"><strong>2005 - Rembrandt Reproduction:</strong> Pencil</p></div>',
        player:     "html",
        height:     350,
        width:      610
    });
};

function twobytwo(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/twobytwo.jpg" class="img" /></span><p class="caption"><strong>2008 - Two by Two Zoo:</strong> Website &amp; Logo Design</p><a href="http://www.twobytwozoo.com" class="link" target="_blank">visit website</a></div>',
        player:     "html",
        height:     672,
        width:      610
    });
};

function puglisi(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/puglisi.jpg" class="img" /></span><p class="caption"><strong>2009 - Puglisi, Moore, &amp; Co:</strong> Website Design</p><a href="http://www.puglisimoore.com" class="link" target="_blank">visit website</a></div>',
        player:     "html",
        height:     677,
        width:      610
    });
};

function musiconmove(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/musiconmove.jpg" class="img" /></span><p class="caption"><strong>2008 - Music on the Move:</strong> Website Design</p><a href="http://www.musiconmove.com" class="link" target="_blank">visit website</a></div>',
        player:     "html",
        height:     695,
        width:      610
    });
};

function straddles(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/straddles.jpg" class="img" /></span><p class="caption"><strong>2008 - Straddles Gymnastics:</strong> Website Design</p><a href="http://www.straddlesgymnastics.com" class="link" target="_blank">visit website</a></div>',
        player:     "html",
        height:     726,
        width:      610
    });
};

function eagle(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/eagle.jpg" class="img" /></span><p class="caption"><strong>2005 - Eagle in Flight:</strong> Color Aid Paper</p></div>',
        player:     "html",
        height:     508,
        width:      610
    });
};

function sp(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/sp.jpg" class="img" /></span><p class="caption"><strong>2009 - Spaceship Theme:</strong> Website Design</p></div>',
        player:     "html",
        height:     531,
        width:      610
    });
};

function ft(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/ft.jpg" class="img" /></span><p class="caption"><strong>2010 - Fresh Thrive:</strong> Splash Page Design</p></div>',
        player:     "html",
        height:     538,
        width:      610
    });
};

function kent(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/kent.jpg" class="img" /></span><p class="caption"><strong>2008 - Kent Optronics:</strong> Website &amp; Logo Design</p><a href="http://www.kentoptronics.com" class="link" target="_blank">visit website</a></div>',
        player:     "html",
        height:     459,
        width:      610
    });
};

function datstyle(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/datstyle.jpg" class="img" /></span><p class="caption"><strong>2008 - Dat Style:</strong> Website Design</p><a href="http://www.datstyle.com" class="link" target="_blank">visit website</a></div>',
        player:     "html",
        height:     693,
        width:      610
    });
};

function ror(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/ror.jpg" class="img" /></span><p class="caption"><strong>2010 - Realm of Romance:</strong> Logo Designs</p></div>',
        player:     "html",
        height:     527,
        width:      610
    });
};

function bench(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/bench.jpg" class="img" /></span><p class="caption"><strong>2005 - Bench:</strong> 3D Studio Max</p></div>',
        player:     "html",
        height:     508,
        width:      610
    });
};

function road(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/road.jpg" class="img" /></span><p class="caption"><strong>2005 - Roadkill Poster:</strong> Photoshop, 3D Studio Max</p></div>',
        player:     "html",
        height:     495,
        width:      610
    });
};

function wick(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/wick.jpg" class="img" /></span><p class="caption"><strong>2005 - Wick:</strong> 3D Studio Max</p></div>',
        player:     "html",
        height:     508,
        width:      610
    });
};

function holiday(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/holiday.jpg" class="img" /></span><p class="caption"><strong>2005 - Holiday Pamphlet Cover:</strong> Photoshop</p></div>',
        player:     "html",
        height:     607,
        width:      610
    });
};

function argent(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/argent.jpg" class="img" /></span><p class="caption"><strong>2010 - The Argent Tournament:</strong> Website &amp; Logo Design</p><a href="http://dunewaker.com/blizzard/index.html" class="link" target="_blank">visit webpage</a></div>',
        player:     "html",
        height:     404,
        width:      610
    });
};

function xmas(){
    Shadowbox.open({
        content:    '<div id="pfwin"><span class="imgsh"><img src="images/portfolio/large/xmas.jpg" class="img" /></span><p class="caption"><strong>2009 - Xmas Background:</strong> Photoshop</p></div>',
        player:     "html",
        height:     431,
        width:      610
    });
};
