// JavaScript Document

//jquery.imageFader.js
$(document).ready(function () {

var viewerC = $('div#viewerFrameCostumes');
var viewerA = $('div#viewerFrameAccessories');
var container = $('div.viewerList');
var inner = $('div#innerFrame');
var start = $('img#startImage');
var s3slider = $("div#s3slider");

$(viewerC).css('background', 'url("images/costumes/main_on.jpg")');
$(viewerA).css('background', 'url("images/accessories/main_on.jpg")');
$(start).css('display', 'none');
$(s3slider).css('display', 'block');

//container hover event
$(container).mouseover(function () {
    $(start).stop().animate({opacity: '0'},500);
	$(s3slider).stop().animate({opacity: '0'},500);
});
$('div#innerFrame, div.description, #addThisButtonContent, #searchBox, #searchBoxPadded, #footer, #navigation, #header, div#s3slider, #socialArea, #searchArea, #loginArea').mouseover(function () {
    $(start).stop().animate({opacity: '1'},500);	
	$(s3slider).stop().animate({opacity: '1'},500)
});

//individial actions to costume hover event
$('a#main_animal').mouseover(function () {
	$(inner).css('background', 'url("images/costumes/main_animals.gif")');									  
});
$('a#main_fairytale').mouseover(function () {
	$(inner).css('background', 'url("images/costumes/main_fairytale.gif")');									  
});
$('a#main_hollywood').mouseover(function () {
	$(inner).css('background', 'url("images/costumes/main_hollywood.gif")');									  
});
$('a#main_60s').mouseover(function () {
	$(inner).css('background', 'url("images/costumes/main_60s.gif")');									  
});
$('a#main_70s').mouseover(function () {
	$(inner).css('background', 'url("images/costumes/main_70s.gif")');									  
});
$('a#main_sexy').mouseover(function () {
	$(inner).css('background', 'url("images/costumes/main_sexy.gif")');									  
});
$('a#main_pparty').mouseover(function () {
	$(inner).css('background', 'url("images/costumes/main_pparty.gif")');									  
});
$('a#main_groupsAndPairs').mouseover(function () {
	$(inner).css('background', 'url("images/costumes/main_groupsAndPairs.gif")');
});
$('a#main_christmas').mouseover(function () {
	$(inner).css('background', 'url("images/costumes/main_christmas.gif")');									  
});
$('a#main_horror').mouseover(function () {
	$(inner).css('background', 'url("images/costumes/main_horror.gif")');									  
});

//accessories hover events
$('a#main_feather').mouseover(function () {
	$(inner).css('background', 'url("images/accessories/main_feather.gif")');									  
});
$('a#main_italian').mouseover(function () {
	$(inner).css('background', 'url("images/accessories/main_italian.gif")');									  
});
$('a#main_weapons').mouseover(function () {
	$(inner).css('background', 'url("images/accessories/main_weapons.gif")');									  
});
$('a#main_jewel').mouseover(function () {
	$(inner).css('background', 'url("images/accessories/main_jewel.gif")');									  
});
$('a#main_glass').mouseover(function () {
	$(inner).css('background', 'url("images/accessories/main_glass.gif")');									  
});
$('a#main_hats').mouseover(function () {
	$(inner).css('background', 'url("images/accessories/main_hats.gif")');									  
});
$('a#main_shoes').mouseover(function () {
	$(inner).css('background', 'url("images/accessories/main_shoes.gif")');									  
});
$('a#main_stockings').mouseover(function () {
	$(inner).css('background', 'url("images/accessories/main_stockings.gif")');									  
});
$('a#main_teeth').mouseover(function () {
	$(inner).css('background', 'url("images/accessories/main_teeth.gif")');									  
});
$('a#main_wigs').mouseover(function () {
	$(inner).css('background', 'url("images/accessories/main_wigs.gif")');									  
});
$('a#main_makeUp').mouseover(function () {
	$(inner).css('background', 'url("images/accessories/main_makeUp.gif")');									  
});
$('a#main_blood').mouseover(function () {
	$(inner).css('background', 'url("images/accessories/main_blood.gif")');									  
});


//reset the stage
$(container).mouseout(function () {				
			$(inner).css('background', '0');					
});

//end jquery
});