$(function() {
	$('.tabs').tabs();
});

jQuery.fn.extend({
    tabs: function() {
        return this.each(function() {
            if(!$(this).hasClass('ui-tab-wrapper')) {
                $(this)
                    .addClass('ui-tab-wrapper')
                    .find('ul:first')
                    .addClass('ui-tab-header')
                    .find('li:first')
                    .addClass('ui-tab-active')
                    .parents('div:first')
                    .children('div')
                    .addClass('ui-tab-panel')
                    .eq(0)
                    .addClass('ui-tab-panel-active');
                $(this).children('.ui-tab-header').find('a').click(function() {
                    var target = $(this);
                    var related = target.attr("href").substring(target.attr("href").indexOf("#"));
                    if(!related) return false;
                    var panel = $(related);
                    if(!(target.parent('li').hasClass('ui-tab-active'))) {
                        $('.ui-tab-active',target.parents('ul')).removeClass('ui-tab-active');
                        $('.ui-tab-panel-active',panel.parents('div')).removeClass('ui-tab-panel-active');

                        target.parent('li').addClass('ui-tab-active');
                        panel.addClass('ui-tab-panel-active');
                    }
                    return false;
                });
            }
        });
    }
});

function removeTabDataList() {
    $("#tab_header_id").empty();
    $("#tab_content_id").removeClass('ui-tab-wrapper');
    $("div","#tab_content_id").remove('.ui-tab-panel');
}
function addTabHeaderDataToPage(allData){
	removeTabDataList();
	var headerData = allData['tabHeader'];
	var contentData = allData['tabContents'];

	//adding the tab header content.
	for(var i = 0; i < headerData.length; i++){
		var $listItem = $('<li></li>');
		if(i == 0){
			$listItem.addClass('active');
		}
		$listItem.html('<a href=#tab-'+(i+1)+'>'+headerData[i] +'</a>');
		$('#tab_header_id').append($listItem);
	}

	// to add the tab content to the screen.
	for(var k = 0; k < contentData.length; k++){
		var idName = 'tab-' + (k+1);
		var $itemToAdd = $('<div id='+idName+'></div>');
			$itemToAdd.html(contentData[k]);
		$('#tab_content_id').append($itemToAdd);
	}

	$('.tabs').tabs();
}


//QuickLook 
var global_img;
$(document).ready(function(){

var Imglength = $('.img').length;
for(i=0;i<=Imglength;i++)
{ 
$('#img'+i).mouseover(function(){
global_img = this.id;
    x=$(this).position();
    //alert("Left position: " + x.left + " Top position: " + x.top);
	var topvalue = x.top+135;
	var leftvalue = x.left+38;
	$('.quicklook').css({'display':'block','position':'absolute','top':topvalue,'left':leftvalue});
	 }).mouseout(function(){
   $('.quicklook').hide();
     });
	}
  
  $('.quicklook').mouseover(function(){
  $(this).css({'display':'block','cursor':'pointer'});
  $('.quicklook img').attr('src','/keds/images/quicklook_button.png');
   }).mouseout(function(){
   $(this).css('display','none');
   $('.quicklook img').attr('src','/keds/images/quicklook_button.png');
  });
  
   
});

//thickbox

var gradient = function(id, level){
    $(document).ready(function(){
     var previewbox = document.getElementById(id);
	//previewbox.style.opacity = level;
	//previewbox.style.MozOpacity = level;
	//previewbox.style.KhtmlOpacity = level;
	//previewbox.style.filter = "alpha(opacity=" + level * 100 + ")";
	previewbox.style.display="block";
	return;

    });
};

var fadein = function(id){
    $(document).ready(function(){
     var level = 0;
	while(level <= 1)
	{
		setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
		level += 0.01;
	}
    });
};

var openbox = function(fadin){
    $(document).ready(function(){
     var previewbox = document.getElementById('previewbox'); 
  document.getElementById('filter').style.display='block';
  var Imglength1 = $('.img').length;
	for(i=0;i<=Imglength1;i++)
	{
 	var sample = $('#img'+i).position();
 	document.getElementById('previewbox').style.position = 'absolute';
	var d=document;
	var setpopup=d.documentElement.scrollTop ? d.documentElement.scrollTop:d.body.scrollTop; 
	var setpopdown=d.documentElement.scrollLeft ? d.documentElement.scrollLeft:d.body.scrollLeft; 
	document.getElementById('previewbox').style.top = setpopup+50+'px';
 	document.getElementById('previewbox').style.left = setpopdown+215+'px';

}
var global_anchor = $('#'+global_img).find('a').attr('href').replace('productdetails','quicklookproduct');
$('.thickbox').load(global_anchor);
if(fadin)
  {
	 gradient("previewbox", 0);
	 fadein("previewbox");
  }
  else
  { 	
    previewbox.style.display='block';
  }  	


	});
};

var closebox = function(){
    $(document).ready(function(){
document.getElementById('filter').style.display='none';
$('#previewbox').fadeOut(1000);
$('.thickbox').empty();
							   });
};

$(document).ready(function(){
    $(document).bind('keydown', function(e) { 
        if (e.which == 27) {
            $('.thickbox').empty();
$('#previewbox').hide();
$('#filter').hide();
        }
    }); 


});

//
document.onclick=check;
      function check(e)
      {
        var target = (e && e.target) || (event && event.srcElement);
        var obj = document.getElementById('previewbox');
        if(target!=obj){obj.style.display='none'}
	 document.getElementById('filter').style.display='none';
      }