$(function(){

bodyleft=document.body.offsetWidth/2-480;
if(bodyleft<0)bodyleft=0;
$("#gallery").css('left',(bodyleft+240)+"px").css('top',"313px").slideUp('fast');
$("#window").css('left',(bodyleft+240)+"px").css('top',"313px").slideUp('fast');
$("#mobile").css('left',(bodyleft+240)+"px").css('top',"313px").slideUp('fast');
$("#kat").css('left',(bodyleft+240)+"px").css('top',"313px").slideUp('fast');
$("#tutorial").css('left',(bodyleft+240)+"px").css('top',"313px").slideUp('fast');

//**************************************************************************
$("#gallery_main").hover(function(){
$("#gallery").css("left",$("#gallery_main").offset().left + "px");
$("#gallery").css("top",($("#gallery_main").offset().top+26 - $("body").scrollTop()) + "px");
$("#gallery").css("visibility","visible");
$("#gallery").css('height',"100px").slideDown('fast');
},function(){$("#gallery").slideUp('fast');}); 

//**************************************************************************
$("#gallery").hover(function(){$("#gallery").stop();
},function(){
$("#gallery").slideUp('fast');
});
//**************************************************************************
$("#gallery div").hover(function(){
$(this).css("background-color","white");
$("#whitelink").css("color","black");
},function(){
$(this).css("background-color","transparent");
$("#whitelink").css("color","black");
});
//***************************************************************************
$("#wind_main").hover(function(){
$("#window").css("left",$("#wind_main").offset().left + "px");
$("#window").css("top",($("#wind_main").offset().top+26 - $("body").scrollTop()) + "px");
$("#window").css("visibility","visible");
$("#window").css('height',"100px").slideDown('fast');
},function(){$("#window").slideUp('fast');});

//**************************************************************************
$("#window").hover(function(){$("#window").stop();
},function(){
$("#window").slideUp('fast');
});
//**************************************************************************
$("#window div").hover(function(){
$(this).css("color","red").css("background-color","white");
},function(){
$(this).css("color","black").css("background-color","transparent");
});
//***************************************************************************
$("#mob_main").hover(function(){
$("#mobile").css("left",$("#mob_main").offset().left + "px");
$("#mobile").css("top",($("#mob_main").offset().top+26 - $("body").scrollTop()) + "px");
$("#mobile").css("visibility","visible");
$("#mobile").css('height',"100px").slideDown('fast');
},function(){$("#mobile").slideUp('fast');});

//**************************************************************************
$("#mobile").hover(function(){$("#mobile").stop();
},function(){
$("#mobile").slideUp('fast');
});
//**************************************************************************
$("#mobile div").hover(function(){
$(this).css("color","red").css("background-color","white");
},function(){
$(this).css("color","black").css("background-color","transparent");
});
//***************************************************************************
$("#kat_main").hover(function(){
$("#kat").css("left",$("#kat_main").offset().left + "px");
$("#kat").css("top",($("#kat_main").offset().top+26 - $("body").scrollTop()) + "px");
$("#kat").css("visibility","visible");
$("#kat").css('height',"100px").slideDown('fast');
},function(){$("#kat").slideUp('fast');});

//**************************************************************************
$("#kat").hover(function(){$("#kat").stop();
},function(){
$("#kat").slideUp('fast');
});
//**************************************************************************
$("#kat div").hover(function(){
$(this).css("color","black").css("background-color","white");
},function(){
$(this).css("color","black").css("background-color","transparent");
});
//***************************************************************************

//****************For sliding the top banner
i=0;
function slide1(){
if(i==0){
$("#first").animate({width: "0px" },1500);
i=1;
}
else
{
$("#first").animate({width: "610px" },1500);
i=0;
}
setTimeout(slide1,9000);
}
slide1();


// bottom tool bar
$("#bottom-menu").css("left",(($(document).width()-981)/2)+"px");
$("#bottom-menu").css("visibility","visible");
$("#bottom-menu div ").css("visibility","visible");
/*$("#result-page").css("left",(($(document).width()-981)/2)+"px");
$("#result-page").css("top",($(document).scrollTop()+$(window).height()-550)+"px");
$("#result-page").animate({width: "0px",height: "0px",opacity: "hide" },300);
$(window).scroll(function(){
$("#bottom-menu").css("top",($(document).scrollTop()+$(window).height()-32)+"px");
$("#result-page").css("top",($(document).scrollTop()+$(window).height()-550)+"px");
});
$(window).resize(function(){
$("#bottom-menu").css("top",($(document).scrollTop()+$(window).height()-32)+"px");
$("#bottom-menu").css("left",(($(document).width()-981)/2)+"px");
$("#result-page").css("top",($(document).scrollTop()+$(window).height()-550)+"px");
});

$(".search-close").hover(function(){
$(this).addClass("search-close-hover");
},function(){
$(this).removeClass("search-close-hover");
});
$("#cse-search-form").click(function(){
$("#result-page").css("visibility","visible");
$("#result-page div").css("visibility","visible");
$("#result-page").animate({width: "600px",height: "519px",opacity: 1.0},300);
});
$(".search-close").click(function(){
$("#result-page").animate({width: "0px",height: "0px",opacity: "hide" },300);
});
*/

//video preview


$(".video_prev").hover(function(){

$("#video-box").html("<div style=\"background-color:#fbfbfb; width:200px; height:150px; margin-left:5px; margin-top:5px; border:#999999 1px solid;\"><img src='http://i1.ytimg.com/vi/"+$(this).attr("name")+"/hqdefault.jpg\'  style='width:190px; margin:5px; height:140px;' /></div>"+$(this).attr("title"));
$("#video_prev_window").css("left", ($(this).offset().left-150)+"px").css("top", ($(this).offset().top - 250 - $("body").scrollTop())+"px").css("visibility","visible");
},function(){
$("#video_prev_window").css("visibility","hidden");
});


//option button effects

// finish jquery
});