$(document).ready(function () {

$("div.hide").hide().removeClass('hide');

$(".select").click(function (){
getT = $(this).attr('title');
if ($(this).attr('class').indexOf('active') == -1) {
if (getT == "video") {
var vNo = $(this).attr('id').substring(1)
var width = screen.availWidth/2.5;
var height = screen.availHeight/2;
var left = parseInt((screen.availWidth/2) - (width/2));
var top = parseInt((screen.availHeight/2) - (height/2));
window.open('http://www.panamahatsdirect.com/swf/Style-Differences/Style-Differences.html?movie='+vNo, 'popUpWindow', 'height='+height+',width='+width+',left='+left+',top='+top+',resizable=yes,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no')
}
else {
$(this).siblings('div.info').find('div:visible').hide();
$(this).siblings('b.select').removeClass('active');
$(this).siblings('div.info').find('div.'+getT).slideDown(1000);
$(this).addClass('active');
}
}
});

$("img.pop").click (function() {
var html = $(this).attr("rel");
var width = screen.availWidth/2.5;
var height = screen.availHeight/2;
var left = parseInt((screen.availWidth/2) - (width/2));
var top = parseInt((screen.availHeight/2) - (height/2));
window.open(html, 'popUpWindow', 'height='+height+',width='+width+',left='+left+',top='+top+',resizable=yes,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no')
});



});